PageRenderTime 56ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/css/buttons.css

https://github.com/ajanthanm/Buttons
CSS | 1583 lines | 1374 code | 56 blank | 153 comment | 0 complexity | a4118d41666693a82d34bad4c64a4d7b MD5 | raw file
Possible License(s): Apache-2.0
  1. @-webkit-keyframes glowing {
  2. /* line 11, ../scss/partials/_glow.scss */
  3. from {
  4. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  5. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  6. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  7. }
  8. /* line 12, ../scss/partials/_glow.scss */
  9. 50% {
  10. -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  11. -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  12. box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  13. }
  14. /* line 13, ../scss/partials/_glow.scss */
  15. to {
  16. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  17. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  18. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  19. }
  20. }
  21. @-moz-keyframes glowing {
  22. /* line 17, ../scss/partials/_glow.scss */
  23. from {
  24. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  25. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  26. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  27. }
  28. /* line 18, ../scss/partials/_glow.scss */
  29. 50% {
  30. -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  31. -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  32. box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  33. }
  34. /* line 19, ../scss/partials/_glow.scss */
  35. to {
  36. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  37. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  38. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  39. }
  40. }
  41. @-o-keyframes glowing {
  42. /* line 23, ../scss/partials/_glow.scss */
  43. from {
  44. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  45. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  46. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  47. }
  48. /* line 24, ../scss/partials/_glow.scss */
  49. 50% {
  50. -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  51. -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  52. box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  53. }
  54. /* line 25, ../scss/partials/_glow.scss */
  55. to {
  56. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  57. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  58. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  59. }
  60. }
  61. @keyframes glowing {
  62. /* line 29, ../scss/partials/_glow.scss */
  63. from {
  64. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  65. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  66. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  67. }
  68. /* line 30, ../scss/partials/_glow.scss */
  69. 50% {
  70. -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  71. -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  72. box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
  73. }
  74. /* line 31, ../scss/partials/_glow.scss */
  75. to {
  76. -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  77. -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  78. box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
  79. }
  80. }
  81. /* line 24, ../scss/partials/_buttons.scss */
  82. .button {
  83. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  84. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  85. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
  86. background-color: #eeeeee;
  87. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
  88. background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
  89. background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
  90. background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
  91. background: linear-gradient(top, #fbfbfb, #e1e1e1);
  92. display: -moz-inline-stack;
  93. display: inline-block;
  94. vertical-align: middle;
  95. *vertical-align: auto;
  96. zoom: 1;
  97. *display: inline;
  98. border: 1px solid #d4d4d4;
  99. height: 32px;
  100. line-height: 32px;
  101. padding: 0px 25.6px;
  102. font-weight: 300;
  103. font-size: 14px;
  104. font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  105. color: #666666;
  106. text-shadow: 0 1px 1px white;
  107. margin: 0;
  108. text-decoration: none;
  109. text-align: center;
  110. }
  111. /* line 42, ../scss/partials/_buttons.scss */
  112. .button:hover, .button:focus {
  113. background-color: #eeeeee;
  114. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  115. background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  116. background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  117. background: -o-linear-gradient(top, #ffffff, #dcdcdc);
  118. background: linear-gradient(top, #ffffff, #dcdcdc);
  119. }
  120. /* line 46, ../scss/partials/_buttons.scss */
  121. .button:active {
  122. -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  123. -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  124. box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  125. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  126. background: #eeeeee;
  127. color: #bbbbbb;
  128. }
  129. /* line 52, ../scss/partials/_buttons.scss */
  130. .button:focus {
  131. outline: none;
  132. }
  133. /* line 58, ../scss/partials/_buttons.scss */
  134. input.button, button.button {
  135. height: 34px;
  136. cursor: pointer;
  137. -webkit-appearance: none;
  138. }
  139. /* line 65, ../scss/partials/_buttons.scss */
  140. .button-block {
  141. display: block;
  142. }
  143. /* line 75, ../scss/partials/_buttons.scss */
  144. .button.disabled,
  145. .button.disabled:hover,
  146. .button.disabled:focus,
  147. .button.disabled:active,
  148. input.button:disabled,
  149. button.button:disabled {
  150. -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  151. -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  152. box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  153. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  154. opacity: 0.8;
  155. background: #EEE;
  156. border: 1px solid #DDD;
  157. text-shadow: 0 1px 1px white;
  158. color: #CCC;
  159. cursor: default;
  160. -webkit-appearance: none;
  161. }
  162. /* line 87, ../scss/partials/_buttons.scss */
  163. .button-wrap {
  164. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
  165. background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
  166. background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
  167. background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
  168. background: linear-gradient(top, #e3e3e3, #f2f2f2);
  169. -webkit-border-radius: 200px;
  170. -moz-border-radius: 200px;
  171. -ms-border-radius: 200px;
  172. -o-border-radius: 200px;
  173. border-radius: 200px;
  174. -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  175. -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  176. box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
  177. padding: 10px;
  178. display: inline-block;
  179. }
  180. /* line 97, ../scss/partials/_buttons.scss */
  181. .button-flat {
  182. -webkit-box-shadow: none;
  183. -moz-box-shadow: none;
  184. box-shadow: none;
  185. -webkit-transition-property: background;
  186. -moz-transition-property: background;
  187. -o-transition-property: background;
  188. transition-property: background;
  189. -webkit-transition-duration: 0.3s;
  190. -moz-transition-duration: 0.3s;
  191. -o-transition-duration: 0.3s;
  192. transition-duration: 0.3s;
  193. background: #eeeeee;
  194. border: none;
  195. text-shadow: none;
  196. }
  197. /* line 106, ../scss/partials/_buttons.scss */
  198. .button-flat:hover, .button-flat:focus {
  199. background: #fbfbfb;
  200. }
  201. /* line 109, ../scss/partials/_buttons.scss */
  202. .button-flat:active {
  203. -webkit-transition-duration: 0s;
  204. -moz-transition-duration: 0s;
  205. -o-transition-duration: 0s;
  206. transition-duration: 0s;
  207. background: #eeeeee;
  208. color: #bbbbbb;
  209. }
  210. /* line 114, ../scss/partials/_buttons.scss */
  211. .button-flat.disabled {
  212. -webkit-box-shadow: none;
  213. -moz-box-shadow: none;
  214. box-shadow: none;
  215. -webkit-appearance: none;
  216. }
  217. /* line 124, ../scss/partials/_buttons.scss */
  218. .button-border {
  219. -webkit-box-shadow: none;
  220. -moz-box-shadow: none;
  221. box-shadow: none;
  222. -webkit-transition-property: all;
  223. -moz-transition-property: all;
  224. -o-transition-property: all;
  225. transition-property: all;
  226. -webkit-transition-duration: 0.3s;
  227. -moz-transition-duration: 0.3s;
  228. -o-transition-duration: 0.3s;
  229. transition-duration: 0.3s;
  230. color: #666666;
  231. border: 2px solid #666666;
  232. background: none;
  233. text-shadow: none;
  234. }
  235. /* line 133, ../scss/partials/_buttons.scss */
  236. .button-border:hover, .button-border:focus {
  237. background: none;
  238. color: gray;
  239. border: 2px solid gray;
  240. }
  241. /* line 138, ../scss/partials/_buttons.scss */
  242. .button-border:active {
  243. -webkit-transition-duration: 0s;
  244. -moz-transition-duration: 0s;
  245. -o-transition-duration: 0s;
  246. transition-duration: 0s;
  247. background: none;
  248. color: #4d4d4d;
  249. border: 2px solid #4d4d4d;
  250. }
  251. /* line 144, ../scss/partials/_buttons.scss */
  252. .button-border.disabled {
  253. -webkit-box-shadow: none;
  254. -moz-box-shadow: none;
  255. box-shadow: none;
  256. -webkit-appearance: none;
  257. }
  258. /* line 154, ../scss/partials/_buttons.scss */
  259. .button-3d {
  260. -webkit-transition-property: all;
  261. -moz-transition-property: all;
  262. -o-transition-property: all;
  263. transition-property: all;
  264. -webkit-transition-duration: 0.3s;
  265. -moz-transition-duration: 0.3s;
  266. -o-transition-duration: 0.3s;
  267. transition-duration: 0.3s;
  268. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  269. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  270. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  271. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9));
  272. background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9);
  273. background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9);
  274. background: -o-linear-gradient(top, #f3f3f3, #e9e9e9);
  275. background: linear-gradient(top, #f3f3f3, #e9e9e9);
  276. background-color: #eeeeee;
  277. color: #666666;
  278. border: 1px solid #e1e1e1;
  279. text-shadow: none;
  280. position: relative;
  281. top: 0px;
  282. }
  283. /* line 166, ../scss/partials/_buttons.scss */
  284. .button-3d:hover, .button-3d:focus {
  285. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  286. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  287. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2);
  288. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  289. background: -webkit-linear-gradient(top, #ffffff, #ebebeb);
  290. background: -moz-linear-gradient(top, #ffffff, #ebebeb);
  291. background: -o-linear-gradient(top, #ffffff, #ebebeb);
  292. background: linear-gradient(top, #ffffff, #ebebeb);
  293. background-color: white;
  294. }
  295. /* line 171, ../scss/partials/_buttons.scss */
  296. .button-3d:active {
  297. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  298. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  299. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2);
  300. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f3f3f3));
  301. background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3);
  302. background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3);
  303. background: -o-linear-gradient(top, #e9e9e9, #f3f3f3);
  304. background: linear-gradient(top, #e9e9e9, #f3f3f3);
  305. background-color: #eeeeee;
  306. color: #bbbbbb;
  307. border: 1px solid #e1e1e1;
  308. top: 5px;
  309. }
  310. /* line 179, ../scss/partials/_buttons.scss */
  311. .button-3d.disabled {
  312. -webkit-box-shadow: none;
  313. -moz-box-shadow: none;
  314. box-shadow: none;
  315. -webkit-appearance: none;
  316. }
  317. /* line 193, ../scss/partials/_buttons.scss */
  318. .button-rounded {
  319. -webkit-border-radius: 3px;
  320. -moz-border-radius: 3px;
  321. -ms-border-radius: 3px;
  322. -o-border-radius: 3px;
  323. border-radius: 3px;
  324. }
  325. /* line 193, ../scss/partials/_buttons.scss */
  326. .button-pill {
  327. -webkit-border-radius: 50px;
  328. -moz-border-radius: 50px;
  329. -ms-border-radius: 50px;
  330. -o-border-radius: 50px;
  331. border-radius: 50px;
  332. }
  333. /* line 193, ../scss/partials/_buttons.scss */
  334. .button-circle {
  335. -webkit-border-radius: 240px;
  336. -moz-border-radius: 240px;
  337. -ms-border-radius: 240px;
  338. -o-border-radius: 240px;
  339. border-radius: 240px;
  340. -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  341. -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  342. box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  343. width: 120px;
  344. line-height: 120px;
  345. height: 120px;
  346. padding: 0px;
  347. border-width: 4px;
  348. font-size: 19px;
  349. }
  350. /* line 227, ../scss/partials/_buttons.scss */
  351. .button-primary {
  352. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2));
  353. background: -webkit-linear-gradient(top, #00b5e5, #008db2);
  354. background: -moz-linear-gradient(top, #00b5e5, #008db2);
  355. background: -o-linear-gradient(top, #00b5e5, #008db2);
  356. background: linear-gradient(top, #00b5e5, #008db2);
  357. background-color: #00a1cb;
  358. border-color: #007998;
  359. color: white;
  360. text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
  361. }
  362. /* line 234, ../scss/partials/_buttons.scss */
  363. .button-primary:hover, .button-primary:focus {
  364. background-color: #00a1cb;
  365. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2));
  366. background: -webkit-linear-gradient(top, #00c9fe, #008db2);
  367. background: -moz-linear-gradient(top, #00c9fe, #008db2);
  368. background: -o-linear-gradient(top, #00c9fe, #008db2);
  369. background: linear-gradient(top, #00c9fe, #008db2);
  370. }
  371. /* line 238, ../scss/partials/_buttons.scss */
  372. .button-primary:active {
  373. background: #1495b7;
  374. color: #005065;
  375. }
  376. /* line 251, ../scss/partials/_buttons.scss */
  377. .button-3d-primary {
  378. -webkit-transition-property: all;
  379. -moz-transition-property: all;
  380. -o-transition-property: all;
  381. transition-property: all;
  382. -webkit-transition-duration: 0.3s;
  383. -moz-transition-duration: 0.3s;
  384. -o-transition-duration: 0.3s;
  385. transition-duration: 0.3s;
  386. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  387. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  388. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3);
  389. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9d5), color-stop(100%, #0099c1));
  390. background: -webkit-linear-gradient(top, #00a9d5, #0099c1);
  391. background: -moz-linear-gradient(top, #00a9d5, #0099c1);
  392. background: -o-linear-gradient(top, #00a9d5, #0099c1);
  393. background: linear-gradient(top, #00a9d5, #0099c1);
  394. background-color: #00a1cb;
  395. color: white;
  396. border: 1px solid #007998;
  397. text-shadow: none;
  398. position: relative;
  399. top: 0px;
  400. }
  401. /* line 263, ../scss/partials/_buttons.scss */
  402. .button-3d-primary:hover, .button-3d-primary:focus {
  403. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  404. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  405. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3);
  406. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1f4), color-stop(100%, #009dc6));
  407. background: -webkit-linear-gradient(top, #00c1f4, #009dc6);
  408. background: -moz-linear-gradient(top, #00c1f4, #009dc6);
  409. background: -o-linear-gradient(top, #00c1f4, #009dc6);
  410. background: linear-gradient(top, #00c1f4, #009dc6);
  411. background-color: #00c9fe;
  412. }
  413. /* line 268, ../scss/partials/_buttons.scss */
  414. .button-3d-primary:active {
  415. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  416. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  417. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3);
  418. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0099c1), color-stop(100%, #00a9d5));
  419. background: -webkit-linear-gradient(top, #0099c1, #00a9d5);
  420. background: -moz-linear-gradient(top, #0099c1, #00a9d5);
  421. background: -o-linear-gradient(top, #0099c1, #00a9d5);
  422. background: linear-gradient(top, #0099c1, #00a9d5);
  423. background-color: #1495b7;
  424. color: #005065;
  425. border: 1px solid #008db2;
  426. top: 5px;
  427. }
  428. /* line 276, ../scss/partials/_buttons.scss */
  429. .button-3d-primary.disabled {
  430. -webkit-box-shadow: none;
  431. -moz-box-shadow: none;
  432. box-shadow: none;
  433. -webkit-appearance: none;
  434. }
  435. /* line 290, ../scss/partials/_buttons.scss */
  436. .button-border-primary {
  437. -webkit-box-shadow: none;
  438. -moz-box-shadow: none;
  439. box-shadow: none;
  440. -webkit-transition-property: all;
  441. -moz-transition-property: all;
  442. -o-transition-property: all;
  443. transition-property: all;
  444. -webkit-transition-duration: 0.3s;
  445. -moz-transition-duration: 0.3s;
  446. -o-transition-duration: 0.3s;
  447. transition-duration: 0.3s;
  448. color: #00a1cb;
  449. border: 2px solid #00a1cb;
  450. background: none;
  451. text-shadow: none;
  452. }
  453. /* line 299, ../scss/partials/_buttons.scss */
  454. .button-border-primary:hover, .button-border-primary:focus {
  455. background: none;
  456. color: #00c9fe;
  457. border: 2px solid #00c9fe;
  458. }
  459. /* line 304, ../scss/partials/_buttons.scss */
  460. .button-border-primary:active {
  461. -webkit-transition-duration: 0s;
  462. -moz-transition-duration: 0s;
  463. -o-transition-duration: 0s;
  464. transition-duration: 0s;
  465. background: none;
  466. color: #007998;
  467. border: 2px solid #007998;
  468. }
  469. /* line 310, ../scss/partials/_buttons.scss */
  470. .button-border-primary.disabled {
  471. -webkit-box-shadow: none;
  472. -moz-box-shadow: none;
  473. box-shadow: none;
  474. -webkit-appearance: none;
  475. }
  476. /* line 322, ../scss/partials/_buttons.scss */
  477. .button-flat-primary {
  478. -webkit-box-shadow: none;
  479. -moz-box-shadow: none;
  480. box-shadow: none;
  481. -webkit-transition-property: background;
  482. -moz-transition-property: background;
  483. -o-transition-property: background;
  484. transition-property: background;
  485. -webkit-transition-duration: 0.3s;
  486. -moz-transition-duration: 0.3s;
  487. -o-transition-duration: 0.3s;
  488. transition-duration: 0.3s;
  489. background: #00a1cb;
  490. color: white;
  491. text-shadow: none;
  492. border: none;
  493. }
  494. /* line 331, ../scss/partials/_buttons.scss */
  495. .button-flat-primary:hover, .button-flat-primary:focus {
  496. background: #00b5e5;
  497. }
  498. /* line 334, ../scss/partials/_buttons.scss */
  499. .button-flat-primary:active {
  500. -webkit-transition-duration: 0s;
  501. -moz-transition-duration: 0s;
  502. -o-transition-duration: 0s;
  503. transition-duration: 0s;
  504. background: #1495b7;
  505. color: #00647f;
  506. }
  507. /* line 339, ../scss/partials/_buttons.scss */
  508. .button-flat-primary.disabled {
  509. -webkit-box-shadow: none;
  510. -moz-box-shadow: none;
  511. box-shadow: none;
  512. -webkit-appearance: none;
  513. }
  514. /* line 227, ../scss/partials/_buttons.scss */
  515. .button-secondary {
  516. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  517. background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  518. background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  519. background: -o-linear-gradient(top, #ffffff, #f2f2f2);
  520. background: linear-gradient(top, #ffffff, #f2f2f2);
  521. background-color: white;
  522. border-color: #e6e6e6;
  523. color: white;
  524. text-shadow: 0 -1px 1px rgba(179, 179, 179, 0.35);
  525. }
  526. /* line 234, ../scss/partials/_buttons.scss */
  527. .button-secondary:hover, .button-secondary:focus {
  528. background-color: white;
  529. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  530. background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  531. background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  532. background: -o-linear-gradient(top, #ffffff, #f2f2f2);
  533. background: linear-gradient(top, #ffffff, #f2f2f2);
  534. }
  535. /* line 238, ../scss/partials/_buttons.scss */
  536. .button-secondary:active {
  537. background: white;
  538. color: #cccccc;
  539. }
  540. /* line 251, ../scss/partials/_buttons.scss */
  541. .button-3d-secondary {
  542. -webkit-transition-property: all;
  543. -moz-transition-property: all;
  544. -o-transition-property: all;
  545. transition-property: all;
  546. -webkit-transition-duration: 0.3s;
  547. -moz-transition-duration: 0.3s;
  548. -o-transition-duration: 0.3s;
  549. transition-duration: 0.3s;
  550. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
  551. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
  552. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3);
  553. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa));
  554. background: -webkit-linear-gradient(top, #ffffff, #fafafa);
  555. background: -moz-linear-gradient(top, #ffffff, #fafafa);
  556. background: -o-linear-gradient(top, #ffffff, #fafafa);
  557. background: linear-gradient(top, #ffffff, #fafafa);
  558. background-color: white;
  559. color: white;
  560. border: 1px solid #e6e6e6;
  561. text-shadow: none;
  562. position: relative;
  563. top: 0px;
  564. }
  565. /* line 263, ../scss/partials/_buttons.scss */
  566. .button-3d-secondary:hover, .button-3d-secondary:focus {
  567. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
  568. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
  569. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3);
  570. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc));
  571. background: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
  572. background: -moz-linear-gradient(top, #ffffff, #fcfcfc);
  573. background: -o-linear-gradient(top, #ffffff, #fcfcfc);
  574. background: linear-gradient(top, #ffffff, #fcfcfc);
  575. background-color: white;
  576. }
  577. /* line 268, ../scss/partials/_buttons.scss */
  578. .button-3d-secondary:active {
  579. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
  580. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
  581. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3);
  582. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff));
  583. background: -webkit-linear-gradient(top, #fafafa, #ffffff);
  584. background: -moz-linear-gradient(top, #fafafa, #ffffff);
  585. background: -o-linear-gradient(top, #fafafa, #ffffff);
  586. background: linear-gradient(top, #fafafa, #ffffff);
  587. background-color: white;
  588. color: #cccccc;
  589. border: 1px solid #f2f2f2;
  590. top: 5px;
  591. }
  592. /* line 276, ../scss/partials/_buttons.scss */
  593. .button-3d-secondary.disabled {
  594. -webkit-box-shadow: none;
  595. -moz-box-shadow: none;
  596. box-shadow: none;
  597. -webkit-appearance: none;
  598. }
  599. /* line 290, ../scss/partials/_buttons.scss */
  600. .button-border-secondary {
  601. -webkit-box-shadow: none;
  602. -moz-box-shadow: none;
  603. box-shadow: none;
  604. -webkit-transition-property: all;
  605. -moz-transition-property: all;
  606. -o-transition-property: all;
  607. transition-property: all;
  608. -webkit-transition-duration: 0.3s;
  609. -moz-transition-duration: 0.3s;
  610. -o-transition-duration: 0.3s;
  611. transition-duration: 0.3s;
  612. color: white;
  613. border: 2px solid white;
  614. background: none;
  615. text-shadow: none;
  616. }
  617. /* line 299, ../scss/partials/_buttons.scss */
  618. .button-border-secondary:hover, .button-border-secondary:focus {
  619. background: none;
  620. color: white;
  621. border: 2px solid white;
  622. }
  623. /* line 304, ../scss/partials/_buttons.scss */
  624. .button-border-secondary:active {
  625. -webkit-transition-duration: 0s;
  626. -moz-transition-duration: 0s;
  627. -o-transition-duration: 0s;
  628. transition-duration: 0s;
  629. background: none;
  630. color: #e6e6e6;
  631. border: 2px solid #e6e6e6;
  632. }
  633. /* line 310, ../scss/partials/_buttons.scss */
  634. .button-border-secondary.disabled {
  635. -webkit-box-shadow: none;
  636. -moz-box-shadow: none;
  637. box-shadow: none;
  638. -webkit-appearance: none;
  639. }
  640. /* line 322, ../scss/partials/_buttons.scss */
  641. .button-flat-secondary {
  642. -webkit-box-shadow: none;
  643. -moz-box-shadow: none;
  644. box-shadow: none;
  645. -webkit-transition-property: background;
  646. -moz-transition-property: background;
  647. -o-transition-property: background;
  648. transition-property: background;
  649. -webkit-transition-duration: 0.3s;
  650. -moz-transition-duration: 0.3s;
  651. -o-transition-duration: 0.3s;
  652. transition-duration: 0.3s;
  653. background: white;
  654. color: white;
  655. text-shadow: none;
  656. border: none;
  657. }
  658. /* line 331, ../scss/partials/_buttons.scss */
  659. .button-flat-secondary:hover, .button-flat-secondary:focus {
  660. background: white;
  661. }
  662. /* line 334, ../scss/partials/_buttons.scss */
  663. .button-flat-secondary:active {
  664. -webkit-transition-duration: 0s;
  665. -moz-transition-duration: 0s;
  666. -o-transition-duration: 0s;
  667. transition-duration: 0s;
  668. background: white;
  669. color: #d9d9d9;
  670. }
  671. /* line 339, ../scss/partials/_buttons.scss */
  672. .button-flat-secondary.disabled {
  673. -webkit-box-shadow: none;
  674. -moz-box-shadow: none;
  675. box-shadow: none;
  676. -webkit-appearance: none;
  677. }
  678. /* line 227, ../scss/partials/_buttons.scss */
  679. .button-action {
  680. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
  681. background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
  682. background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
  683. background: -o-linear-gradient(top, #8fcf00, #6b9c00);
  684. background: linear-gradient(top, #8fcf00, #6b9c00);
  685. background-color: #7db500;
  686. border-color: #5a8200;
  687. color: white;
  688. text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
  689. }
  690. /* line 234, ../scss/partials/_buttons.scss */
  691. .button-action:hover, .button-action:focus {
  692. background-color: #7db500;
  693. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00));
  694. background: -webkit-linear-gradient(top, #a0e800, #6b9c00);
  695. background: -moz-linear-gradient(top, #a0e800, #6b9c00);
  696. background: -o-linear-gradient(top, #a0e800, #6b9c00);
  697. background: linear-gradient(top, #a0e800, #6b9c00);
  698. }
  699. /* line 238, ../scss/partials/_buttons.scss */
  700. .button-action:active {
  701. background: #76a312;
  702. color: #374f00;
  703. }
  704. /* line 251, ../scss/partials/_buttons.scss */
  705. .button-3d-action {
  706. -webkit-transition-property: all;
  707. -moz-transition-property: all;
  708. -o-transition-property: all;
  709. transition-property: all;
  710. -webkit-transition-duration: 0.3s;
  711. -moz-transition-duration: 0.3s;
  712. -o-transition-duration: 0.3s;
  713. transition-duration: 0.3s;
  714. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  715. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  716. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3);
  717. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84bf00), color-stop(100%, #76ab00));
  718. background: -webkit-linear-gradient(top, #84bf00, #76ab00);
  719. background: -moz-linear-gradient(top, #84bf00, #76ab00);
  720. background: -o-linear-gradient(top, #84bf00, #76ab00);
  721. background: linear-gradient(top, #84bf00, #76ab00);
  722. background-color: #7db500;
  723. color: white;
  724. border: 1px solid #5a8200;
  725. text-shadow: none;
  726. position: relative;
  727. top: 0px;
  728. }
  729. /* line 263, ../scss/partials/_buttons.scss */
  730. .button-3d-action:hover, .button-3d-action:focus {
  731. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  732. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  733. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3);
  734. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99de00), color-stop(100%, #79b000));
  735. background: -webkit-linear-gradient(top, #99de00, #79b000);
  736. background: -moz-linear-gradient(top, #99de00, #79b000);
  737. background: -o-linear-gradient(top, #99de00, #79b000);
  738. background: linear-gradient(top, #99de00, #79b000);
  739. background-color: #a0e800;
  740. }
  741. /* line 268, ../scss/partials/_buttons.scss */
  742. .button-3d-action:active {
  743. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  744. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  745. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3);
  746. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76ab00), color-stop(100%, #84bf00));
  747. background: -webkit-linear-gradient(top, #76ab00, #84bf00);
  748. background: -moz-linear-gradient(top, #76ab00, #84bf00);
  749. background: -o-linear-gradient(top, #76ab00, #84bf00);
  750. background: linear-gradient(top, #76ab00, #84bf00);
  751. background-color: #76a312;
  752. color: #374f00;
  753. border: 1px solid #6b9c00;
  754. top: 5px;
  755. }
  756. /* line 276, ../scss/partials/_buttons.scss */
  757. .button-3d-action.disabled {
  758. -webkit-box-shadow: none;
  759. -moz-box-shadow: none;
  760. box-shadow: none;
  761. -webkit-appearance: none;
  762. }
  763. /* line 290, ../scss/partials/_buttons.scss */
  764. .button-border-action {
  765. -webkit-box-shadow: none;
  766. -moz-box-shadow: none;
  767. box-shadow: none;
  768. -webkit-transition-property: all;
  769. -moz-transition-property: all;
  770. -o-transition-property: all;
  771. transition-property: all;
  772. -webkit-transition-duration: 0.3s;
  773. -moz-transition-duration: 0.3s;
  774. -o-transition-duration: 0.3s;
  775. transition-duration: 0.3s;
  776. color: #7db500;
  777. border: 2px solid #7db500;
  778. background: none;
  779. text-shadow: none;
  780. }
  781. /* line 299, ../scss/partials/_buttons.scss */
  782. .button-border-action:hover, .button-border-action:focus {
  783. background: none;
  784. color: #a0e800;
  785. border: 2px solid #a0e800;
  786. }
  787. /* line 304, ../scss/partials/_buttons.scss */
  788. .button-border-action:active {
  789. -webkit-transition-duration: 0s;
  790. -moz-transition-duration: 0s;
  791. -o-transition-duration: 0s;
  792. transition-duration: 0s;
  793. background: none;
  794. color: #5a8200;
  795. border: 2px solid #5a8200;
  796. }
  797. /* line 310, ../scss/partials/_buttons.scss */
  798. .button-border-action.disabled {
  799. -webkit-box-shadow: none;
  800. -moz-box-shadow: none;
  801. box-shadow: none;
  802. -webkit-appearance: none;
  803. }
  804. /* line 322, ../scss/partials/_buttons.scss */
  805. .button-flat-action {
  806. -webkit-box-shadow: none;
  807. -moz-box-shadow: none;
  808. box-shadow: none;
  809. -webkit-transition-property: background;
  810. -moz-transition-property: background;
  811. -o-transition-property: background;
  812. transition-property: background;
  813. -webkit-transition-duration: 0.3s;
  814. -moz-transition-duration: 0.3s;
  815. -o-transition-duration: 0.3s;
  816. transition-duration: 0.3s;
  817. background: #7db500;
  818. color: white;
  819. text-shadow: none;
  820. border: none;
  821. }
  822. /* line 331, ../scss/partials/_buttons.scss */
  823. .button-flat-action:hover, .button-flat-action:focus {
  824. background: #8fcf00;
  825. }
  826. /* line 334, ../scss/partials/_buttons.scss */
  827. .button-flat-action:active {
  828. -webkit-transition-duration: 0s;
  829. -moz-transition-duration: 0s;
  830. -o-transition-duration: 0s;
  831. transition-duration: 0s;
  832. background: #76a312;
  833. color: #486900;
  834. }
  835. /* line 339, ../scss/partials/_buttons.scss */
  836. .button-flat-action.disabled {
  837. -webkit-box-shadow: none;
  838. -moz-box-shadow: none;
  839. box-shadow: none;
  840. -webkit-appearance: none;
  841. }
  842. /* line 227, ../scss/partials/_buttons.scss */
  843. .button-highlight {
  844. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04));
  845. background: -webkit-linear-gradient(top, #fa9915, #d87e04);
  846. background: -moz-linear-gradient(top, #fa9915, #d87e04);
  847. background: -o-linear-gradient(top, #fa9915, #d87e04);
  848. background: linear-gradient(top, #fa9915, #d87e04);
  849. background-color: #f18d05;
  850. border-color: #bf7004;
  851. color: white;
  852. text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35);
  853. }
  854. /* line 234, ../scss/partials/_buttons.scss */
  855. .button-highlight:hover, .button-highlight:focus {
  856. background-color: #f18d05;
  857. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04));
  858. background: -webkit-linear-gradient(top, #fba42e, #d87e04);
  859. background: -moz-linear-gradient(top, #fba42e, #d87e04);
  860. background: -o-linear-gradient(top, #fba42e, #d87e04);
  861. background: linear-gradient(top, #fba42e, #d87e04);
  862. }
  863. /* line 238, ../scss/partials/_buttons.scss */
  864. .button-highlight:active {
  865. background: #d8891e;
  866. color: #8d5303;
  867. }
  868. /* line 251, ../scss/partials/_buttons.scss */
  869. .button-3d-highlight {
  870. -webkit-transition-property: all;
  871. -moz-transition-property: all;
  872. -o-transition-property: all;
  873. transition-property: all;
  874. -webkit-transition-duration: 0.3s;
  875. -moz-transition-duration: 0.3s;
  876. -o-transition-duration: 0.3s;
  877. transition-duration: 0.3s;
  878. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  879. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  880. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3);
  881. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9306), color-stop(100%, #e78705));
  882. background: -webkit-linear-gradient(top, #fa9306, #e78705);
  883. background: -moz-linear-gradient(top, #fa9306, #e78705);
  884. background: -o-linear-gradient(top, #fa9306, #e78705);
  885. background: linear-gradient(top, #fa9306, #e78705);
  886. background-color: #f18d05;
  887. color: white;
  888. border: 1px solid #bf7004;
  889. text-shadow: none;
  890. position: relative;
  891. top: 0px;
  892. }
  893. /* line 263, ../scss/partials/_buttons.scss */
  894. .button-3d-highlight:hover, .button-3d-highlight:focus {
  895. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  896. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  897. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3);
  898. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa024), color-stop(100%, #ec8a05));
  899. background: -webkit-linear-gradient(top, #faa024, #ec8a05);
  900. background: -moz-linear-gradient(top, #faa024, #ec8a05);
  901. background: -o-linear-gradient(top, #faa024, #ec8a05);
  902. background: linear-gradient(top, #faa024, #ec8a05);
  903. background-color: #fba42e;
  904. }
  905. /* line 268, ../scss/partials/_buttons.scss */
  906. .button-3d-highlight:active {
  907. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  908. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  909. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3);
  910. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78705), color-stop(100%, #fa9306));
  911. background: -webkit-linear-gradient(top, #e78705, #fa9306);
  912. background: -moz-linear-gradient(top, #e78705, #fa9306);
  913. background: -o-linear-gradient(top, #e78705, #fa9306);
  914. background: linear-gradient(top, #e78705, #fa9306);
  915. background-color: #d8891e;
  916. color: #8d5303;
  917. border: 1px solid #d87e04;
  918. top: 5px;
  919. }
  920. /* line 276, ../scss/partials/_buttons.scss */
  921. .button-3d-highlight.disabled {
  922. -webkit-box-shadow: none;
  923. -moz-box-shadow: none;
  924. box-shadow: none;
  925. -webkit-appearance: none;
  926. }
  927. /* line 290, ../scss/partials/_buttons.scss */
  928. .button-border-highlight {
  929. -webkit-box-shadow: none;
  930. -moz-box-shadow: none;
  931. box-shadow: none;
  932. -webkit-transition-property: all;
  933. -moz-transition-property: all;
  934. -o-transition-property: all;
  935. transition-property: all;
  936. -webkit-transition-duration: 0.3s;
  937. -moz-transition-duration: 0.3s;
  938. -o-transition-duration: 0.3s;
  939. transition-duration: 0.3s;
  940. color: #f18d05;
  941. border: 2px solid #f18d05;
  942. background: none;
  943. text-shadow: none;
  944. }
  945. /* line 299, ../scss/partials/_buttons.scss */
  946. .button-border-highlight:hover, .button-border-highlight:focus {
  947. background: none;
  948. color: #fba42e;
  949. border: 2px solid #fba42e;
  950. }
  951. /* line 304, ../scss/partials/_buttons.scss */
  952. .button-border-highlight:active {
  953. -webkit-transition-duration: 0s;
  954. -moz-transition-duration: 0s;
  955. -o-transition-duration: 0s;
  956. transition-duration: 0s;
  957. background: none;
  958. color: #bf7004;
  959. border: 2px solid #bf7004;
  960. }
  961. /* line 310, ../scss/partials/_buttons.scss */
  962. .button-border-highlight.disabled {
  963. -webkit-box-shadow: none;
  964. -moz-box-shadow: none;
  965. box-shadow: none;
  966. -webkit-appearance: none;
  967. }
  968. /* line 322, ../scss/partials/_buttons.scss */
  969. .button-flat-highlight {
  970. -webkit-box-shadow: none;
  971. -moz-box-shadow: none;
  972. box-shadow: none;
  973. -webkit-transition-property: background;
  974. -moz-transition-property: background;
  975. -o-transition-property: background;
  976. transition-property: background;
  977. -webkit-transition-duration: 0.3s;
  978. -moz-transition-duration: 0.3s;
  979. -o-transition-duration: 0.3s;
  980. transition-duration: 0.3s;
  981. background: #f18d05;
  982. color: white;
  983. text-shadow: none;
  984. border: none;
  985. }
  986. /* line 331, ../scss/partials/_buttons.scss */
  987. .button-flat-highlight:hover, .button-flat-highlight:focus {
  988. background: #fa9915;
  989. }
  990. /* line 334, ../scss/partials/_buttons.scss */
  991. .button-flat-highlight:active {
  992. -webkit-transition-duration: 0s;
  993. -moz-transition-duration: 0s;
  994. -o-transition-duration: 0s;
  995. transition-duration: 0s;
  996. background: #d8891e;
  997. color: #a66103;
  998. }
  999. /* line 339, ../scss/partials/_buttons.scss */
  1000. .button-flat-highlight.disabled {
  1001. -webkit-box-shadow: none;
  1002. -moz-box-shadow: none;
  1003. box-shadow: none;
  1004. -webkit-appearance: none;
  1005. }
  1006. /* line 227, ../scss/partials/_buttons.scss */
  1007. .button-caution {
  1008. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a));
  1009. background: -webkit-linear-gradient(top, #e8543f, #d9331a);
  1010. background: -moz-linear-gradient(top, #e8543f, #d9331a);
  1011. background: -o-linear-gradient(top, #e8543f, #d9331a);
  1012. background: linear-gradient(top, #e8543f, #d9331a);
  1013. background-color: #e54028;
  1014. border-color: #c22d18;
  1015. color: white;
  1016. text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35);
  1017. }
  1018. /* line 234, ../scss/partials/_buttons.scss */
  1019. .button-caution:hover, .button-caution:focus {
  1020. background-color: #e54028;
  1021. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a));
  1022. background: -webkit-linear-gradient(top, #eb6855, #d9331a);
  1023. background: -moz-linear-gradient(top, #eb6855, #d9331a);
  1024. background: -o-linear-gradient(top, #eb6855, #d9331a);
  1025. background: linear-gradient(top, #eb6855, #d9331a);
  1026. }
  1027. /* line 238, ../scss/partials/_buttons.scss */
  1028. .button-caution:active {
  1029. background: #cd5240;
  1030. color: #952312;
  1031. }
  1032. /* line 251, ../scss/partials/_buttons.scss */
  1033. .button-3d-caution {
  1034. -webkit-transition-property: all;
  1035. -moz-transition-property: all;
  1036. -o-transition-property: all;
  1037. transition-property: all;
  1038. -webkit-transition-duration: 0.3s;
  1039. -moz-transition-duration: 0.3s;
  1040. -o-transition-duration: 0.3s;
  1041. transition-duration: 0.3s;
  1042. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1043. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1044. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1045. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64831), color-stop(100%, #e4381f));
  1046. background: -webkit-linear-gradient(top, #e64831, #e4381f);
  1047. background: -moz-linear-gradient(top, #e64831, #e4381f);
  1048. background: -o-linear-gradient(top, #e64831, #e4381f);
  1049. background: linear-gradient(top, #e64831, #e4381f);
  1050. background-color: #e54028;
  1051. color: white;
  1052. border: 1px solid #c22d18;
  1053. text-shadow: none;
  1054. position: relative;
  1055. top: 0px;
  1056. }
  1057. /* line 263, ../scss/partials/_buttons.scss */
  1058. .button-3d-caution:hover, .button-3d-caution:focus {
  1059. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1060. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1061. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1062. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9604c), color-stop(100%, #e43c23));
  1063. background: -webkit-linear-gradient(top, #e9604c, #e43c23);
  1064. background: -moz-linear-gradient(top, #e9604c, #e43c23);
  1065. background: -o-linear-gradient(top, #e9604c, #e43c23);
  1066. background: linear-gradient(top, #e9604c, #e43c23);
  1067. background-color: #eb6855;
  1068. }
  1069. /* line 268, ../scss/partials/_buttons.scss */
  1070. .button-3d-caution:active {
  1071. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  1072. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  1073. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3);
  1074. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4381f), color-stop(100%, #e64831));
  1075. background: -webkit-linear-gradient(top, #e4381f, #e64831);
  1076. background: -moz-linear-gradient(top, #e4381f, #e64831);
  1077. background: -o-linear-gradient(top, #e4381f, #e64831);
  1078. background: linear-gradient(top, #e4381f, #e64831);
  1079. background-color: #cd5240;
  1080. color: #952312;
  1081. border: 1px solid #d9331a;
  1082. top: 5px;
  1083. }
  1084. /* line 276, ../scss/partials/_buttons.scss */
  1085. .button-3d-caution.disabled {
  1086. -webkit-box-shadow: none;
  1087. -moz-box-shadow: none;
  1088. box-shadow: none;
  1089. -webkit-appearance: none;
  1090. }
  1091. /* line 290, ../scss/partials/_buttons.scss */
  1092. .button-border-caution {
  1093. -webkit-box-shadow: none;
  1094. -moz-box-shadow: none;
  1095. box-shadow: none;
  1096. -webkit-transition-property: all;
  1097. -moz-transition-property: all;
  1098. -o-transition-property: all;
  1099. transition-property: all;
  1100. -webkit-transition-duration: 0.3s;
  1101. -moz-transition-duration: 0.3s;
  1102. -o-transition-duration: 0.3s;
  1103. transition-duration: 0.3s;
  1104. color: #e54028;
  1105. border: 2px solid #e54028;
  1106. background: none;
  1107. text-shadow: none;
  1108. }
  1109. /* line 299, ../scss/partials/_buttons.scss */
  1110. .button-border-caution:hover, .button-border-caution:focus {
  1111. background: none;
  1112. color: #eb6855;
  1113. border: 2px solid #eb6855;
  1114. }
  1115. /* line 304, ../scss/partials/_buttons.scss */
  1116. .button-border-caution:active {
  1117. -webkit-transition-duration: 0s;
  1118. -moz-transition-duration: 0s;
  1119. -o-transition-duration: 0s;
  1120. transition-duration: 0s;
  1121. background: none;
  1122. color: #c22d18;
  1123. border: 2px solid #c22d18;
  1124. }
  1125. /* line 310, ../scss/partials/_buttons.scss */
  1126. .button-border-caution.disabled {
  1127. -webkit-box-shadow: none;
  1128. -moz-box-shadow: none;
  1129. box-shadow: none;
  1130. -webkit-appearance: none;
  1131. }
  1132. /* line 322, ../scss/partials/_buttons.scss */
  1133. .button-flat-caution {
  1134. -webkit-box-shadow: none;
  1135. -moz-box-shadow: none;
  1136. box-shadow: none;
  1137. -webkit-transition-property: background;
  1138. -moz-transition-property: background;
  1139. -o-transition-property: background;
  1140. transition-property: background;
  1141. -webkit-transition-duration: 0.3s;
  1142. -moz-transition-duration: 0.3s;
  1143. -o-transition-duration: 0.3s;
  1144. transition-duration: 0.3s;
  1145. background: #e54028;
  1146. color: white;
  1147. text-shadow: none;
  1148. border: none;
  1149. }
  1150. /* line 331, ../scss/partials/_buttons.scss */
  1151. .button-flat-caution:hover, .button-flat-caution:focus {
  1152. background: #e8543f;
  1153. }
  1154. /* line 334, ../scss/partials/_buttons.scss */
  1155. .button-flat-caution:active {
  1156. -webkit-transition-duration: 0s;
  1157. -moz-transition-duration: 0s;
  1158. -o-transition-duration: 0s;
  1159. transition-duration: 0s;
  1160. background: #cd5240;
  1161. color: #ac2815;
  1162. }
  1163. /* line 339, ../scss/partials/_buttons.scss */
  1164. .button-flat-caution.disabled {
  1165. -webkit-box-shadow: none;
  1166. -moz-box-shadow: none;
  1167. box-shadow: none;
  1168. -webkit-appearance: none;
  1169. }
  1170. /* line 227, ../scss/partials/_buttons.scss */
  1171. .button-royal {
  1172. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79));
  1173. background: -webkit-linear-gradient(top, #99389f, #752a79);
  1174. background: -moz-linear-gradient(top, #99389f, #752a79);
  1175. background: -o-linear-gradient(top, #99389f, #752a79);
  1176. background: linear-gradient(top, #99389f, #752a79);
  1177. background-color: #87318c;
  1178. border-color: #632466;
  1179. color: white;
  1180. text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35);
  1181. }
  1182. /* line 234, ../scss/partials/_buttons.scss */
  1183. .button-royal:hover, .button-royal:focus {
  1184. background-color: #87318c;
  1185. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79));
  1186. background: -webkit-linear-gradient(top, #ab3eb2, #752a79);
  1187. background: -moz-linear-gradient(top, #ab3eb2, #752a79);
  1188. background: -o-linear-gradient(top, #ab3eb2, #752a79);
  1189. background: linear-gradient(top, #ab3eb2, #752a79);
  1190. }
  1191. /* line 238, ../scss/partials/_buttons.scss */
  1192. .button-royal:active {
  1193. background: #764479;
  1194. color: #3e1740;
  1195. }
  1196. /* line 251, ../scss/partials/_buttons.scss */
  1197. .button-3d-royal {
  1198. -webkit-transition-property: all;
  1199. -moz-transition-property: all;
  1200. -o-transition-property: all;
  1201. transition-property: all;
  1202. -webkit-transition-duration: 0.3s;
  1203. -moz-transition-duration: 0.3s;
  1204. -o-transition-duration: 0.3s;
  1205. transition-duration: 0.3s;
  1206. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1207. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1208. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1209. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8e3494), color-stop(100%, #802e84));
  1210. background: -webkit-linear-gradient(top, #8e3494, #802e84);
  1211. background: -moz-linear-gradient(top, #8e3494, #802e84);
  1212. background: -o-linear-gradient(top, #8e3494, #802e84);
  1213. background: linear-gradient(top, #8e3494, #802e84);
  1214. background-color: #87318c;
  1215. color: white;
  1216. border: 1px solid #632466;
  1217. text-shadow: none;
  1218. position: relative;
  1219. top: 0px;
  1220. }
  1221. /* line 263, ../scss/partials/_buttons.scss */
  1222. .button-3d-royal:hover, .button-3d-royal:focus {
  1223. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1224. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1225. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3);
  1226. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a43caa), color-stop(100%, #833088));
  1227. background: -webkit-linear-gradient(top, #a43caa, #833088);
  1228. background: -moz-linear-gradient(top, #a43caa, #833088);
  1229. background: -o-linear-gradient(top, #a43caa, #833088);
  1230. background: linear-gradient(top, #a43caa, #833088);
  1231. background-color: #ab3eb2;
  1232. }
  1233. /* line 268, ../scss/partials/_buttons.scss */
  1234. .button-3d-royal:active {
  1235. -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  1236. -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  1237. box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3);
  1238. background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #802e84), color-stop(100%, #8e3494));
  1239. background: -webkit-linear-gradient(top, #802e84, #8e3494);
  1240. background: -moz-linear-gradient(top, #802e84, #8e3494);
  1241. background: -o-linear-gradient(top, #802e84, #8e3494);
  1242. background: linear-gradient(top, #802e84, #8e3494);
  1243. background-color: #764479;
  1244. color: #3e1740;
  1245. border: 1px solid #752a79;
  1246. top: 5px;
  1247. }
  1248. /* line 276, ../scss/partials/_buttons.scss */
  1249. .button-3d-royal.disabled {
  1250. -webkit-box-shadow: none;
  1251. -moz-box-shadow: none;
  1252. box-shadow: none;
  1253. -webkit-appearance: none;
  1254. }
  1255. /* line 290, ../scss/partials/_buttons.scss */
  1256. .button-border-royal {
  1257. -webkit-box-shadow: none;
  1258. -moz-box-shadow: none;
  1259. box-shadow: none;
  1260. -webkit-transition-property: all;
  1261. -moz-transition-property: all;
  1262. -o-transition-property: all;
  1263. transition-property: all;
  1264. -webkit-transition-duration: 0.3s;
  1265. -moz-transition-duration: 0.3s;
  1266. -o-transition-duration: 0.3s;
  1267. transition-duration: 0.3s;
  1268. color: #87318c;
  1269. border: 2px solid #87318c;
  1270. background: none;
  1271. text-shadow: none;
  1272. }
  1273. /* line 299, ../scss/partials/_buttons.scss */
  1274. .button-border-royal:hover, .button-border-royal:focus {
  1275. background: none;
  1276. color: #ab3eb2;
  1277. border: 2px solid #ab3eb2;
  1278. }
  1279. /* line 304, ../scss/partials/_buttons.scss */
  1280. .button-border-royal:active {
  1281. -webkit-transition-duration: 0s;
  1282. -moz-transition-duration: 0s;
  1283. -o-transition-duration: 0s;
  1284. transition-duration: 0s;
  1285. background: none;
  1286. color: #632466;
  1287. border: 2px solid #632466;
  1288. }
  1289. /* line 310, ../scss/partials/_buttons.scss */
  1290. .button-border-royal.disabled {
  1291. -webkit-box-shadow: none;
  1292. -moz-box-shadow: none;
  1293. box-shadow: none;
  1294. -webkit-appearance: none;
  1295. }
  1296. /* line 322, ../scss/partials/_buttons.scss */
  1297. .button-flat-royal {
  1298. -webkit-box-shadow: none;
  1299. -moz-box-shadow: none;
  1300. box-shadow: none;
  1301. -webkit-transition-property: background;
  1302. -moz-transition-property: background;
  1303. -o-transition-property: background;
  1304. transition-property: background;
  1305. -webkit-transition-duration: 0.3s;
  1306. -moz-transition-duration: 0.3s;
  1307. -o-transition-duration: 0.3s;
  1308. transition-duration: 0.3s;
  1309. background: #87318c;
  1310. color: white;
  1311. text-shadow: none;
  1312. border: none;
  1313. }
  1314. /* line 331, ../scss/partials/_buttons.scss */
  1315. .button-flat-royal:hover, .button-flat-royal:focus {
  1316. background: #99389f;
  1317. }
  1318. /* line 334, ../scss/partials/_buttons.scss */
  1319. .button-flat-royal:active {
  1320. -webkit-transition-duration: 0s;
  1321. -moz-transition-duration: 0s;
  1322. -o-transition-duration: 0s;
  1323. transition-duration: 0s;
  1324. background: #764479;
  1325. color: #501d53;
  1326. }
  1327. /* line 339, ../scss/partials/_buttons.scss */
  1328. .button-flat-royal.disabled {
  1329. -webkit-box-shadow: none;
  1330. -moz-box-shadow: none;
  1331. box-shadow: none;
  1332. -webkit-appearance: none;
  1333. }
  1334. /* line 352, ../scss/partials/_buttons.scss */
  1335. .button-group {
  1336. position: relative;
  1337. display: inline-block;
  1338. }
  1339. /* line 355, ../scss/partials/_buttons.scss */
  1340. .button-group .button {
  1341. float: left;
  1342. }
  1343. /* line 357, ../scss/partials/_buttons.scss */
  1344. .button-group .button:focus, .button-group .button:hover, .button-group .button.active {
  1345. z-index: 5;
  1346. }
  1347. /* line 360, ../scss/partials/_buttons.scss */
  1348. .button-group .button.active {
  1349. background: gainsboro;
  1350. }
  1351. /* line 364, ../scss/partials/_buttons.scss */
  1352. .button-group .button:not(:first-child):not(:last-child) {
  1353. border-radius: 0;
  1354. }
  1355. /* line 367, ../scss/partials/_buttons.scss */
  1356. .button-group .button:first-child {
  1357. border-top-right-radius: 0;
  1358. border-bottom-right-radius: 0;
  1359. }
  1360. /* line 371, ../scss/partials/_buttons.scss */
  1361. .button-group .button:last-child {
  1362. border-top-left-radius: 0;
  1363. border-bottom-left-radius: 0;
  1364. }
  1365. /* line 377, ../scss/partials/_buttons.scss */
  1366. .button-group .button + .button {
  1367. margin-left: -1px;
  1368. }
  1369. /* line 390, ../scss/partials/_buttons.scss */
  1370. .button-jumbo {
  1371. font-size: 24px;
  1372. height: 51.2px;
  1373. line-height: 51.2px;
  1374. padding: 0px 40.96px;
  1375. }
  1376. /* line 390, ../scss/partials/_buttons.scss */
  1377. .button-large {
  1378. font-size: 19px;
  1379. height: 38.4px;
  1380. line-height: 38.4px;
  1381. padding: 0px 30.72px;
  1382. }
  1383. /* line 421, ../scss/partials/_buttons.scss */
  1384. input.button-large, button.button-large {
  1385. height: 40.4px;
  1386. }
  1387. /* line 390, ../scss/partials/_buttons.scss */
  1388. .button-small {
  1389. font-size: 15px;
  1390. height: 25.6px;
  1391. line-height: 25.6px;
  1392. padding: 0px 20.48px;
  1393. }
  1394. /* line 421, ../scss/partials/_buttons.scss */
  1395. input.button-small, button.button-small {
  1396. height: 27.6px;
  1397. }
  1398. /* line 390, ../scss/partials/_buttons.scss */
  1399. .button-tiny {
  1400. font-size: 12px;
  1401. height: 22.4px;
  1402. line-height: 22.4px;
  1403. padding: 0px 17.92px;
  1404. }
  1405. /* line 421, ../scss/partials/_buttons.scss */
  1406. input.button-tiny, button.button-tiny {
  1407. height: 24.4px;
  1408. }
  1409. /* line 442, ../scss/partials/_buttons.scss */
  1410. .button.glow {
  1411. -webkit-animation-duration: 3s;
  1412. -moz-animation-duration: 3s;
  1413. -ms-animation-duration: 3s;
  1414. -o-animation-duration: 3s;
  1415. animation-duration: 3s;
  1416. -webkit-animation-iteration-count: infinite;
  1417. -khtml-animation-iteration-count: infinite;
  1418. -moz-animation-iteration-count: infinite;
  1419. -ms-animation-iteration-count: infinite;
  1420. -o-animation-iteration-count: infinite;
  1421. animation-iteration-count: infinite;
  1422. -webkit-animation-name: glowing;
  1423. -khtml-animation-name: glowing;
  1424. -moz-animation-name: glowing;
  1425. -ms-animation-name: glowing;
  1426. -o-animation-name: glowing;
  1427. animation-name: glowing;
  1428. }
  1429. /* line 445, ../scss/partials/_buttons.scss */
  1430. .button.glow:active {
  1431. -webkit-animation-name: none;
  1432. -moz-animation-name: none;
  1433. -ms-animation-name: none;
  1434. -o-animation-name: none;
  1435. animation-name: none;
  1436. -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  1437. -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  1438. box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  1439. }
  1440. /* line 457, ../scss/partials/_buttons.scss */
  1441. .button-dropdown {
  1442. position: relative;
  1443. overflow: visible;
  1444. display: inline-block;
  1445. }
  1446. /* line 464, ../scss/partials/_buttons.scss */
  1447. .button-dropdown .button .icon-caret-down {
  1448. font-size: 90%;
  1449. margin: 0px 0px 0px 3px;
  1450. vertical-align: middle;
  1451. }
  1452. /* line 471, ../scss/partials/_buttons.scss */
  1453. .button-dropdown ul.button-dropdown-menu-below {
  1454. top: 115%;
  1455. }
  1456. /* line 474, ../scss/partials/_buttons.scss */
  1457. .button-dropdown ul.button-dropdown-menu-above {
  1458. bottom: 115%;
  1459. top: auto;
  1460. }
  1461. /* line 480, ../scss/partials/_buttons.scss */
  1462. .button-dropdown ul {
  1463. -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  1464. -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  1465. box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);
  1466. -webkit-border-radius: 3px;
  1467. -moz-border-radius: 3px;
  1468. -ms-border-radius: 3px;
  1469. -o-border-radius: 3px;
  1470. border-radius: 3px;
  1471. display: none;
  1472. position: absolute;
  1473. background: #fcfcfc;
  1474. top: -2px;
  1475. left: -2px;
  1476. z-index: 1000;
  1477. padding: 0px;
  1478. margin: 0px;
  1479. list-style-type: none;
  1480. min-width: 102%;
  1481. }
  1482. /* line 494, ../scss/partials/_buttons.scss */
  1483. .button-dropdown ul li {
  1484. padding: 0px;
  1485. margin: 0px;
  1486. display: block;
  1487. }
  1488. /* line 499, ../scss/partials/_buttons.scss */
  1489. .button-dropdown ul li:first-child a {
  1490. -moz-border-radius-topleft: 3px;
  1491. -webkit-border-top-left-radius: 3px;
  1492. border-top-left-radius: 3px;
  1493. -moz-border-radius-topright: 3px;
  1494. -webkit-border-top-right-radius: 3px;
  1495. border-top-right-radius: 3px;
  1496. }
  1497. /* line 502, ../scss/partials/_buttons.scss */
  1498. .button-dropdown ul li:last-child a {
  1499. -moz-border-radius-bottomleft: 3px;
  1500. -webkit-border-bottom-left-radius: 3px;
  1501. border-bottom-left-radius: 3px;
  1502. -moz-border-radius-bottomright: 3px;
  1503. -webkit-border-bottom-right-radius: 3px;
  1504. border-bottom-right-radius: 3px;
  1505. }
  1506. /* line 508, ../scss/partials/_buttons.scss */
  1507. .button-dropdown ul .button-dropdown-divider {
  1508. -webkit-box-shadow: inset 0px 1px 0px white;
  1509. -moz-box-shadow: inset 0px 1px 0px white;
  1510. box-shadow: inset 0px 1px 0px white;
  1511. border-top: 1px solid #e4e4e4;
  1512. }
  1513. /* line 513, ../scss/partials/_buttons.scss */
  1514. .button-dropdown ul a {
  1515. display: block;
  1516. padding: 0px 20px;
  1517. text-decoration: none;
  1518. font-size: 12px;
  1519. color: #333333;
  1520. line-height: 30px;
  1521. white-space: nowrap;
  1522. }
  1523. /* line 522, ../scss/partials/_buttons.scss */
  1524. .button-dropdown ul a:hover, .button-dropdown ul a:focus {
  1525. background-color: #3c6ab9;
  1526. color: white;
  1527. }