API tools faq
paste
Advertisement
rinaldohack

Untitled

rinaldohack
Jul 1st, 2015
325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.01 KB | None | 0 0
raw download clone embed print report
  1. @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);.sky-form{margin:0;outline:none;box-shadow:0 0 20px rgba(0,0,0,.3);font:13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;color:#666;}.sky-form header{display:block;padding:20px 30px;border:2px solid rgba(255,255,255,.1);background: rgb(69,72,77); /* Old browsers */
  2. background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
  3. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  4. background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
  5. background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
  6. background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
  7. background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
  8. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  9.  
  10.  
  11. ;font-size:25px;font-weight:500;color:#ffffff; text-align:center;}.sky-form fieldset{display:block;padding:25px 30px 5px;border:none;background:rgba(214, 222, 243, 0.9);}.sky-form fieldset+fieldset{border-top:1px solid rgba(0,0,0,.1);}.sky-form section{margin-bottom:20px;}.sky-form footer{display:block;padding:15px 30px 25px;border-top:1px solid rgba(0,0,0,.1);background: rgb(228,245,252); /* Old browsers */
  12. background: -moz-linear-gradient(top, rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
  13. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
  14. background: -webkit-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
  15. background: -o-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */
  16. background: -ms-linear-gradient(top, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
  17. background: linear-gradient(to bottom, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */
  18. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */
  19. }.sky-form footer:after{content:'';display:table;clear:both;}.sky-form a{color:#2da5da;}.sky-form .label{display:block;margin-bottom:6px;line-height:19px;font-weight:400;}.sky-form .label.col{margin:0;padding-top:10px;}.sky-form .note{margin-top:6px;padding:0 1px;font-size:11px;line-height:15px;color:#999;}.sky-form .input,.sky-form .select,.sky-form .textarea,.sky-form .radio,.sky-form .checkbox,.sky-form .toggle,.sky-form .button{position:relative;display:block;}.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea{display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:39px;padding:8px 10px;outline:none;border-width:2px;border-style:solid;border-radius:0;background:#fff;font:15px/19px 'Open Sans',Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none;}.sky-form .progress{float:right;margin-top:10px;line-height:39px;color:#232323;}.sky-form .input-captcha img{position:absolute;top:2px;right:2px;border-left:1px solid #e5e5e5;}.sky-form .input-file .button{position:absolute;top:4px;right:4px;float:none;height:31px;margin:0;padding:0 20px;font-size:13px;line-height:31px;}.sky-form .input-file .button:hover{box-shadow:none;}.sky-form .input-file .button input{position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0;}.sky-form .select i{position:absolute;top:14px;right:14px;width:8px;height:11px;background:#fff;box-shadow:0 0 0 12px #fff;pointer-events:none;}.sky-form .select i:after,.sky-form .select i:before{content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent;}.sky-form .select i:after{bottom:0;border-top:4px solid #404040;}.sky-form .select i:before{top:0;border-bottom:4px solid #404040;}.sky-form .select-multiple select{height:auto;}.sky-form .textarea textarea{height:auto;resize:none;}.sky-form .textarea-resizable textarea{resize:vertical;}.sky-form .textarea-expandable textarea{height:39px;}.sky-form .textarea-expandable textarea:focus{height:auto;}.sky-form .radio,.sky-form .checkbox{margin-bottom:4px;padding-left:27px;font-size:15px;line-height:27px;color:#404040;cursor:pointer;}.sky-form .radio:last-child,.sky-form .checkbox:last-child{margin-bottom:0;}.sky-form .radio input,.sky-form .checkbox input{position:absolute;left:-9999px;}.sky-form .radio i,.sky-form .checkbox i{position:absolute;top:5px;left:0;display:block;width:13px;height:13px;outline:none;border-width:2px;border-style:solid;background:#fff;}.sky-form .radio i{border-radius:50%;}.sky-form .radio input+i:after,.sky-form .checkbox input+i:after{position:absolute;opacity:0;-ms-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-webkit-transition:opacity 0.1s;}.sky-form .radio input+i:after{content:'';top:4px;left:4px;width:5px;height:5px;border-radius:50%;}.sky-form .checkbox input+i:after{content:'\f00c';top:-1px;left:-1px;width:15px;height:15px;font:normal 12px/16px FontAwesome;text-align:center;}.sky-form .radio input:checked+i:after,.sky-form .checkbox input:checked+i:after{opacity:1;}.sky-form .inline-group{margin:0 -30px -4px 0;}.sky-form .inline-group:after{content:'';display:table;clear:both;}.sky-form .inline-group .radio,.sky-form .inline-group .checkbox{float:left;margin-right:30px;}.sky-form .inline-group .radio:last-child,.sky-form .inline-group .checkbox:last-child{margin-bottom:4px;}.sky-form .toggle{margin-bottom:4px;padding-right:61px;font-size:15px;line-height:27px;color:#404040;cursor:pointer;}.sky-form .toggle:last-child{margin-bottom:0;}.sky-form .toggle input{position:absolute;left:-9999px;}.sky-form .toggle i{content:'';position:absolute;top:4px;right:0;display:block;width:49px;height:17px;border-width:2px;border-style:solid;border-radius:12px;background:#fff;}.sky-form .toggle i:after{content:'OFF';position:absolute;top:2px;right:8px;left:8px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align:left;color:#5f5f5f;}.sky-form .toggle i:before{content:'';position:absolute;z-index:1;top:4px;right:4px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;-ms-transition:right 0.2s;-moz-transition:right 0.2s;-webkit-transition:right 0.2s;}.sky-form .toggle input:checked+i:after{content:'ON';text-align:right;}.sky-form .toggle input:checked+i:before{right:36px;}.sky-form .rating{margin-bottom:4px;font-size:15px;line-height:27px;color:#404040;}.sky-form .rating:last-child{margin-bottom:0;}.sky-form .rating input{position:absolute;left:-9999px;}.sky-form .rating label{display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer;}.sky-form .button{float:right;height:39px;overflow:hidden;margin:10px 0 0 20px;padding:0 25px;outline:none;border:0;font:300 15px/39px 'Open Sans',Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;cursor:pointer;}.sky-form .button-uploading{position:relative;color:transparent;cursor:default;}.sky-form .button-uploading:after{content:'Uploading...';position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;-o-animation:blink 1s linear infinite;-ms-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;-webkit-animation:blink 1s linear infinite;}@-o-keyframes blink
  20. {
  21. 0% {opacity: 1} 50% {opacity: 0.3}
  22. 100% {opacity: 1}
  23. }
  24. @-ms-keyframes blink
  25. {
  26. 0% {opacity: 1}
  27. 50% {opacity: 0.3}
  28. 100% {opacity: 1}
  29. }
  30. @-moz-keyframes blink
  31. {
  32. 0% {opacity: 1}
  33. 50% {opacity: 0.3}
  34. 100% {opacity: 1}
  35. }
  36. @-webkit-keyframes blink
  37. {
  38. 0% {opacity: 1}
  39. 50% {opacity: 0.3}
  40. 100% {opacity: 1}
  41. }
  42.  
  43.  
  44. /**/
  45. /* icons */
  46. /**/
  47. .sky-form .icon-append,
  48. .sky-form .icon-prepend {
  49. position: absolute;
  50. top: 5px;
  51. width: 29px;
  52. height: 29px;
  53. font-size: 15px;
  54. line-height: 29px;
  55. text-align: center;
  56. }
  57. .sky-form .icon-append {
  58. right: 5px;
  59. padding-left: 3px;
  60. border-left-width: 1px;
  61. border-left-style: solid;
  62. }
  63. .sky-form .icon-prepend {
  64. left: 5px;
  65. padding-right: 3px;
  66. border-right-width: 1px;
  67. border-right-style: solid;
  68. }
  69. .sky-form .input .icon-prepend + input,
  70. .sky-form .textarea .icon-prepend + textarea {
  71. padding-left: 46px;
  72. }
  73. .sky-form .input .icon-append + input,
  74. .sky-form .textarea .icon-append + textarea {
  75. padding-right: 46px;
  76. }
  77. .sky-form .input .icon-prepend + .icon-append + input,
  78. .sky-form .textarea .icon-prepend + .icon-append + textarea {
  79. padding-left: 46px;
  80. }
  81.  
  82.  
  83. /**/
  84. /* grid */
  85. /**/
  86. .sky-form .row {
  87. margin: 0 -15px;
  88. }
  89. .sky-form .row:after {
  90. content: '';
  91. display: table;
  92. clear: both;
  93. }
  94. .sky-form .col {
  95. float: left;
  96. min-height: 1px;
  97. padding-right: 15px;
  98. padding-left: 15px;
  99. box-sizing: border-box;
  100. -moz-box-sizing: border-box;
  101. }
  102. .sky-form .col-1 {
  103. width: 8.33%;
  104. }
  105. .sky-form .col-2 {
  106. width: 16.66%;
  107. }
  108. .sky-form .col-3 {
  109. width: 25%;
  110. }
  111. .sky-form .col-4 {
  112. width: 33.33%;
  113. }
  114. .sky-form .col-5 {
  115. width: 41.66%;
  116. }
  117. .sky-form .col-6 {
  118. width: 50%;
  119. }
  120. .sky-form .col-7 {
  121. width: 58.33%;
  122. }
  123. .sky-form .col-8 {
  124. width: 66.67%;
  125. }
  126. .sky-form .col-9 {
  127. width: 75%;
  128. }
  129. .sky-form .col-10 {
  130. width: 83.33%;
  131. }
  132. .sky-form .col-11 {
  133. width: 91.66%;
  134. }
  135. @media screen and (max-width: 600px) {
  136. .sky-form .col {
  137. float: none;
  138. width: 100%;
  139. }
  140. }
  141.  
  142.  
  143. /**/
  144. /* tooltips */
  145. /**/
  146. .sky-form .tooltip {
  147. position: absolute;
  148. z-index: 1;
  149. left: -9999px;
  150. padding: 2px 8px 3px;
  151. font-size: 11px;
  152. line-height: 16px;
  153. font-weight: 400;
  154. background: rgba(0,0,0,0.9);
  155. color: #fff;
  156. opacity: 0;
  157. -ms-transition: margin 0.3s, opacity 0.3s;
  158. -moz-transition: margin 0.3s, opacity 0.3s;
  159. -webkit-transition: margin 0.3s, opacity 0.3s;
  160. }
  161. .sky-form .tooltip:after {
  162. content: '';
  163. position: absolute;
  164. }
  165. .sky-form .input input:focus + .tooltip,
  166. .sky-form .textarea textarea:focus + .tooltip {
  167. opacity: 1;
  168. }
  169.  
  170. .sky-form .tooltip-top-right {
  171. bottom: 100%;
  172. margin-bottom: 15px;
  173. }
  174. .sky-form .tooltip-top-right:after {
  175. top: 100%;
  176. right: 16px;
  177. border-top: 4px solid rgba(0,0,0,0.9);
  178. border-right: 4px solid transparent;
  179. border-left: 4px solid transparent;
  180. }
  181. .sky-form .input input:focus + .tooltip-top-right,
  182. .sky-form .textarea textarea:focus + .tooltip-top-right {
  183. right: 0;
  184. left: auto;
  185. margin-bottom: 5px;
  186. }
  187.  
  188. .sky-form .tooltip-top-left {
  189. bottom: 100%;
  190. margin-bottom: 15px;
  191. }
  192. .sky-form .tooltip-top-left:after {
  193. top: 100%;
  194. left: 16px;
  195. border-top: 4px solid rgba(0,0,0,0.9);
  196. border-right: 4px solid transparent;
  197. border-left: 4px solid transparent;
  198. }
  199. .sky-form .input input:focus + .tooltip-top-left,
  200. .sky-form .textarea textarea:focus + .tooltip-top-left {
  201. right: auto;
  202. left: 0;
  203. margin-bottom: 5px;
  204. }
  205.  
  206. .sky-form .tooltip-right {
  207. top: 9px;
  208. white-space: nowrap;
  209. margin-left: 15px;
  210. }
  211. .sky-form .tooltip-right:after {
  212. top: 6px;
  213. right: 100%;
  214. border-top: 4px solid transparent;
  215. border-right: 4px solid rgba(0,0,0,0.9);
  216. border-bottom: 4px solid transparent;
  217. }
  218. .sky-form .input input:focus + .tooltip-right,
  219. .sky-form .textarea textarea:focus + .tooltip-right {
  220. left: 100%;
  221. margin-left: 5px;
  222. }
  223.  
  224. .sky-form .tooltip-left {
  225. top: 9px;
  226. white-space: nowrap;
  227. margin-right: 15px;
  228. }
  229. .sky-form .tooltip-left:after {
  230. top: 6px;
  231. left: 100%;
  232. border-top: 4px solid transparent;
  233. border-bottom: 4px solid transparent;
  234. border-left: 4px solid rgba(0,0,0,0.9);
  235. }
  236. .sky-form .input input:focus + .tooltip-left,
  237. .sky-form .textarea textarea:focus + .tooltip-left {
  238. right: 100%;
  239. left: auto;
  240. margin-right: 5px;
  241. }
  242.  
  243. .sky-form .tooltip-bottom-right {
  244. top: 100%;
  245. margin-top: 15px;
  246. }
  247. .sky-form .tooltip-bottom-right:after {
  248. bottom: 100%;
  249. right: 16px;
  250. border-right: 4px solid transparent;
  251. border-bottom: 4px solid rgba(0,0,0,0.9);
  252. border-left: 4px solid transparent;
  253. }
  254. .sky-form .input input:focus + .tooltip-bottom-right,
  255. .sky-form .textarea textarea:focus + .tooltip-bottom-right {
  256. right: 0;
  257. left: auto;
  258. margin-top: 5px;
  259. }
  260.  
  261. .sky-form .tooltip-bottom-left {
  262. top: 100%;
  263. margin-top: 15px;
  264. }
  265. .sky-form .tooltip-bottom-left:after {
  266. bottom: 100%;
  267. left: 16px;
  268. border-right: 4px solid transparent;
  269. border-bottom: 4px solid rgba(0,0,0,0.9);
  270. border-left: 4px solid transparent;
  271. }
  272. .sky-form .input input:focus + .tooltip-bottom-left,
  273. .sky-form .textarea textarea:focus + .tooltip-bottom-left {
  274. right: auto;
  275. left: 0;
  276. margin-top: 5px;
  277. }
  278.  
  279.  
  280. /**/
  281. /* normal state */
  282. /**/
  283. .sky-form .input input,
  284. .sky-form .select select,
  285. .sky-form .textarea textarea,
  286. .sky-form .radio i,
  287. .sky-form .checkbox i,
  288. .sky-form .toggle i,
  289. .sky-form .icon-append,
  290. .sky-form .icon-prepend {
  291. border-color: #e5e5e5;
  292. -ms-transition: border-color 0.3s;
  293. -moz-transition: border-color 0.3s;
  294. -webkit-transition: border-color 0.3s;
  295. }
  296. .sky-form .toggle i:before {
  297. background-color: #2da5da;
  298. }
  299. .sky-form .rating label {
  300. color: #ccc;
  301. -ms-transition: color 0.3s;
  302. -moz-transition: color 0.3s;
  303. -webkit-transition: color 0.3s;
  304. }
  305. .sky-form .button {
  306. background-color: #10a5d8;
  307. opacity: 0.8;
  308. -ms-transition: opacity 0.2s;
  309. -moz-transition: opacity 0.2s;
  310. -webkit-transition: opacity 0.2s;
  311. }
  312. .sky-form .button.button-secondary {
  313. background-color: #10a5d8;
  314. }
  315. .sky-form .icon-append,
  316. .sky-form .icon-prepend {
  317. color: #ccc;
  318. }
  319.  
  320.  
  321. /**/
  322. /* hover state */
  323. /**/
  324. .sky-form .input:hover input,
  325. .sky-form .select:hover select,
  326. .sky-form .textarea:hover textarea,
  327. .sky-form .radio:hover i,
  328. .sky-form .checkbox:hover i,
  329. .sky-form .toggle:hover i,
  330. .sky-form .ui-slider-handle:hover {
  331. border-color: #8dc9e5;
  332. }
  333. .sky-form .rating input + label:hover,
  334. .sky-form .rating input + label:hover ~ label {
  335. color: #2da5da;
  336. }
  337. .sky-form .button:hover {
  338. opacity: 1;
  339. }
  340.  
  341.  
  342. /**/
  343. /* focus state */
  344. /**/
  345. .sky-form .input input:focus,
  346. .sky-form .select select:focus,
  347. .sky-form .textarea textarea:focus,
  348. .sky-form .radio input:focus + i,
  349. .sky-form .checkbox input:focus + i,
  350. .sky-form .toggle input:focus + i {
  351. border-color: #2da5da;
  352. }
  353.  
  354.  
  355. /**/
  356. /* checked state */
  357. /**/
  358. .sky-form .radio input + i:after {
  359. background-color: #2da5da;
  360. }
  361. .sky-form .checkbox input + i:after {
  362. color: #2da5da;
  363. }
  364. .sky-form .radio input:checked + i,
  365. .sky-form .checkbox input:checked + i,
  366. .sky-form .toggle input:checked + i {
  367. border-color: #2da5da;
  368. }
  369. .sky-form .rating input:checked ~ label {
  370. color: #2da5da;
  371. }
  372.  
  373.  
  374. /**/
  375. /* error state */
  376. /**/
  377. .sky-form .state-error input,
  378. .sky-form .state-error select,
  379. .sky-form .state-error textarea,
  380. .sky-form .radio.state-error i,
  381. .sky-form .checkbox.state-error i,
  382. .sky-form .toggle.state-error i {
  383. background: #fff0f0;
  384. }
  385. .sky-form .state-error select + i {
  386. background: #fff0f0;
  387. box-shadow: 0 0 0 12px #fff0f0;
  388. }
  389. .sky-form .toggle.state-error input:checked + i {
  390. background: #fff0f0;
  391. }
  392. .sky-form .state-error + em {
  393. display: block;
  394. margin-top: 6px;
  395. padding: 0 1px;
  396. font-style: normal;
  397. font-size: 11px;
  398. line-height: 15px;
  399. color: #ee9393;
  400. }
  401. .sky-form .rating.state-error + em {
  402. margin-top: -4px;
  403. margin-bottom: 4px;
  404. }
  405.  
  406.  
  407. /**/
  408. /* success state */
  409. /**/
  410. .sky-form .state-success input,
  411. .sky-form .state-success select,
  412. .sky-form .state-success textarea,
  413. .sky-form .radio.state-success i,
  414. .sky-form .checkbox.state-success i,
  415. .sky-form .toggle.state-success i {
  416. background: #f0fff0;
  417. }
  418. .sky-form .state-success select + i {
  419. background: #f0fff0;
  420. box-shadow: 0 0 0 12px #f0fff0;
  421. }
  422. .sky-form .toggle.state-success input:checked + i {
  423. background: #f0fff0;
  424. }
  425. .sky-form .state-success + em {
  426. display: block;
  427. margin-top: 6px;
  428. padding: 0 1px;
  429. font-style: normal;
  430. font-size: 11px;
  431. line-height: 15px;
  432. color: #ee9393;
  433. }
  434. .sky-form .note-success {
  435. color: #6fb679;
  436. }
  437.  
  438.  
  439. /**/
  440. /* disabled state */
  441. /**/
  442. .sky-form .input.state-disabled input,
  443. .sky-form .select.state-disabled,
  444. .sky-form .textarea.state-disabled,
  445. .sky-form .radio.state-disabled,
  446. .sky-form .checkbox.state-disabled,
  447. .sky-form .toggle.state-disabled,
  448. .sky-form .button.state-disabled {
  449. cursor: default;
  450. opacity: 0.5;
  451. }
  452. .sky-form .input.state-disabled:hover input,
  453. .sky-form .select.state-disabled:hover select,
  454. .sky-form .textarea.state-disabled:hover textarea,
  455. .sky-form .radio.state-disabled:hover i,
  456. .sky-form .checkbox.state-disabled:hover i,
  457. .sky-form .toggle.state-disabled:hover i {
  458. border-color: #e5e5e5;
  459. }
  460.  
  461.  
  462. /**/
  463. /* submited state */
  464. /**/
  465. .sky-form .message {
  466. display: none;
  467. color: #6fb679;
  468. }
  469. .sky-form .message i {
  470. display: block;
  471. margin: 0 auto 20px;
  472. width: 81px;
  473. height: 81px;
  474. border: 1px solid #6fb679;
  475. border-radius: 50%;
  476. font-size: 30px;
  477. line-height: 81px;
  478. }
  479. .sky-form.submited fieldset,
  480. .sky-form.submited footer {
  481. display: none;
  482. }
  483. .sky-form.submited .message {
  484. display: block;
  485. padding: 25px 30px;
  486. background: rgba(255,255,255,.9);
  487. font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
  488. text-align: center;
  489. }
  490.  
  491.  
  492. /**/
  493. /* datepicker */
  494. /**/
  495. .ui-datepicker {
  496. display: none;
  497. padding: 10px 12px;
  498. background: rgba(255,255,255,0.9);
  499. box-shadow: 0 0 10px rgba(0,0,0,.3);
  500. font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
  501. text-align: center;
  502. color: #666;
  503. }
  504. .ui-datepicker a {
  505. color: #404040;
  506. }
  507. .ui-datepicker-header {
  508. position: relative;
  509. margin: -10px -12px 10px;
  510. padding: 10px;
  511. border-bottom: 1px solid rgba(0,0,0,.1);
  512. font-size: 15px;
  513. line-height: 27px;
  514. }
  515. .ui-datepicker-prev,
  516. .ui-datepicker-next {
  517. position: absolute;
  518. top: 0;
  519. display: block;
  520. width: 47px;
  521. height: 47px;
  522. font-size: 15px;
  523. line-height: 47px;
  524. text-decoration: none;
  525. cursor: pointer;
  526. }
  527. .ui-datepicker-prev {
  528. left: 0;
  529. }
  530. .ui-datepicker-next {
  531. right: 0;
  532. }
  533. .ui-datepicker-calendar {
  534. border-collapse: collapse;
  535. font-size: 13px;
  536. line-height: 27px;
  537. }
  538. .ui-datepicker-calendar th {
  539. color: #999;
  540. }
  541. .ui-datepicker-calendar a,
  542. .ui-datepicker-calendar span {
  543. display: block;
  544. width: 31px;
  545. margin: auto;
  546. text-decoration: none;
  547. color: #404040;
  548. }
  549. .ui-datepicker-calendar a:hover {
  550. background: rgba(0,0,0,.05);
  551. }
  552. .ui-datepicker-calendar span {
  553. color: #bfbfbf;
  554. }
  555. .ui-datepicker-today a {
  556. font-weight: 700;
  557. }
  558. .ui-datepicker-calendar .ui-state-active {
  559. background: rgba(0,0,0,.05);
  560. cursor: default;
  561. }
  562. .ui-datepicker-inline {
  563. border: 2px solid #e5e5e5;
  564. background: #fff;
  565. box-shadow: none;
  566. }
  567. .ui-datepicker-inline .ui-datepicker-header {
  568. line-height: 47px;
  569. }
  570. .ui-datepicker-inline .ui-datepicker-calendar {
  571. width: 100%;
  572. }
  573.  
  574.  
  575. /**/
  576. /* datepicker */
  577. /**/
  578. .sky-form .ui-slider {
  579. position: relative;
  580. height: 3px;
  581. border: 2px solid #e5e5e5;
  582. background: #fff;
  583. margin: 12px 6px 26px;
  584. }
  585. .sky-form .ui-slider-handle {
  586. position: absolute;
  587. width: 15px;
  588. height: 15px;
  589. margin: -8px 0 0 -8px;
  590. border: 2px solid #e5e5e5;
  591. outline: none;
  592. background: #fff;
  593. -ms-transition: border-color 0.3s;
  594. -moz-transition: border-color 0.3s;
  595. -webkit-transition: border-color 0.3s;
  596. }
  597.  
  598.  
  599. /**/
  600. /* modal */
  601. /**/
  602. .sky-form-modal {
  603. position: fixed;
  604. z-index: 1;
  605. display: none;
  606. width: 400px;
  607. }
  608. .sky-form-modal-overlay {
  609. position: fixed;
  610. top: 0;
  611. left: 0;
  612. display: none;
  613. width: 100%;
  614. height: 100%;
  615. background: rgba(0,0,0,0.7);
  616. }
  617.  
  618.  
  619. /**/
  620. /* bootstrap compatibility */
  621. /**/
  622. .sky-form *,
  623. .sky-form *:after,
  624. .sky-form *:before {
  625. margin: 0;
  626. padding: 0;
  627. box-sizing: content-box;
  628. -moz-box-sizing: content-box;
  629. }
  630. .sky-form .label {
  631. border-radius: 0;
  632. font-size: 100%;
  633. text-align: left;
  634. white-space: normal;
  635. color: inherit;
  636. }
  637. .sky-form .radio,
  638. .sky-form .checkbox {
  639. font-weight: 400;
  640. }
  641. .sky-form .radio + .radio,
  642. .sky-form .checkbox + .checkbox {
  643. margin-top: 0;
  644. }
  645. /**/
  646. /* normal state */
  647. /**/
  648. .sky-form .toggle i:before {
  649. background-color: #039;
  650. }
  651. .sky-form .button {
  652. background-color: #039;
  653. }
  654.  
  655.  
  656. /**/
  657. /* hover state */
  658. /**/
  659. .sky-form .input:hover input,
  660. .sky-form .select:hover select,
  661. .sky-form .textarea:hover textarea,
  662. .sky-form .radio:hover i,
  663. .sky-form .checkbox:hover i,
  664. .sky-form .toggle:hover i,
  665. .sky-form .ui-slider-handle:hover {
  666. border-color: #039;
  667. }
  668. .sky-form .rating input + label:hover,
  669. .sky-form .rating input + label:hover ~ label {
  670. color: #039;
  671. }
  672.  
  673.  
  674. /**/
  675. /* focus state */
  676. /**/
  677. .sky-form .input input:focus,
  678. .sky-form .select select:focus,
  679. .sky-form .textarea textarea:focus,
  680. .sky-form .radio input:focus + i,
  681. .sky-form .checkbox input:focus + i,
  682. .sky-form .toggle input:focus + i {
  683. border-color: #039;
  684. }
  685.  
  686.  
  687. /**/
  688. /* checked state */
  689. /**/
  690. .sky-form .radio input + i:after {
  691. background-color: #039;
  692. }
  693. .sky-form .checkbox input + i:after {
  694. color: #039;
  695. }
  696. .sky-form .radio input:checked + i,
  697. .sky-form .checkbox input:checked + i,
  698. .sky-form .toggle input:checked + i {
  699. border-color: #039;
  700. }
  701. .sky-form .rating input:checked ~ label {
  702. color: #039;
  703. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!