API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 28th, 2015
215
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.83 KB | None | 0 0
raw download clone embed print report
  1. .zilla-one-half { width: 48%; }
  2. .zilla-one-third { width: 30.66%; }
  3. .zilla-two-third { width: 65.33%; }
  4. .zilla-one-fourth { width: 22%; }
  5. .zilla-three-fourth { width: 74%; }
  6. .zilla-one-fifth { width: 16.8%; }
  7. .zilla-two-fifth { width: 37.6%; }
  8. .zilla-three-fifth { width: 58.4%; }
  9. .zilla-four-fifth { width: 79.2%; }
  10. .zilla-one-sixth { width: 13.33%; }
  11. .zilla-five-sixth { width: 82.67%; }
  12.  
  13. .zilla-one-half,
  14. .zilla-one-third,
  15. .zilla-two-third,
  16. .zilla-three-fourth,
  17. .zilla-one-fourth,
  18. .zilla-one-fifth,
  19. .zilla-two-fifth,
  20. .zilla-three-fifth,
  21. .zilla-four-fifth,
  22. .zilla-one-sixth,
  23. .zilla-five-sixth {
  24. float: left;
  25. margin-right: 4%;
  26. margin-bottom: 2em;
  27. position: relative;
  28. }
  29.  
  30. .zilla-column-last {
  31. clear: right;
  32. margin-right: 0 !important;
  33. }
  34.  
  35. /* Button Styles --- */
  36.  
  37. a.zilla-button,
  38. a.zilla-button:visited {
  39. background-color: #0c6fb1;
  40. background-image: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
  41. background-image: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
  42. background-image: linear-gradient(top, #14a7cf, #0c6fb1);
  43. border: 1px solid #0d507a !important;
  44. -webkit-border-radius: 16px;
  45. border-radius: 16px;
  46. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
  47. box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
  48. color: #ffffff !important;
  49. cursor: pointer;
  50. display: inline-block;
  51. font-family: Helvetica, Arial, Sans-serif;
  52. font-size: 14px;
  53. font-weight: bold;
  54. line-height: 1em;
  55. margin: 0 0.1em 1.5em 0 !important;
  56. outline: none;
  57. padding: 7px 13px !important;
  58. text-align: center;
  59. text-decoration: none !important;
  60. text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  61. vertical-align: middle;
  62. }
  63.  
  64. a.zilla-button.square {
  65. -webkit-border-radius: 4px !important;
  66. border-radius: 4px !important;
  67. }
  68.  
  69. a.zilla-button.medium {
  70. -webkit-border-radius: 20px;
  71. border-radius: 20px;
  72. font-size: 16px;
  73. padding: 11px 16px !important;
  74. }
  75.  
  76. a.zilla-button.large {
  77. -webkit-border-radius: 25px;
  78. border-radius: 25px;
  79. font-size: 18px;
  80. padding: 15px 20px !important;
  81. }
  82.  
  83. a.zilla-button:hover { text-decoration: none; }
  84.  
  85. a.zilla-button:active {
  86. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
  87. box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  88. position: relative;
  89. top: 1px;
  90. }
  91.  
  92. a.zilla-button.green {
  93. background-color: #7fc33c;
  94. background-image: -webkit-linear-gradient(top, #b1d960, #7fc33c);
  95. background-image: -moz-linear-gradient(top, #b1d960, #7fc33c);
  96. background-image: linear-gradient(top, #b1d960, #7fc33c);
  97. border-color: #69963b !important;
  98. }
  99.  
  100. a.zilla-button.green:hover {
  101. background-color: #8dd242;
  102. background-image: -webkit-linear-gradient(top, #b9e46a, #8dd242);
  103. background-image: -moz-linear-gradient(top, #b9e46a, #8dd242);
  104. background-image: linear-gradient(top, #b9e46a, #8dd242);
  105. }
  106.  
  107. a.zilla-button.light-blue {
  108. background-color: #2caada;
  109. background-image: -webkit-linear-gradient(top, #46cae8, #2caada);
  110. background-image: -moz-linear-gradient(top, #46cae8, #2caada);
  111. background-image: linear-gradient(top, #46cae8, #2caada);
  112. border-color: #2681a2 !important;
  113. }
  114.  
  115. a.zilla-button.light-blue:hover {
  116. background-color: #32bcef;
  117. background-image: -webkit-linear-gradient(top, #50d6f5, #32bcef);
  118. background-image: -moz-linear-gradient(top, #50d6f5, #32bcef);
  119. background-image: linear-gradient(top, #50d6f5, #32bcef);
  120. }
  121.  
  122. a.zilla-button.blue {
  123. background-color: #0c6fb1;
  124. background-image: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
  125. background-image: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
  126. background-image: linear-gradient(top, #14a7cf, #0c6fb1);
  127. border-color: #0d507a !important;
  128. }
  129.  
  130. a.zilla-button.blue:hover {
  131. background-color: #1188d6;
  132. background-image: -webkit-linear-gradient(top, #1bb6e6, #1188d6);
  133. background-image: -moz-linear-gradient(top, #1bb6e6, #1188d6);
  134. background-image: linear-gradient(top, #1bb6e6, #1188d6);
  135. }
  136.  
  137. a.zilla-button.red {
  138. background-color: #e3514a;
  139. background-image: -webkit-linear-gradient(top, #ed8376, #e3514a);
  140. background-image: -moz-linear-gradient(top, #ed8376, #e3514a);
  141. background-image: linear-gradient(top, #ed8376, #e3514a);
  142. border-color: #ab4b44 !important;
  143. }
  144.  
  145. a.zilla-button.red:hover {
  146. background-color: #ff5e56;
  147. background-image: -webkit-linear-gradient(top, #ff988c, #ff5e56);
  148. background-image: -moz-linear-gradient(top, #ff988c, #ff5e56);
  149. background-image: linear-gradient(top, #ff988c, #ff5e56);
  150. }
  151.  
  152. a.zilla-button.orange {
  153. background-color: #ffb031;
  154. background-image: -webkit-linear-gradient(top, #ffce4f, #ffb031);
  155. background-image: -moz-linear-gradient(top, #ffce4f, #ffb031);
  156. background-image: linear-gradient(top, #ffce4f, #ffb031);
  157. border-color: #dc9014 !important;
  158. }
  159.  
  160. a.zilla-button.orange:hover {
  161. background-color: #ffc531;
  162. background-image: -webkit-linear-gradient(top, #ffdb4f, #ffc531);
  163. background-image: -moz-linear-gradient(top, #ffdb4f, #ffc531);
  164. background-image: linear-gradient(top, #ffdb4f, #ffc531);
  165. }
  166.  
  167. a.zilla-button.purple {
  168. background-color: #d17ac6;
  169. background-image: -webkit-linear-gradient(top, #e3acdc, #d17ac6);
  170. background-image: -moz-linear-gradient(top, #e3acdc, #d17ac6);
  171. background-image: linear-gradient(top, #e3acdc, #d17ac6);
  172. border-color: #996192 !important;
  173. }
  174.  
  175. a.zilla-button.purple:hover {
  176. background-color: #eb90e0;
  177. background-image: -webkit-linear-gradient(top, #f3baec, #eb90e0);
  178. background-image: -moz-linear-gradient(top, #f3baec, #eb90e0);
  179. background-image: linear-gradient(top, #f3baec, #eb90e0);
  180. }
  181.  
  182. a.zilla-button.grey {
  183. background-color: #e5e5e5;
  184. background-image: -webkit-linear-gradient(top, #efefef, #e5e5e5);
  185. background-image: -moz-linear-gradient(top, #efefef, #e5e5e5);
  186. background-image: linear-gradient(top, #efefef, #e5e5e5);
  187. border-color: #acacac !important;
  188. color: #555555 !important;
  189. text-shadow: 0 1px 0 rgba(255,255,255,0.2);
  190. }
  191.  
  192. a.zilla-button.grey:hover {
  193. background-color: #f6f6f6;
  194. background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6);
  195. background-image: -moz-linear-gradient(top, #fcfcfc, #f6f6f6);
  196. background-image: linear-gradient(top, #fcfcfc, #f6f6f6);
  197. }
  198.  
  199. a.zilla-button.black {
  200. background-color: #444444;
  201. background-image: -webkit-linear-gradient(top, #6c6c6c, #444444);
  202. background-image: -moz-linear-gradient(top, #6c6c6c, #444444);
  203. background-image: linear-gradient(top, #6c6c6c, #444444);
  204. border-color: #323232 !important;
  205. }
  206.  
  207. a.zilla-button.black:hover {
  208. background-color: #575757;
  209. background-image: -webkit-linear-gradient(top, #8d8d8d, #575757);
  210. background-image: -moz-linear-gradient(top, #8d8d8d, #575757);
  211. background-image: linear-gradient(top, #8d8d8d, #575757);
  212. }
  213.  
  214. /* Alert Styles --- */
  215.  
  216. .zilla-alert {
  217. -webkit-border-radius: 4px !important;
  218. border-radius: 4px !important;
  219. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
  220. box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
  221. line-height: 1.6em;
  222. margin: 0 0 1.5em 0;
  223. padding: 0.8em;
  224. }
  225.  
  226. .zilla-alert.white {
  227. background: #fff;
  228. border: 1px solid #dfdfdf;
  229. color: #373737;
  230. }
  231.  
  232. .zilla-alert.red {
  233. background: #ffe6e3;
  234. border: 1px solid #f2c3bf;
  235. color: #bf210e;
  236. }
  237.  
  238. .zilla-alert.yellow {
  239. background: #fff7d6;
  240. border: 1px solid #e9d477;
  241. color: #956433;
  242. }
  243.  
  244. .zilla-alert.green {
  245. background: #edfdd3;
  246. border: 1px solid #c4dba0;
  247. color: #657e3c;
  248. }
  249.  
  250. .zilla-alert.grey {
  251. background: #fbfbfb;
  252. border: 1px solid #dfdfdf;
  253. color: #373737;
  254. }
  255.  
  256. /* Tab Styles --- */
  257.  
  258. .zilla-tabs.ui-tabs .ui-tabs-hide {
  259. position: absolute;
  260. left: -10000px;
  261. }
  262.  
  263. .zilla-tabs {
  264. background: none;
  265. margin: 0 0 2em 0;
  266. }
  267.  
  268. .zilla-tabs .zilla-nav {
  269. background: none;
  270. border: 0;
  271. float: none;
  272. list-style: none !important;
  273. margin: 0 !important;
  274. padding: 0;
  275. }
  276.  
  277. .zilla-tabs .zilla-nav li {
  278. float: left;
  279. list-style: none !important;
  280. margin: 0 2px -1px 0 !important;
  281. position: relative;
  282. z-index: 10;
  283. }
  284.  
  285. .zilla-tabs .zilla-nav li a {
  286. background: #FBFBFB;
  287. border: 1px solid #dfdfdf !important;
  288. border-bottom: none !important;
  289. -webkit-border-radius: 3px 3px 0 0;
  290. border-radius: 3px 3px 0 0;
  291. color: #373737 !important;
  292. display: block;
  293. height: 26px;
  294. margin: 0 !important;
  295. overflow: hidden;
  296. padding: 5px 10px 0 10px;
  297. text-decoration: none;
  298. }
  299.  
  300. .zilla-tabs .zilla-nav li a:hover {
  301. background: #fff!important;
  302. margin: 0!important;
  303. }
  304.  
  305. .zilla-tabs .zilla-nav .ui-tabs-selected a,
  306. .zilla-tabs .zilla-nav .ui-tabs-active a {
  307. background: #fff;
  308. height: 27px;
  309. }
  310.  
  311. .zilla-tabs .zilla-tab {
  312. background: #fff;
  313. border: 1px solid #dfdfdf;
  314. padding: 10px;
  315. }
  316.  
  317. /* Toggle Styles --- */
  318.  
  319. .zilla-toggle { margin: 0 0 2em 0; }
  320.  
  321. .zilla-toggle + .zilla-toggle { margin-top: -1.75em; }
  322.  
  323. .zilla-toggle .zilla-toggle-title {
  324. background: #FBFBFB;
  325. border: 1px solid #dfdfdf;
  326. cursor: pointer;
  327. display: block;
  328. outline: none;
  329. padding: 10px 10px 10px 30px;
  330. position: relative;
  331. }
  332.  
  333. .zilla-toggle .zilla-toggle-title:hover { border: 1px solid #c5c5c5; }
  334.  
  335. .zilla-toggle-inner {
  336. background: #fff;
  337. border: 1px solid #dfdfdf;
  338. border-top: none;
  339. padding: 10px;
  340. }
  341.  
  342. .zilla-toggle span.ui-icon {
  343. background: url(../img/toggle-closed.png) no-repeat;
  344. height: 12px;
  345. margin: -6px 0 0 0;
  346. position: absolute;
  347. top: 50%;
  348. left: 10px;
  349. width: 12px;
  350. }
  351.  
  352. .zilla-toggle .ui-state-active .ui-icon { background: url(../img/toggle-open.png) no-repeat; }
  353.  
  354. /* Clearfix */
  355. .zilla-clearfix:before,
  356. .zilla-clearfix:after { content:""; display:table; }
  357. .zilla-clearfix:after { clear: both; }
  358. .zilla-clearfix { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
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!