Advertisement
Guest User

Untitled

a guest
Jan 29th, 2018
233
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.02 KB | None | 0 0
  1.  
  2. .form-checkbox-item:not(#foo) input[type="checkbox"],
  3. .form-radio-item:not(#foo) input[type="radio"] {
  4. visibility : hidden;
  5. }
  6.  
  7. .form-radio-item:not(#foo) label:after,
  8. .form-radio-item:not(#foo) label:before {
  9. border-radius : 50%;
  10. }
  11.  
  12. .form-checkbox-item:not(#foo) label:after,
  13. .form-checkbox-item:not(#foo) label:before {
  14. border-radius : 0;
  15. }
  16.  
  17. .form-radio-item:not(#foo) label:before,
  18. .form-checkbox-item:not(#foo) label:before {
  19. border-width : 2px;
  20. }
  21.  
  22. .form-radio-item:not(#foo),
  23. .form-checkbox-item:not(#foo) {
  24. margin-bottom : 0;
  25. position : relative;
  26. }
  27.  
  28.  
  29. .form-product-item label {
  30. margin-left : 5px;
  31. }
  32.  
  33. .form-submit-button {
  34. font-size : 25px !important;
  35. }
  36.  
  37. #input_4_1000,#input_4_1001 {
  38. visibility: hidden !important;
  39. }
  40.  
  41.  
  42. /*-------custom checkbox------------*/
  43. .form-radio-item:not(#foo) {
  44. margin-bottom: 0;
  45. position: relative;
  46. }
  47.  
  48. .form-radio-item:not(#foo) label {
  49. line-height: 18px;
  50. margin-left: 0;
  51. float: left;
  52. text-indent: 27px;
  53. }
  54.  
  55. .form-radio-item:not(#foo) label:after, .form-product-item input + label:after {
  56. content: '';
  57. position: absolute;
  58. z-index: 10;
  59. display: inline-block;
  60. opacity: 0;
  61. top: 4px;
  62. left: 54px;
  63. width: 10px;
  64. height: 10px;
  65. background-color: #3498db;
  66. -webkit-border-radius: 50%;
  67. -moz-border-radius: 50%;
  68. border-radius: 50%;
  69. cursor: pointer;
  70. }
  71. .form-product-item input + label:after{
  72. top: 12px;
  73. left: 66px;
  74. }
  75.  
  76. .form-radio-item:not(#foo) input:checked + label:after,
  77. .form-product-item input:checked + label:after {
  78. opacity: 1;
  79. }
  80. .form-radio-item:not(#foo) label:before, .form-product-item input + label:before {
  81. content: '';
  82. position: absolute;
  83. display: inline-block;
  84. vertical-align: baseline;
  85. margin-right: 4px;
  86. -moz-box-sizing: border-box;
  87. -webkit-box-sizing: border-box;
  88. box-sizing: border-box;
  89. -webkit-border-radius: 50%;
  90. -moz-border-radius: 50%;
  91. border-radius: 50%;
  92. border: 2px solid #3498db;
  93. left: 60px;
  94. width: 22px;
  95. height: 22px;
  96. cursor: pointer;
  97. }
  98. .form-product-item label {
  99. margin-left: 24px;
  100. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement