Posted By

robnilas on 01/21/17


Tagged

css-button


Versions (?)

Yellow btn Tuts+Premium


 / Published in: CSS
 

  1. /* Post Buttons */
  2. .post-buttons-wrap {
  3. background: url(images/dash.png) repeat-x left center;
  4. float: left;
  5. width: 100%;
  6. }
  7. .post-buttons {
  8. float: right;
  9. }
  10. .entry-content .post-buttons {
  11. }
  12. .search-content .post-buttons {
  13. }
  14. .preview-wrap .post-buttons {
  15. }
  16. .post-type-archive-ebook .post-buttons,
  17. #related-ebook .post-buttons {
  18. float: left;
  19. }
  20. body.post-type-archive-course .post-buttons,
  21. .post-buttons.is-wrapped {
  22. background: #fff;
  23. padding-left: 20px;
  24. }
  25. .course-lesson-count {
  26. background: url(images/bg-line-repeat.png) repeat 0 0;
  27. color: #333;
  28. display: block;
  29. float: left;
  30. font-family: Helvetica, Arial, sans-serif;
  31. font-size: 12px;
  32. font-weight: bold;
  33. line-height: 20px;
  34. margin-right: 20px;
  35. padding: 7px 16px;
  36. text-shadow: 0 1px 0 #fff;
  37. }
  38. /* Orange Button Style */
  39. a.orange-button,
  40. input.orange-button,
  41. input.mc-button,
  42. a.comment-reply-link,
  43. input#submit,
  44. button.button {
  45. background: #ffc02f;
  46. border: 1px solid #ffc02f;
  47. border-bottom-color: #ebb12b;
  48. color: #454545;
  49. display: block;
  50. float: left;
  51. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  52. font-size: 14px;
  53. line-height: 14px;
  54. padding: 10px 18px;
  55. text-decoration: none;
  56. -webkit-border-radius: 5px;
  57. -moz-border-radius: 5px;
  58. border-radius: 5px;
  59. }
  60. input.orange-button,
  61. button.button,
  62. a.orange-button.small {
  63. cursor: pointer;
  64. float: right;
  65. font-size: 11px;
  66. padding: 3px 12px;
  67. }
  68. a.orange-button.small {
  69. font-size: 10px;
  70. padding: 3px 12px 4px 12px;
  71. }
  72. input#submit,
  73. input.mc-button {
  74. cursor: pointer;
  75. float: right;
  76. }
  77. input.mc-button {
  78. border: 1px solid #ffc02f !important;
  79. border-bottom-color: #ebb12b !important;
  80. }
  81. a.orange-button.large {
  82. font-size: 16px;
  83. line-height: 12px;
  84. padding: 18px 50px;
  85. -webkit-border-radius: 5px;
  86. -moz-border-radius: 5px;
  87. border-radius: 5px;
  88. }
  89. a.orange-button-alt {
  90. color: #623f1d;
  91. display: block;
  92. float: left;
  93. font-size: 16px;
  94. font-weight: normal;
  95. line-height: 12px;
  96. padding: 17px 62px;
  97. text-decoration: none;
  98. text-shadow: none;
  99. /* CSS3 */
  100. -moz-box-shadow: 0px 1px 1px #c65f18;
  101. -webkit-box-shadow: 0px 1px 1px #c65f18;
  102. box-shadow: 0px 1px 1px #c65f18;
  103. -webkit-border-radius: 5px;
  104. -moz-border-radius: 5px;
  105. border-radius: 5px;
  106. background: #ffc02f;
  107. color: #454545;
  108. }
  109. a:hover.orange-button-alt {
  110. background-color: #feda71;
  111. }
  112. a:hover.orange-button,
  113. input:hover.orange-button,
  114. input:hover.mc-button,
  115. a:hover.comment-reply-link,
  116. input:hover#submit,
  117. button:hover.button {
  118. background-color: #feda71 !important;
  119. border-color: #feda71 !important;
  120. border-bottom-color: #ffc02f !important;
  121. }
  122. input#searchsubmit.orange-button {
  123. color: transparent;
  124. background: #ffc02f url(images/sprite.png) no-repeat -300px -30px;
  125. border: none;
  126. border-bottom: 1px solid #ebb12b;
  127. height: 25px;
  128. padding: 0px;
  129. text-indent: -9999px;
  130. text-transform: capitalize;
  131. width: 26px;
  132. -webkit-border-radius: 3px;
  133. -moz-border-radius: 3px;
  134. border-radius: 3px;
  135. -moz-box-shadow: none;
  136. -webkit-box-shadow: none;
  137. box-shadow: none;
  138. }
  139. input:hover#searchsubmit.orange-button {
  140. background-color: #feda71;
  141. border-bottom-color: #ffc02f;
  142. }
  143. .left_20 {
  144. margin-left: 20px;
  145. }
  146. .divide-or {
  147. background: url(images/divide-or.png) no-repeat center;
  148. display: block;
  149. float: left;
  150. height: 34px;
  151. text-indent: -9999px;
  152. width: 25px;
  153. }
  154. .on-callback {
  155. background: #373232 url(images/bg-callback.jpg) repeat-x 0 0;
  156. height: 80px;
  157. left: 0px;
  158. margin-top: -40px;
  159. position: absolute;
  160. top: 50%;
  161. width: 100%;
  162. }
  163. .on-callback a.orange-button {
  164. position: absolute;
  165. left: 50%;
  166. top: 50%;
  167. margin: -16px 0 0 -75px;
  168. -moz-box-shadow: 0px 1px 1px #000;
  169. -webkit-box-shadow: 0px 1px 1px #000;
  170. box-shadow: 0px 1px 1px #000;
  171. }

Report this snippet  

You need to login to post a comment.