default.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309
  1. /* page */
  2. .bx-def-page-margin {
  3. margin:0 auto 0 auto;
  4. }
  5. /* margins */
  6. .bx-def-margin-non {
  7. margin:0px;
  8. }
  9. .bx-def-margin-center {
  10. margin:20px auto;
  11. }
  12. .bx-def-margin {
  13. margin:20px;
  14. }
  15. .bx-def-margin-rightbottomleft {
  16. margin:20px;
  17. margin-top:0;
  18. }
  19. .bx-def-margin-topbottom {
  20. margin:20px 0px;
  21. }
  22. .bx-def-margin-leftright {
  23. margin:0px 20px;
  24. }
  25. .bx-def-margin-top {
  26. margin-top:20px;
  27. }
  28. .bx-def-margin-top-auto {
  29. margin-top:20px;
  30. }
  31. .bx-def-margin-top-auto:first-child {
  32. margin-top:0px;
  33. }
  34. .bx-def-margin-right {
  35. margin-right:20px;
  36. }
  37. .bx-def-margin-bottom {
  38. margin-bottom:20px;
  39. }
  40. .bx-def-margin-left {
  41. margin-left:20px;
  42. }
  43. .bx-def-margin-left-auto {
  44. margin-left:20px;
  45. }
  46. .bx-def-margin-left-auto:first-child {
  47. margin-left:0px;
  48. }
  49. .bx-def-margin-sec-center {
  50. margin:10px auto;
  51. }
  52. .bx-def-margin-sec {
  53. margin:10px;
  54. }
  55. .bx-def-margin-sec-rightbottomleft {
  56. margin:10px;
  57. margin-top:0;
  58. }
  59. .bx-def-margin-sec-topbottom {
  60. margin:10px 0px;
  61. }
  62. .bx-def-margin-sec-leftright {
  63. margin:0px 10px;
  64. }
  65. .bx-def-margin-sec-top {
  66. margin-top:10px;
  67. }
  68. .bx-def-margin-sec-top-auto {
  69. margin-top:10px;
  70. }
  71. .bx-def-margin-sec-top-auto:first-child {
  72. margin-top:0px;
  73. }
  74. .bx-def-margin-sec-right {
  75. margin-right:10px;
  76. }
  77. .bx-def-margin-sec-bottom {
  78. margin-bottom:10px;
  79. }
  80. .bx-def-margin-sec-left {
  81. margin-left:10px;
  82. }
  83. .bx-def-margin-sec-left-auto {
  84. margin-left:10px;
  85. }
  86. .bx-def-margin-sec-left-auto:first-child {
  87. margin-left:0px;
  88. }
  89. /* paddings */
  90. .bx-def-padding-non {
  91. padding:0px;
  92. }
  93. .bx-def-padding {
  94. padding:20px;
  95. }
  96. .bx-def-padding-rightbottomleft {
  97. padding:20px;
  98. padding-top:0;
  99. }
  100. .bx-def-padding-toprightleft {
  101. padding:20px;
  102. padding-bottom:0;
  103. }
  104. .bx-def-padding-topbottom {
  105. padding:20px 0px;
  106. }
  107. .bx-def-padding-leftright {
  108. padding:0px 20px;
  109. }
  110. .bx-def-padding-top {
  111. padding-top:20px;
  112. }
  113. .bx-def-padding-right {
  114. padding-right:20px;
  115. }
  116. .bx-def-padding-bottom {
  117. padding-bottom:20px;
  118. }
  119. .bx-def-padding-left {
  120. padding-left:20px;
  121. }
  122. .bx-def-padding-sec {
  123. padding:10px;
  124. }
  125. .bx-def-padding-sec-rightbottomleft {
  126. padding:10px;
  127. padding-top:0;
  128. }
  129. .bx-def-padding-sec-toprightleft {
  130. padding:10px;
  131. padding-bottom:0;
  132. }
  133. .bx-def-padding-sec-topbottom {
  134. padding:10px 0px;
  135. }
  136. .bx-def-padding-sec-leftright {
  137. padding:0px 10px;
  138. }
  139. .bx-def-padding-sec-top {
  140. padding-top:10px;
  141. }
  142. .bx-def-padding-sec-right {
  143. padding-right:10px;
  144. }
  145. .bx-def-padding-sec-bottom {
  146. padding-bottom:10px;
  147. }
  148. .bx-def-padding-sec-left {
  149. padding-left:10px;
  150. }
  151. /* noise */
  152. .bx-def-noise {
  153. position: relative;
  154. z-index: 1;
  155. }
  156. .bx-def-noise:before,
  157. .bx-def-body-noise:before {
  158. content: "";
  159. position: absolute;
  160. z-index: -1;
  161. top:0;
  162. bottom:0;
  163. left:0;
  164. right:0;
  165. background-image: url(data:image/png;base64,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);
  166. }
  167. /* borders */
  168. .bx-def-border {
  169. border:1px solid #dddddd;
  170. }
  171. .bx-def-border-rightbottomleft {
  172. border:1px solid #dddddd;
  173. padding-top:none;
  174. }
  175. .bx-def-border-top {
  176. border-top:1px solid #dddddd;
  177. }
  178. .bx-def-border-right {
  179. border-right:1px solid #dddddd;
  180. }
  181. .bx-def-border-bottom {
  182. border-bottom:1px solid #dddddd;
  183. }
  184. .bx-def-border-left {
  185. border-left:1px solid #dddddd;
  186. }
  187. /* shadow */
  188. .bx-def-shadow {
  189. -moz-box-shadow: 0px 0px 2px #666666;
  190. -webkit-box-shadow: 0px 0px 2px #666666;
  191. box-shadow: 0px 0px 2px #666666;
  192. }
  193. /* round corners */
  194. .bx-def-round-corners {
  195. border-radius:3px;
  196. -moz-border-radius:3px;
  197. -webkit-border-radius:3px;
  198. }
  199. /* colors backgrounds */
  200. .bx-def-color-bg-page {
  201. background-color:#f2f2f2;
  202. }
  203. .bx-def-color-bg-block {
  204. background-color:#fff;
  205. }
  206. .bx-def-color-bg-sec {
  207. background:#f2f2f2;
  208. }
  209. .bx-def-color-bg-hl {
  210. background-color: rgba(200, 200, 255, 0.2);
  211. }
  212. .bx-def-color-bg-active {
  213. background-color: #ffbb33;
  214. }
  215. /* hr */
  216. .bx-def-hr {
  217. margin-left:0;
  218. margin-right:0;
  219. padding:0;
  220. border:none;
  221. border-top:1px solid #dddddd;
  222. border-bottom:1px solid #ffffff;
  223. border-top:1px solid rgba(200, 200, 200, 0.5);
  224. border-bottom:1px solid rgba(255, 255, 255, 0.8);
  225. }
  226. /* colors fonts */
  227. .bx-def-font {
  228. font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
  229. font-size:14px;
  230. color:#333333;
  231. }
  232. .bx-def-font-inputs {
  233. font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
  234. font-size:14px;
  235. color:#333333;
  236. }
  237. .bx-def-color-ft-gray-l1 {
  238. color:#000000;
  239. }
  240. .bx-def-color-ft-gray-l2 {
  241. color:#333333;
  242. }
  243. .bx-def-color-ft-gray-l3 {
  244. color:#666666;
  245. }
  246. .bx-def-color-ft-gray-l4 {
  247. color:#999999;
  248. }
  249. .bx-def-color-ft-grayed-i {
  250. color:#999999 !important;
  251. }
  252. .bx-def-font-grayed {
  253. color:#999;
  254. }
  255. .bx-def-font-small {
  256. font-size:11px;
  257. }
  258. .bx-def-font-large {
  259. font-size:18px;
  260. }
  261. h1,
  262. .bx-def-font-h1 {
  263. font-size:32px;
  264. font-weight:bold;
  265. }
  266. h2,
  267. .bx-def-font-h2 {
  268. font-size:24px;
  269. font-weight:bold;
  270. }
  271. h3,
  272. .bx-def-font-h3 {
  273. font-size:18px;
  274. font-weight:bold;
  275. }