ui-btn.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. .uh .btn-l,.uf .btn-l {
  2. position: absolute;
  3. left: 10px;
  4. top: .55em
  5. }
  6. .uh .btn-r,.uf .btn-r {
  7. position: absolute;
  8. right: 10px;
  9. top: .55em
  10. }
  11. .uh .btn,.uf .btn{
  12. display: inline-block;
  13. font-size: .8125em;
  14. margin: 0
  15. }
  16. .btn
  17. {
  18. font-size: 0.8em;
  19. text-align:center;
  20. }
  21. .btn-act
  22. {
  23. -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
  24. box-shadow:inset 0 1px 4px rgba(0,0,0,0.6);
  25. }
  26. .btn-act1
  27. {
  28. opacity:0.4
  29. }
  30. .btn-a
  31. {
  32. background-image:url('res-apple/app-btn-l.png'),url('res-apple/app-btn-c.png'),url('res-apple/app-btn-r.png');
  33. background-repeat:no-repeat,no-repeat,no-repeat;
  34. -webkit-background-clip: padding-box,content-box,padding-box;
  35. background-clip: padding-box,content-box,padding-box;
  36. -webkit-background-size:1.2em 100%,100% 100%,0.5em 100%;
  37. background-size:1.2em 100%,100% 100%,0.5em 100%;
  38. background-position:left,center,right;
  39. padding:0 0.5em 0 1.2em;
  40. min-height:2.2em;
  41. }
  42. .btn-n
  43. {
  44. background-image:url('res-apple/app-rbt-l.png'),url('res-apple/app-rbt-c.png'),url('res-apple/app-rbt-r.png');
  45. background-repeat:no-repeat,no-repeat,no-repeat;
  46. -webkit-background-clip: padding-box,content-box,padding-box;
  47. background-clip: padding-box,content-box,padding-box;
  48. -webkit-background-size:0.4em 100%,100% 100%,0.4em 100%;
  49. background-size:0.4em 100%,100% 100%,0.4em 100%;
  50. background-position:left,center,right;
  51. padding:0 0.4em;
  52. min-height:2.2em;
  53. }
  54. .btn-al
  55. {
  56. background-image:url('res-apple/app-btn-l.png');
  57. background-repeat:no-repeat;
  58. -webkit-background-size:1.2em 100%;
  59. background-size:1.2em 100%;
  60. background-position:left;
  61. padding-left:1.2em;
  62. min-height:2.2em;
  63. }
  64. .btn-ac
  65. {
  66. background-image:url('res-apple/app-btn-c.png');
  67. background-repeat:repeat;
  68. -webkit-background-size:100% 100%;
  69. background-size:100% 100%;
  70. background-position:center;
  71. min-height:2.2em;
  72. }.btn-ar
  73. {
  74. background-image:url('res-apple/app-btn-r.png');
  75. background-repeat:no-repeat;
  76. -webkit-background-size:.4em 100%;
  77. background-size:.4em 100%;
  78. background-position:left;
  79. padding-right:.5em;
  80. min-height:2.2em;
  81. }
  82. .btn-nl
  83. {
  84. background-image:url('res-apple/app-rbt-l.png');
  85. background-repeat:no-repeat;
  86. -webkit-background-size:.4em 100%;
  87. background-size:.4em 100%;
  88. background-position:left;
  89. padding-left:.4em;
  90. min-height:2.2em;
  91. }
  92. .btn-nc
  93. {
  94. background-image:url('res-apple/app-rbt-c.png');
  95. background-repeat:repeat;
  96. -webkit-background-size:100% 100%;
  97. background-size:100% 100%;
  98. background-position:center;
  99. min-height:2.2em;
  100. }
  101. .btn-nr
  102. {
  103. background-image:url('res-apple/app-rbt-r.png');
  104. background-repeat:no-repeat;
  105. -webkit-background-size:.4em 100%;
  106. background-size:.4em 100%;
  107. background-position:left;
  108. padding-right:.5em;
  109. min-height:2.2em;
  110. }