base.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
  1. /**!
  2. * CSS Reset 全局样式
  3. * @author:ciaoca(小叉) <ciaoca@gmail.com>
  4. * @website:http://ciaoca.com
  5. * ------------------------------ */
  6. html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,input,textarea,select,button,hr,blockquote,pre{margin:0;padding:0;}
  7. h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;line-height:1.2;}
  8. ul,ol,dl{list-style-type:none;}
  9. fieldset,img{border:none;}
  10. table{border-collapse:collapse;table-layout:fixed;empty-cells:show;}
  11. caption,th{text-align:left;font-weight:normal;}
  12. address,caption,cite,code,dfn,th{font-style:normal;font-weight:normal;}
  13. input,select,textarea,button{font-family:Tahoma,Arial,'\5fae\8f6f\96c5\9ed1',sans-serif;font-size:100%;vertical-align:baseline;*vertical-align:middle;}
  14. textarea{vertical-align:top;}
  15. img{vertical-align:middle;}
  16. em,i{font-style:normal;}
  17. ins{text-decoration:underline;}
  18. del{text-decoration:line-through;}
  19. q:before,q:after{content:'';}
  20. hr{margin:4px 0;border:none;border-top:1px solid #ccc;border-bottom:1px solid #fff;_display:block;_margin:-5px 0;_font-size:0;_line-height:0;}
  21. html{overflow-y:scroll;}
  22. body{color:#333;font:14px/1.7 Tahoma,Arial,'\5fae\8f6f\96c5\9ed1',sans-serif;}
  23. /* 浮动 */
  24. .left{float:left;}
  25. .right{float:right;}
  26. .clearfix{zoom:1;}
  27. .clearfix:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;}
  28. /* 文字隐藏、溢出 */
  29. .hidetext{overflow:hidden;text-indent:100%;white-space:nowrap;}
  30. .ellitext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  31. /**
  32. * 链接样式
  33. * ------------------------------ */
  34. a,a:hover{color:#333;text-decoration:none;}
  35. a.link,a.link:hover{text-decoration:none;}
  36. a.link:hover{color:inherit;opacity:0.8;}
  37. a.link.blue,a.link.blue:hover{color:#4a89dc;}
  38. a.link.green,a.link.green:hover{color:#8cc152;}
  39. a.link.red,a.link.red:hover{color:#da4453;}
  40. a.link.orange,a.link.orange:hover{color:#e9573f;}
  41. a.link.yellow,a.link.yellow:hover{color:#f6bb42;}
  42. a.link.purple,a.link.purple:hover{color:#967adc;}
  43. a.link.pink,a.link.pink:hover{color:#d770ad;}
  44. a.link.gray,a.link.gray:hover{color:#aaa;}
  45. a.link.lightgray,a.link.lightgray:hover{color:#ccc;}
  46. a.link.mediumgray,a.link.mediumgray:hover{color:#888;}
  47. a.link.darkgray,a.link.darkgray:hover{color:#555;}
  48. a.link.white,a.link.white:hover{color:#fff;}
  49. a.und,a.und:hover{text-decoration:underline;}
  50. a.nound,a.nound:hover{text-decoration:none;}
  51. /**
  52. * 表单
  53. * ------------------------------ */
  54. .form .row{position:relative;
  55. _margin-bottom:10px;
  56. }
  57. .form .row + .row{margin-top:10px;}
  58. .form dl.row{zoom:1;}
  59. .form dl.row:after{content:'';visibility:hidden;display:block;clear:both;height:0;font-size:0;}
  60. .form dl.row dt{float:left;clear:left;position:relative;width:5em;padding:6px 0.5em;line-height:20px;text-align:right;}
  61. .form dl.row dt.req:before{content:'*';margin-right:0.5em;color:#e33;vertical-align:top;}
  62. .form dl.row dd{position:relative;margin-left:6em;}
  63. .form .note{padding:0.5em;}
  64. .form .row .note{padding-top:6px;padding-bottom:6px;line-height:20px;}
  65. .form.large{font-size:14px;}
  66. .form.large .row{line-height:30px;}
  67. .form.large dl.row dt,
  68. .form.large .row .note{padding-top:8px;padding-bottom:8px;line-height:24px;}
  69. .form.large .formError .formErrorContent,
  70. .form.large .formError-small .formErrorContent,
  71. .form.large .formError-white .formErrorContent{line-height:28px;}
  72. .form.large .formError-text .formErrorContent{line-height:30px;}
  73. /**
  74. * 表单控件
  75. * ------------------------------ */
  76. .input{box-sizing:border-box;padding:0;border:1px solid #888;border-radius:3px;background-color:#fff;font:12px/1.6 Tahoma,Arial,sans-serif;text-indent:0.5em;}
  77. .input[size='4'],.input[cols='4']{width:40px;}
  78. .input[size='5'],.input[cols='5']{width:50px;}
  79. .input[size='6'],.input[cols='6']{width:60px;}
  80. .input[size='7'],.input[cols='7']{width:70px;}
  81. .input[size='8'],.input[cols='8']{width:80px;}
  82. .input[size='9'],.input[cols='9']{width:90px;}
  83. .input[size='10'],.input[cols='10']{width:100px;}
  84. .input[size='11'],.input[cols='11']{width:110px;}
  85. .input[size='12'],.input[cols='12']{width:120px;}
  86. .input[size='13'],.input[cols='13']{width:130px;}
  87. .input[size='14'],.input[cols='14']{width:140px;}
  88. .input[size='15'],.input[cols='15']{width:150px;}
  89. .input[size='16'],.input[cols='16']{width:160px;}
  90. .input[size='17'],.input[cols='17']{width:170px;}
  91. .input[size='18'],.input[cols='18']{width:180px;}
  92. .input[size='19'],.input[cols='19']{width:190px;}
  93. .input[size='20'],.input[cols='20']{width:200px;}
  94. .input[size='21'],.input[cols='21']{width:210px;}
  95. .input[size='22'],.input[cols='22']{width:220px;}
  96. .input[size='23'],.input[cols='23']{width:230px;}
  97. .input[size='24'],.input[cols='24']{width:240px;}
  98. .input[size='25'],.input[cols='25']{width:250px;}
  99. .input[size='26'],.input[cols='26']{width:260px;}
  100. .input[size='27'],.input[cols='27']{width:270px;}
  101. .input[size='28'],.input[cols='28']{width:280px;}
  102. .input[size='29'],.input[cols='29']{width:290px;}
  103. .input[size='30'],.input[cols='30']{width:300px;}
  104. .input[size='31'],.input[cols='31']{width:310px;}
  105. .input[size='32'],.input[cols='32']{width:320px;}
  106. .input[size='33'],.input[cols='33']{width:330px;}
  107. .input[size='34'],.input[cols='34']{width:340px;}
  108. .input[size='35'],.input[cols='35']{width:350px;}
  109. .input[size='36'],.input[cols='36']{width:360px;}
  110. .input[size='37'],.input[cols='37']{width:370px;}
  111. .input[size='38'],.input[cols='38']{width:380px;}
  112. .input[size='39'],.input[cols='39']{width:390px;}
  113. .input[size='40'],.input[cols='40']{width:400px;}
  114. .input[size='41'],.input[cols='41']{width:410px;}
  115. .input[size='42'],.input[cols='42']{width:420px;}
  116. .input[size='43'],.input[cols='43']{width:430px;}
  117. .input[size='44'],.input[cols='44']{width:440px;}
  118. .input[size='45'],.input[cols='45']{width:450px;}
  119. .input[size='46'],.input[cols='46']{width:460px;}
  120. .input[size='47'],.input[cols='47']{width:470px;}
  121. .input[size='48'],.input[cols='48']{width:480px;}
  122. .input[size='49'],.input[cols='49']{width:490px;}
  123. .input[size='50'],.input[cols='50']{width:500px;}
  124. .input[size='60'],.input[cols='60']{width:600px;}
  125. .input[size='70'],.input[cols='70']{width:700px;}
  126. .input[size='80'],.input[cols='80']{width:800px;}
  127. .input.large{font-size:14px;}
  128. .input.full{display:block;width:100%;
  129. *padding-left:0;
  130. *padding-right:0;
  131. }
  132. /*.input[readonly]{color:#888;}*/
  133. .input[disabled],
  134. .input:disabled{color:#aaa;}
  135. input.input{height:32px;line-height:30px;}
  136. input.input.small{height:24px;line-height:22px;}
  137. input.input.large{height:40px;line-height:38px;}
  138. textarea.input{padding:0.5em;text-indent:0;resize:none;}
  139. /* 选框 */
  140. .radio,
  141. .checkbox{margin:0 4px 0 0;padding:0;vertical-align:middle;}
  142. /* 下拉框 */
  143. .select{box-sizing:border-box;height:32px;padding:0 0.5em;border:1px solid #888;border-radius:3px;background-color:#fff;background-repeat:no-repeat;background-position:right center;font:12px/1.5 Tahoma,Arial,sans-serif;}
  144. .select.small{height:24px;}
  145. .select.large{height:40px;font-size:14px;}
  146. .select.full{display:block;width:100%;}
  147. .select.full + .select.full{margin-top:10px;}
  148. /* 状态 */
  149. .select[disabled],
  150. .select:disabled{border-color:#ddd;color:#aaa;}
  151. /**
  152. * 按钮样式
  153. * ------------------------------ */
  154. .button,.button:hover{box-sizing:border-box;display:inline-block;position:relative;height:32px;padding:0 1.5em;border:none;border-radius:3px;background-color:#555;color:#fff;font-size:14px;line-height:30px;text-align:center;text-decoration:none;outline:none;cursor:pointer;}
  155. .button:hover{opacity:0.8;}
  156. .button.small{height:24px;padding:0 1em;font-size:12px;line-height:24px;}
  157. .button.large{height:40px;padding:0 2em;font-size:16px;line-height:40px;}
  158. .button.full{display:block;width:100%;padding:0;}
  159. .button.blue{background-color:#4a89dc;}
  160. .button.green{background-color:#8cc152;}
  161. .button.red{background-color:#da4453;}
  162. .button.orange{background-color:#e9573f;}
  163. .button.yellow{background-color:#f6bb42;}
  164. .button.purple{background-color:#967adc;}
  165. .button.pink{background-color:#d770ad;}
  166. .button.gray{background-color:#aaa;}
  167. .button.lightgray{background-color:#ccc;}
  168. .button.mediumgray{background-color:#888;}
  169. .button.darkgray{background-color:#555;}
  170. .button.white{background-color:#fff;color:#555;}
  171. .button.border{border:1px solid #888;background:none;box-shadow:none;color:#666;line-height:28px;
  172. -webkit-transform:none;
  173. transform:none;
  174. }
  175. .button.small.border{line-height:22px;}
  176. .button.large.border{line-height:38px;}
  177. .button.border.blue{border-color:#4a89dc;color:#4a89dc;}
  178. .button.border.green{border-color:#8cc152;color:#8cc152;}
  179. .button.border.red{border-color:#da4453;color:#da4453;}
  180. .button.border.orange{border-color:#e9573f;color:#e9573f;}
  181. .button.border.yellow{border-color:#f6bb42;color:#f6bb42;}
  182. .button.border.purple{border-color:#967adc;color:#967adc;}
  183. .button.border.pink{border-color:#d770ad;color:#d770ad;}
  184. .button.border.gray{border-color:#aaa;color:#aaa;}
  185. .button.border.lightgray{border-color:#ccc;color:#ccc;}
  186. .button.border.mediumgray{border-color:#888;color:#888;}
  187. .button.border.darkgray{border-color:#555;color:#555;}
  188. .button.border.white{border-color:#fff;color:#555;}
  189. .button.radius{border-radius:15px;}
  190. .button.small.radius{border-radius:12px;}
  191. .button.large.radius{border-radius:20px;}
  192. .button + .button{margin-left:10px;}
  193. .button.full + .button.full{margin-top:10px;margin-left:0;}
  194. .button_box,
  195. .button_group{overflow:hidden;}
  196. .button_box .button,
  197. .button_group .button{float:left;width:auto;}
  198. .button_group .button{border-radius:0;}
  199. .button_group .button + .button,
  200. .button_group .button.full + .button.full{margin:0;}
  201. .button_group .button + .button:after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background-color:rgba(255,255,255,0.3);}
  202. .button_group .button + input.button{border-left:1px solid rgba(255,255,255,0.3);}
  203. .button_group .button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;}
  204. .button_group .button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;}
  205. .button_group .button.border + .button.border{border-left:none;}
  206. .button_box + .button_box,
  207. .button_box + .button_group,
  208. .button_group + .button_group,
  209. .button_group + .button_box{margin-top:10px;}
  210. /**
  211. * 分页样式
  212. * ------------------------------ */
  213. .pages{clear:both;padding:15px 0;color:#999;font:14px/30px Tahoma,Arial,sans-serif;}
  214. .pages a,
  215. .pages span,
  216. .pages strong{display:inline-block;min-width:10px;margin:0 4px 0 0;padding:0 10px;border:1px solid #fff;border-radius:3px;text-align:center;}
  217. .pages a{border-color:#ccc;background:#fff;color:#888;text-decoration:none;}
  218. .pages a:hover{border-color:#4a89dc;color:#4a89dc;text-decoration:none;}
  219. .pages strong{border-color:#4a89dc;background:#4a89dc;color:#fff;}
  220. .pages.small{padding:10px 0;font-size:12px;line-height:22px;}
  221. .pages.small a,
  222. .pages.small span,
  223. .pages.small strong{padding:0 6px;}
  224. .pages.large{font-size:16px;line-height:38px;}
  225. .pages.large a,
  226. .pages.large span,
  227. .pages.large strong{min-width:18px;}
  228. .pages span,
  229. .pages.small span,
  230. .pages.large span{padding:0;}
  231. /**
  232. * Loading
  233. * ------------------------------ */
  234. .loading{display:block;overflow:hidden;position:relative;width:16px;height:16px;margin:0 auto;background:url(../img/loading.gif) no-repeat;}
  235. /**
  236. * 内容详情
  237. * ------------------------------ */
  238. .detail{overflow:hidden;color:#555;font-size:14px;line-height:2;}
  239. .detail a:hover{text-decoration:underline;}
  240. .detail h1,
  241. .detail h2,
  242. .detail h3,
  243. .detail h4,
  244. .detail h5,
  245. .detail h6{margin:0.5em 0;line-height:1.2;}
  246. .detail h1{font-size:30px;}
  247. .detail h2{font-size:24px;}
  248. .detail h3{font-size:20px;}
  249. .detail h4{font-size:18px;}
  250. .detail h5{font-size:16px;}
  251. .detail h6{font-size:14px;}
  252. .detail img{max-width:100%;vertical-align:top;}
  253. .detail img[width],
  254. .detail img[height]{max-width:none;}
  255. .detail + .detail{margin-top:1em;}
  256. /* 头像 */
  257. .face{border-radius:50%;}
  258. /* 间距 */
  259. .mt{margin-top:20px;}
  260. .mb{margin-bottom:20px;}
  261. .ml{margin-left:20px;}
  262. .mr{margin-right:20px;}
  263. /**
  264. * cxDialog
  265. * ------------------------------ */
  266. .cxdialog{position:fixed;top:-100%;left:50%;overflow:hidden;min-width:240px;max-width:90%;margin:0;padding:0;border:none;border-radius:5px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.6);color:#333;font-family:Arial,'\5fae\8f6f\96c5\9ed1',sans-serif;z-index:10002;
  267. *border:1px solid #ddd;
  268. _position:absolute;
  269. _width:360px;
  270. _height:140px;
  271. }
  272. .cxdialog.in{top:40%;}
  273. .cxdialog > a[rev="close"]{position:absolute;top:0;right:0;width:30px;height:30px;color:#e9573f;font:bold 18px/30px Tahoma;text-align:center;text-decoration:none;cursor:pointer;
  274. *font-size:12px;
  275. }
  276. .cxdialog > a[rev="close"]:before{content:"×";}
  277. .cxdialog > a[rev="close"]:hover{color:#fc6e51;}
  278. .cxdialog_title{position:relative;background:#ddd;color:#333;font-weight:bold;font-size:14px;line-height:30px;text-indent:10px;}
  279. .cxdialog_info{overflow:hidden;position:relative;min-height:40px;padding:10px;font-size:14px;line-height:1.6;}
  280. .cxdialog_btns{overflow:hidden;position:relative;padding:10px;border-top:1px solid #ddd;font-weight:bold;font-size:14px;line-height:28px;text-align:right;}
  281. .cxdialog_btns a{display:inline-block;position:relative;padding:0 1em;border:none;border-radius:3px;background:#aaa;color:#fff;text-decoration:none;cursor:pointer;}
  282. .cxdialog_btns a:hover{background:#999;}
  283. .cxdialog_btns a + a{margin-left:10px;}
  284. .cxdialog_overlay{overflow:hidden;position:fixed;top:-100%;left:0;width:100%;height:100%;z-index:10001;opacity:0.4;
  285. filter:alpha(opacity=40);
  286. _position:absolute;
  287. }
  288. .cxdialog.in + .cxdialog_overlay{top:0;}
  289. .cxdialog_lock{overflow:hidden !important;width:auto;}
  290. /* iOS Theme */
  291. @-webkit-keyframes cxDialogIosIn{
  292. 0%{top:35%;opacity:0;-webkit-transform:scale(1.1);}
  293. 100%{top:35%;opacity:1;-webkit-transform:scale(1);}
  294. }
  295. @keyframes cxDialogIosIn{
  296. 0%{top:35%;opacity:0;transform:scale(1.1);}
  297. 100%{top:35%;opacity:1;transform:scale(1);}
  298. }
  299. @-webkit-keyframes cxDialogIosOut{
  300. 0%{top:35%;opacity:1;-webkit-transform:scale(1);}
  301. 99%{top:35%;opacity:0;-webkit-transform:scale(0.9);}
  302. 100%{top:-100%;opacity:0;}
  303. }
  304. @keyframes cxDialogIosOut{
  305. 0%{top:35%;opacity:1;transform:scale(1);}
  306. 99%{top:35%;opacity:0;transform:scale(0.9);}
  307. 100%{top:-100%;opacity:0;}
  308. }
  309. .cxdialog.ios{min-width:270px;border-radius:6px;background:#f9f9f9;box-shadow:none;}
  310. .cxdialog.ios > a[rev="close"]{display:none;}
  311. .cxdialog.ios .cxdialog_title{padding:16px 10px 0 10px;background:none;font-size:16px;line-height:1.5;text-align:center;}
  312. .cxdialog.ios .cxdialog_info{min-height:inherit;margin:0 0 10px 0;padding:10px 10px 0;font-size:14px;text-align:center;}
  313. .cxdialog.ios .cxdialog_title + .cxdialog_info{margin-top:2px;padding-top:0;}
  314. .cxdialog.ios .cxdialog_btns{overflow:hidden;margin:10px 0 0 0;padding:0;border-top:1px solid #ddd;font-size:16px;line-height:44px;text-align:center;}
  315. .cxdialog.ios .cxdialog_btns a{clear:both;display:block;margin:0;padding:0;border:none;border-radius:0;background:none;color:#007aff;cursor:pointer;}
  316. .cxdialog.ios .cxdialog_btns a:hover{background:#e9e9e9;}
  317. .cxdialog.ios .cxdialog_btns a.btn_ok,
  318. .cxdialog.ios .cxdialog_btns a.btn_no{clear:none;float:left;width:50%;border:none;}
  319. .cxdialog.ios .cxdialog_btns a.btn_ok{float:right;}
  320. .cxdialog.ios .cxdialog_btns a.btn_ok:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#d4d4d4;}
  321. .cxdialog.ios .cxdialog_btns a.btn_ok:only-child,
  322. .cxdialog.ios .cxdialog_btns a.btn_no:only-child{float:none;width:100%;}
  323. .cxdialog.ios .cxdialog_btns a + a{border-top:1px solid #d4d4d4;}
  324. .cxdialog.ios + .cxdialog_overlay{background:rgba(0,0,0,0.4);opacity:0;
  325. transition:top 0s,opacity 0.2s;
  326. }
  327. .cxdialog.ios.in{
  328. -webkit-animation:cxDialogIosIn 0.2s both;
  329. animation:cxDialogIosIn 0.2s both;
  330. }
  331. .cxdialog.ios.out{
  332. -webkit-animation:cxDialogIosOut 0.2s both;
  333. animation:cxDialogIosOut 0.2s both;
  334. }
  335. .cxdialog.ios.in + .cxdialog_overlay{top:0;opacity:1;}
  336. .cxdialog.ios.out + .cxdialog_overlay{
  337. transition:top 0s 0.2s,opacity 0.2s;
  338. }
  339. /* Black Theme */
  340. .cxdialog.black{background:#333;color:#fff;}
  341. .cxdialog.black > a[rev="close"]{color:#666;}
  342. .cxdialog.black > a[rev="close"]:hover{color:#333;}
  343. .cxdialog.black .cxdialog_title{border-bottom:1px solid #000;color:#333;
  344. background:rgba(194,194,194,1);
  345. background:-moz-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  346. background:-webkit-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  347. background:-o-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  348. background:-ms-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  349. background:linear-gradient(to bottom,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  350. }
  351. .cxdialog.black .cxdialog_title:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;}
  352. .cxdialog.black .cxdialog_title:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#555;}
  353. .cxdialog.black .cxdialog_btns{border-top:1px solid #000;line-height:28px;text-align:left;}
  354. .cxdialog.black .cxdialog_btns:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#555;}
  355. .cxdialog.black .cxdialog_btns a{border:1px solid #000;box-shadow:0 1px 0 #555;color:#333;
  356. background:rgba(194,194,194,1);
  357. background:-moz-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  358. background:-webkit-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  359. background:-o-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  360. background:-ms-linear-gradient(top,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  361. background:linear-gradient(to bottom,rgba(194,194,194,1) 0%,rgba(150,150,150,1) 100%);
  362. }
  363. .cxdialog.black .cxdialog_btns a:hover{background:#c2c2c2;}
  364. .cxdialog.black + .cxdialog_overlay{background:rgba(0,0,0,0.4);opacity:1;}
  365. /**
  366. * jquery validationEngine
  367. * ------------------------------ */
  368. .formError{z-index:990;}
  369. .formError .formErrorContent{z-index:991;}
  370. .formError .formErrorArrow{z-index:996;}
  371. .ui-dialog .formError{z-index:5000;}
  372. .ui-dialog .formError .formErrorContent{z-index:5001;}
  373. .ui-dialog .formError .formErrorArrow{z-index:5006;}
  374. .inputContainer{position:relative;float:left;}
  375. .formError{display:block;position:absolute;top:300px;left:300px;text-align:left;cursor:pointer;}
  376. .formError.inline{display:inline-block;position:relative;top:0;left:0;}
  377. .ajaxSubmit{display:none;padding:20px;border:1px solid #999;background-color:#55ea55;}
  378. .formError .formErrorContent{box-sizing:border-box;position:relative;width:100%;min-width:120px;padding:4px 10px;border:2px solid #ddd;border-radius:6px;background-color:#ee0101;box-shadow:0 0 6px #000;color:#fff;font-size:12px;line-height:20px;}
  379. .formError.inline .formErrorContent{padding:6px 10px;border:0;border-radius:0;box-shadow:none;}
  380. .greenPopup .formErrorContent{background-color:#33be40;}
  381. .blackPopup .formErrorContent{background-color:#393939;color:#fff;}
  382. .formError .formErrorArrow{position:relative;margin:-2px 0 0 13px;width:15px;}
  383. body[dir='rtl'] .formError .formErrorArrow,
  384. body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0;}
  385. .formError .formErrorArrowBottom{margin:0 0 -2px 12px;box-shadow:none;}
  386. .formError .formErrorArrow div{display:block;height:1px;margin:0 auto;border-right:2px solid #ddd;border-left:2px solid #ddd;background-color:#ee0101;box-shadow:0 2px 3px #444;font-size:0;font-size:0;line-height:0;}
  387. .formError .formErrorArrowBottom div{box-shadow:none;}
  388. .greenPopup .formErrorArrow div{background-color:#33be40;}
  389. .blackPopup .formErrorArrow div{background-color:#393939;color:#fff;}
  390. .formError .formErrorArrow .line10{width:15px;border:0;}
  391. .formError .formErrorArrow .line9{width:13px;border:0;}
  392. .formError .formErrorArrow .line8{width:11px;}
  393. .formError .formErrorArrow .line7{width:9px;}
  394. .formError .formErrorArrow .line6{width:7px;}
  395. .formError .formErrorArrow .line5{width:5px;}
  396. .formError .formErrorArrow .line4{width:3px;}
  397. .formError .formErrorArrow .line3{width:1px;border-right:2px solid #ddd;border-bottom:0 solid #ddd;border-left:2px solid #ddd;}
  398. .formError .formErrorArrow .line2{width:3px;border:0;background-color:#ddd;}
  399. .formError .formErrorArrow .line1{width:1px;border:0;background-color:#ddd;}
  400. /* jquery.validationEngine 2.6.2 Style Patch */
  401. .formError-noArrow .formErrorArrow{display:none;}
  402. .formError-text .formErrorContent{padding:5px 10px;border:none;background:none;color:#ed1b23;box-shadow:none;}
  403. .formError-text.greenPopup .formErrorContent{color:#33be40;}
  404. .formError-text.blackPopup .formErrorContent{color:#393939;}
  405. .formError-text .formErrorArrow{display:none;}
  406. .formError-small .formErrorContent{padding:5px 10px;border:1px solid #333;border-radius:4px;box-shadow:inset 0 0 2px #fff,0 0 2px #333;}
  407. .formError-small .formErrorArrow div{display:none;border-right-color:#333;border-left-color:#333;box-shadow:none;}
  408. .formError-small .formErrorArrow .line7,
  409. .formError-small .formErrorArrow .line6,
  410. .formError-small .formErrorArrow .line5,
  411. .formError-small .formErrorArrow .line4,
  412. .formError-small .formErrorArrow .line3,
  413. .formError-small .formErrorArrow .line1{display:block;border-width:0 1px 0 1px;}
  414. .formError-small .formErrorArrow .line7{border:0;}
  415. .formError-small .formErrorArrow .line3{border-width:0 1px 0 1px;border-color:#333;}
  416. .formError-small .formErrorArrow .line1{background-color:#333;}
  417. .formError-white .formErrorContent{padding:5px 10px;border:1px solid #ed1b23;border-radius:4px;background-color:#fff;box-shadow:0 0 2px #ed1b23;color:#ed1b23;}
  418. .formError-white.greenPopup .formErrorContent{border-color:#33be40;box-shadow:0 0 2px #333;color:#33be40;}
  419. .formError-white.blackPopup .formErrorContent{border-color:#393939;box-shadow:0 0 2px #333;color:#393939;}
  420. .formError-white .formErrorArrow{margin-top:-1px}
  421. .formError-white .formErrorArrow div{display:none;border-color:#ed1b23;background-color:#fff;box-shadow:none;}
  422. .formError-white .formErrorArrow .line6,
  423. .formError-white .formErrorArrow .line5,
  424. .formError-white .formErrorArrow .line4,
  425. .formError-white .formErrorArrow .line3,
  426. .formError-white .formErrorArrow .line1{display:block;border-width:0 1px 0 1px;}
  427. .formError-white .formErrorArrow .line3{border-width:0 1px 0 1px;border-color:#ed1b23;}
  428. .formError-white .formErrorArrow .line1{background-color:#ed1b23;}
  429. .formError-white.greenPopup .formErrorArrow div{border-color:#33be40;}
  430. .formError-white.greenPopup .formErrorArrow .line1{background-color:#33be40;}
  431. .formError-white.blackPopup .formErrorArrow div{border-color:#393939;}
  432. .formError-white.blackPopup .formErrorArrow .line1{background-color:#393939;}
  433. .formError-white .formErrorArrowBottom{margin:0 0 -1px 12px;box-shadow:none;}
  434. /**
  435. * highlight.js Theme
  436. * GitHub Gist Theme
  437. * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
  438. */
  439. .hljs{display:block;overflow-x:auto;color:#555;}
  440. .hljs-comment,
  441. .hljs-meta{color:#969896;}
  442. .hljs-string,
  443. .hljs-variable,
  444. .hljs-template-variable,
  445. .hljs-strong,
  446. .hljs-emphasis,
  447. .hljs-quote{color:#df5000;}
  448. .hljs-keyword,
  449. .hljs-selector-tag,
  450. .hljs-type{color:#a71d5d;}
  451. .hljs-literal,
  452. .hljs-symbol,
  453. .hljs-bullet,
  454. .hljs-attribute{color:#0086b3;}
  455. .hljs-section,
  456. .hljs-name{color:#63a35c;}
  457. .hljs-tag{color:#333;}
  458. .hljs-title,
  459. .hljs-attr,
  460. .hljs-selector-id,
  461. .hljs-selector-class,
  462. .hljs-selector-attr,
  463. .hljs-selector-pseudo{color:#795da3;}
  464. .hljs-addition{color:#55a532;background-color:#eaffea;}
  465. .hljs-deletion{color:#bd2c00;background-color:#ffecec;}
  466. .hljs-link{text-decoration:underline;}