bootstrap-checkbox.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /* ===========================================================
  2. * bootstrap-checkbox - v.1.0.1
  3. * ===========================================================
  4. * Copyright 2014 Roberto Montresor
  5. *
  6. * Licensed under the Apache License, Version 2.0 (the "License");
  7. * you may not use this file except in compliance with the License.
  8. * You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing, software
  13. * distributed under the License is distributed on an "AS IS" BASIS,
  14. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15. * See the License for the specific language governing permissions and
  16. * limitations under the License.
  17. * ========================================================== */
  18. @CHARSET "ISO-8859-1";
  19. .bootstrap-checkbox > button.btn{
  20. padding:7px 0 4px 2px;
  21. width:28px;
  22. }
  23. .bootstrap-checkbox > button.btn.displayAsButton{
  24. width:auto;
  25. }
  26. .bootstrap-checkbox > button.btn.displayAsButton > span.label-checkbox{
  27. padding:0 8px 0 4px;
  28. }
  29. .bootstrap-checkbox > button.btn.displayAsButton > span.icon{
  30. margin: 2px 4px;
  31. }
  32. .bootstrap-checkbox > button.btn.displayAsButton > span.label-prepend-checkbox{
  33. padding:0 4px 0 8px;
  34. }
  35. .bootstrap-checkbox > button.btn.btn-large{
  36. padding:10px 0 6px 2px;
  37. width:36px;
  38. }
  39. .bootstrap-checkbox > button.btn.btn-small{
  40. padding:5px 0 3px 1px;
  41. width:24px;
  42. }
  43. .bootstrap-checkbox > button.btn.btn-mini{
  44. padding:4px 0 1px 1px;
  45. width:20px;
  46. }
  47. .bootstrap-checkbox > .btn.btn-link{
  48. text-decoration:none;
  49. }
  50. label.bootstrap-checkbox.disabled{
  51. cursor:default;
  52. color:#666;
  53. }
  54. .bootstrap-checkbox > .label-prepend-checkbox{
  55. padding-right:4px;
  56. }
  57. .bootstrap-checkbox > .label-checkbox{
  58. padding-left:4px;
  59. }
  60. .bootstrap-checkbox.disabled > [class^="label-"],
  61. .bootstrap-checkbox > .btn[disabled]{
  62. cursor:not-allowed;
  63. }
  64. [class^="cb-icon-"],
  65. [class*=" cb-icon-"] {
  66. display: inline-block;
  67. width: 14px;
  68. height: 14px;
  69. margin-top: 1px;
  70. *margin-right: .3em;
  71. line-height: 14px;
  72. vertical-align: text-top;
  73. background-image: url("../img/icons.png");
  74. background-position: 14px 14px;
  75. background-repeat: no-repeat;
  76. }
  77. .bootstrap-checkbox button.btn > span.cb-icon-check,
  78. .bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check,
  79. .bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check{
  80. background-position: 0 -1px;
  81. }
  82. .bootstrap-checkbox button.btn:hover > span.cb-icon-check,
  83. .bootstrap-checkbox button.btn:focus > span.cb-icon-check,
  84. .bootstrap-checkbox button.btn:active > span.cb-icon-check{
  85. background-position: 0 -25px;
  86. }
  87. .bootstrap-checkbox button.btn > span.cb-icon-check-empty,
  88. .bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-empty,
  89. .bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-empty{
  90. background-position: -24px -1px;
  91. }
  92. .bootstrap-checkbox button.btn:hover > span.cb-icon-check-empty,
  93. .bootstrap-checkbox button.btn:focus > span.cb-icon-check-empty,
  94. .bootstrap-checkbox button.btn:active > span.cb-icon-check-empty{
  95. background-position: -24px -25px;
  96. }
  97. .bootstrap-checkbox button.btn > span.cb-icon-check-indeterminate,
  98. .bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-indeterminate,
  99. .bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-indeterminate{
  100. background-position: -48px -1px;
  101. }
  102. .bootstrap-checkbox button.btn:hover > span.cb-icon-check-indeterminate,
  103. .bootstrap-checkbox button.btn:focus > span.cb-icon-check-indeterminate,
  104. .bootstrap-checkbox button.btn:active > span.cb-icon-check-indeterminate{
  105. background-position: -48px -25px;
  106. }