inline.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889
  1. .lbf-autocomplete {
  2. display:none;
  3. position:absolute
  4. }
  5. .lbf-autocomplete-options {
  6. padding:5px 0;
  7. margin-left:0;
  8. border:1px solid #ccc;
  9. border:0 rgba(0,0,0,0);
  10. border-radius:2px;
  11. box-shadow:0 2px 5px rgba(0,0,0,0.25);
  12. background-color:#fff
  13. }
  14. .lbf-autocomplete-options li {
  15. height:34px;
  16. white-space:nowrap
  17. }
  18. .lbf-autocomplete-options li a {
  19. display:block;
  20. padding:7px 20px;
  21. font-weight:normal;
  22. line-height:20px;
  23. color:#545a6c;
  24. white-space:nowrap;
  25. text-decoration:none;
  26. overflow:hidden
  27. }
  28. .lbf-autocomplete-options li a b {
  29. font-weight:100
  30. }
  31. .lbf-autocomplete-options li a span {
  32. cursor:pointer;
  33. float:right
  34. }
  35. .lbf-autocomplete-options li.on a {
  36. background-color:#eafffa
  37. }
  38. .lbf-button {
  39. line-height:38px;
  40. display:inline-block;
  41. *display:inline;
  42. *zoom:1;
  43. font-size:14px;
  44. text-align:center;
  45. cursor:pointer;
  46. color:#545a6c;
  47. border:1px solid #d0d0d5;
  48. border-color:rgba(0,0,0,.15);
  49. border-radius:4px;
  50. padding:0 16px;
  51. min-width:46px;
  52. background-color:#fff;
  53. background-repeat:no-repeat;
  54. background-position:center;
  55. overflow:visible;
  56. -ms-box-sizing:content-box;
  57. box-sizing:content-box;
  58. font-family:inherit
  59. }
  60. .lbf-button:hover {
  61. color:#2d3441;
  62. border-color:#a6a6a6;
  63. text-decoration:none
  64. }
  65. .lbf-button:active {
  66. background-color:#f5f5fa
  67. }
  68. .lbf-button-disabled {
  69. opacity:.5;
  70. filter:alpha(opacity=50);
  71. cursor:default;
  72. pointer-events:none
  73. }
  74. .lbf-button-disabled * {
  75. cursor:default
  76. }
  77. .lbf-button-disabled,.lbf-button-disabled:hover,.lbf-button-disabled:active,.lbf-button-loading,.lbf-button-loading:hover,.lbf-button-loading:active {
  78. border-color:#ccc;
  79. background-color:#fafafa
  80. }
  81. .lbf-button-primary,.lbf-button-primary.lbf-button-disabled,.lbf-button-primary.lbf-button-disabled:hover,.lbf-button-primary.lbf-button-disabled:active,.lbf-button-primary.lbf-button-loading:hover,.lbf-button-primary.lbf-button-loading:active {
  82. border:1px solid #00a5e0;
  83. background-color:#00a5e0;
  84. color:#fff
  85. }
  86. .lbf-button-primary:hover {
  87. background-color:#00b4f5;
  88. border-color:#00b4f5;
  89. color:#fff
  90. }
  91. .lbf-button-primary:active {
  92. background-color:#0092c7;
  93. border-color:#0092c7;
  94. color:#fff
  95. }
  96. .lbf-button-success,.lbf-button-success.lbf-button-disabled,.lbf-button-success.lbf-button-disabled:hover,.lbf-button-success.lbf-button-disabled:active,.lbf-button-success.lbf-button-loading:hover,.lbf-button-success.lbf-button-loading:active {
  97. border:1px solid #91c547;
  98. background-color:#91c547;
  99. color:#2d3441
  100. }
  101. .lbf-button-success:hover {
  102. background-color:#99d14a;
  103. border-color:#99d14a
  104. }
  105. .lbf-button-success:active {
  106. background-color:#86b542;
  107. border-color:#86b542
  108. }
  109. .lbf-button-warning,.lbf-button-warning.lbf-button-disabled,.lbf-button-warning.lbf-button-disabled:hover,.lbf-button-warning.lbf-button-disabled:active,.lbf-button-warning.lbf-button-loading:hover,.lbf-button-warning.lbf-button-loading:active {
  110. border:1px solid #f4615c;
  111. background-color:#f4615c;
  112. color:#fff
  113. }
  114. .lbf-button-warning:hover {
  115. background-color:#ff7772;
  116. border-color:#ff7772;
  117. color:#fff
  118. }
  119. .lbf-button-warning:active {
  120. background-color:#dc5652;
  121. border-color:#dc5652
  122. }
  123. .lbf-button-loading {
  124. border-color:#d8d9d9;
  125. color:transparent!important;
  126. cursor:default;
  127. pointer-events:none
  128. }
  129. .lbf-button.lbf-button-loading {
  130. background-image:url(../images/Button/loading.gif)
  131. }
  132. .lbf-button-primary.lbf-button-loading {
  133. background-image:url(../images/Button/loading-primary.gif);
  134. border-color:#00a5e0
  135. }
  136. .lbf-button-warning.lbf-button-loading {
  137. background-image:url(../images/Button/loading-warning.gif);
  138. border-color:#ff7772
  139. }
  140. .lbf-text-input {
  141. position:relative;
  142. height:34px;
  143. line-height:34px;
  144. padding:2px 8px;
  145. border:1px solid #d0d0d5;
  146. border-radius:4px;
  147. vertical-align:top;
  148. background-color:#fff;
  149. -webkit-transition:border-color .15s,background-color .15s;
  150. -moz-transition:border-color .15s,background-color .15s;
  151. -ms-transition:border-color .15s,background-color .15s;
  152. -o-transition:border-color .15s,background-color .15s;
  153. transition:border-color .15s,background-color .15s
  154. }
  155. input.lbf-text-input,.lbf-text-input input {
  156. outline:0;
  157. font-size:100%;
  158. font-family:'microsoft yahei',arial,sans-serif;
  159. color:#545a6c
  160. }
  161. input.lbf-text-input {
  162. height:20px;
  163. line-height:18px;
  164. padding:9px 8px
  165. }
  166. span.lbf-text-input {
  167. display:inline-block
  168. }
  169. .lbf-text-input input {
  170. display:block;
  171. width:100%;
  172. line-height:20px;
  173. margin:0;
  174. padding:7px 0;
  175. border:0 none;
  176. background:0;
  177. position:relative;
  178. z-index:1
  179. }
  180. .lbf-text-input:hover {
  181. border-color:#ababaf
  182. }
  183. .lbf-text-input:focus,.lbf-text-input-focus,.lbf-text-input-focus:hover {
  184. border-color:#00a5e0
  185. }
  186. .lbf-text-input>input:focus {
  187. border-color:#00a5e0
  188. }
  189. .lbf-text-input-disabled,input.lbf-text-input[disabled],input.lbf-text-input[readonly] {
  190. border-color:#d9d9d9!important;
  191. background:#eee;
  192. cursor:default;
  193. pointer-events:none
  194. }
  195. .lbf-text-input-disabled input {
  196. color:#a2a9b6
  197. }
  198. .lbf-text-input-error,.lbf-text-input-error:hover,.lbf-text-input-error:focus {
  199. border-color:#ff5237
  200. }
  201. .lbf-text-input .lbf-text-input-placeholder {
  202. position:absolute;
  203. top:2px;
  204. left:8px;
  205. right:8px;
  206. text-overflow:ellipsis;
  207. white-space:nowrap;
  208. overflow:hidden;
  209. color:#a2a9b6;
  210. cursor:text;
  211. line-height:34px
  212. }
  213. .lbf-text-input-focus .lbf-text-input-placeholder {
  214. opacity:.38;
  215. filter:alpha(opacity=38)
  216. }
  217. .lbf-search-input {
  218. padding-left:40px
  219. }
  220. .lbf-search-input>a {
  221. width:20px;
  222. height:20px;
  223. padding:9px 10px;
  224. position:absolute;
  225. top:0;
  226. left:0;
  227. text-align:center
  228. }
  229. .lbf-search-input .icon-search {
  230. display:block;
  231. width:20px;
  232. height:20px;
  233. text-indent:-9em;
  234. overflow:hidden;
  235. background:#b6bbc6 url(data:image/png;
  236. base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPdJREFUeNpi+k9lwMRAZYDLwCNAHAnEMkDMDqUjoeL4AZqLfwNxFhAz4MEg+V+4vIxuYApUjBOIG4H4DhD/hNKNUHEGqDqCBh6B8rmA+CgO9Ueh8gxQ9XgjZSqUrgBiKxwhBBIvg7KnEApDcajNdwikjLtQdVKEXPgSSssSiEcZKP2KULIRh9KPCRj4FEqLEjLQEUovJ2DgYihtRygMD5MYy4eJSYfZRKZDEE4C4n+EDPxFRE5hwGcoAw6vgbwTAU0azFA6BohPQQ3BaSgDGSXUXyyG5lNiIDZDhWESLBQUe7OBmA+IFwBxMUyCEexMOhSwZAOAAAMAVJM+EQ2rrOoAAAAASUVORK5CYII=) no-repeat;
  237. -webkit-transition:background-color .2s;
  238. transition:background-color .2s
  239. }
  240. .lbf-search-input .lbf-text-input-placeholder {
  241. left:40px
  242. }
  243. .lbf-text-input-hover .icon-search {
  244. background-color:#ababaf
  245. }
  246. .lbf-text-input-focus .icon-search {
  247. background-color:#00a5e0
  248. }
  249. :root .lbf-search-input .icon-search {
  250. background-image:url(data:image/svg+xml;
  251. base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik04NC42MjUsMzkuNjI1Yy0yNC44NTQsMC00NSwyMC4xNDYtNDUsNDQuOTk1YzAsMjQuODU4LDIwLjE0Niw0NSw0NSw0NWMyNC44NTQsMCw0NS0yMC4xNDIsNDUtNDUNCgkJQzEyOS42MjUsNTkuNzcxLDEwOS40NzksMzkuNjI1LDg0LjYyNSwzOS42MjV6Ii8+DQoJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTIwLjYyNCwwSDB2MjAwaDIwLjYyNGgxNTkuNzJIMjAwdi0yMC42NTRWMTkuNjI2VjBIMjAuNjI0eiBNMTY1LjM1LDE3OS4zNDZoLTAuMDExDQoJCWMtMy44MzktMC4wMDEtNy42NzctMS40NjYtMTAuNjA0LTQuMzk0bC0zNS4xNDYtMzUuMTQ2Yy05LjkwMiw2LjExMy0yMS40NjQsOS44MjMtMzMuOTY0LDkuODIzYy0zNS44OTgsMC02NS0yOS4xMS02NS02NS4wMDkNCgkJYzAtMzUuODk4LDI5LjEwMi02NC45OTUsNjUtNjQuOTk1YzM1Ljg5NywwLDY1LDI5LjA5Nyw2NSw2NC45OTVjMCwxMi41LTMuNzAxLDI0LjA2My05LjgxMywzMy45NzRsMzUuMTQ2LDM1LjE0Ng0KCQljMi45MjUsMi45MjUsNC4zODgsNi43NjUsNC4zODgsMTAuNjA0QzE4MC4zNDQsMTY4LjE4NywxNjkuMTg4LDE3OS4zNDUsMTY1LjM1LDE3OS4zNDZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==);
  252. background-size:20px 20px
  253. }
  254. input[type=search]::-webkit-search-cancel-button {
  255. -webkit-appearance:none;
  256. width:20px;
  257. height:20px;
  258. background:url('../images/nodes/closes.png') no-repeat;
  259. cursor:pointer
  260. }
  261. input[type=search]::-webkit-search-cancel-button:hover {
  262. background-position:0 -20px
  263. }
  264. .lbf-search-input-right {
  265. padding-left:8px;
  266. padding-right:40px
  267. }
  268. .lbf-search-input-right>a {
  269. left:auto;
  270. right:0
  271. }
  272. .lbf-search-input-right .lbf-text-input-placeholder {
  273. left:8px
  274. }
  275. *+.lbf-search-input .icon-search {
  276. background-color:transparent;
  277. background-image:url('../images/TextInput/icon-search.png')
  278. }
  279. *+.lbf-search-input-focus .icon-search {
  280. background-color:transparent;
  281. background-position:0 -20px
  282. }
  283. .lbf-iradio input {
  284. position:absolute;
  285. opacity:0;
  286. filter:alpha(opacity=0)
  287. }
  288. .lbf-iradio {
  289. display:inline-block;
  290. width:20px;
  291. height:20px;
  292. border:1px solid rgba(208,208,213,1);
  293. border-radius:20px;
  294. background-color:#fff;
  295. box-sizing:border-box;
  296. vertical-align:-.5ex;
  297. -webkit-transition:border-color .2s;
  298. transition:border-color .2s;
  299. overflow:hidden
  300. }
  301. .lbf-iradio ~ label {
  302. line-height:20px
  303. }
  304. .lbf-iradio:not(.lbf-iradio-disabled):hover {
  305. border-color:#ababaf
  306. }
  307. .lbf-iradio::before {
  308. content:'';
  309. display:block;
  310. width:10px;
  311. height:10px;
  312. margin:4px auto 0;
  313. border-radius:10px;
  314. background-color:#00a5e0;
  315. visibility:hidden
  316. }
  317. .lbf-iradio-checked::before {
  318. visibility:visible;
  319. -webkit-animation:bounceIn .2s;
  320. animation:bounceIn .2s
  321. }
  322. .lbf-iradio-disabled {
  323. border-color:#ababaf;
  324. opacity:.38
  325. }
  326. :root .lbf-iradio {
  327. background-image:none
  328. }
  329. .lbf-iradio {
  330. *display:inline;
  331. *zoom:1;
  332. background:url(../images/IRadio/radio.png) no-repeat
  333. }
  334. .lbf-iradio:hover {
  335. background-position:0 -20px
  336. }
  337. .lbf-iradio-checked {
  338. background-position:0 -40px
  339. }
  340. .lbf-iradio-checked:hover,.lbf-iradio-checked.lbf-checkbox-disabled {
  341. background-position:0 -60px
  342. }
  343. .lbf-iradio-disabled {
  344. background-position:0 -20px;
  345. filter:alpha(opacity=38)
  346. }
  347. .lbf-icheckbox input {
  348. position:absolute;
  349. opacity:0;
  350. filter:alpha(opacity=0)
  351. }
  352. .lbf-icheckbox ~ label {
  353. line-height:20px
  354. }
  355. .lbf-icheckbox {
  356. display:inline-block;
  357. *display:inline;
  358. *zoom:1;
  359. width:20px;
  360. height:20px;
  361. border:2px solid rgba(0,0,0,0);
  362. border-radius:4px;
  363. box-sizing:border-box;
  364. box-shadow:inset 0 1px,inset 1px 0,inset -1px 0,inset 0 -1px;
  365. background:url(../images/ICheckbox/checkboxs.png) no-repeat;
  366. background-clip:content-box;
  367. color:#d0d0d5;
  368. -webkit-transition:color .2s,background-color .1s;
  369. transition:color .2s,background-color .1s;
  370. vertical-align:-5px;
  371. overflow:hidden
  372. }
  373. :root .lbf-icheckbox {
  374. background-image:none;
  375. background-color:#fff
  376. }
  377. .lbf-icheckbox:hover,.lbf-icheckbox-disabled {
  378. color:#ababaf
  379. }
  380. :root .lbf-icheckbox-checked,:root .lbf-icheckbox-checked:hover {
  381. color:#00a5e0;
  382. background-color:#00a5e0
  383. }
  384. .lbf-icheckbox::after {
  385. content:'';
  386. display:block;
  387. width:100%;
  388. height:100%;
  389. background:url(data:image/svg+xml;
  390. base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNDcuNTY3LDY3LjU3NWMtMy45NzgtMy4yNDEtNC4zNTYtMy4zMzctOC45LTUuNjM5Yy0yLjA0NC0xLjA0NC01LjA1NywxLjY0NS02LjUzLDMuNjM1TDkyLDExNy43MjgNCglMNjUuODUxLDgzLjk3M2MtMS40NzktMS45ODgtNC4yMDYtMi43Mi02LjI1MS0xLjc4MmMtNC42NTgsMi40MDctNC4xODksMi4zMjYtOC4xNjgsNS40NjZjLTEuODE3LDEuNDY2LTEuOTMyLDQuMDgyLTAuNDU2LDYuMDY1DQoJYzAsMCwyOC4xODMsMzYuNDk5LDMxLjU5Miw0MC44OTZjNC45OTksNi4yNzUsMTQuMDksNS45NjUsMTguODY0LDBjMy41Mi00LjQ5OCw0Ni41OS02MS4wNzgsNDYuNTktNjEuMDc4DQoJQzE0OS40OTksNzEuNTQ5LDE0OS4zODUsNjguOTM3LDE0Ny41NjcsNjcuNTc1eiIvPg0KPC9zdmc+DQo=) no-repeat center;
  391. background-size:20px 20px;
  392. visibility:hidden
  393. }
  394. .lbf-icheckbox-checked::after {
  395. visibility:visible;
  396. -webkit-animation:bounceIn .2s;
  397. animation:bounceIn .2s
  398. }
  399. .lbf-icheckbox-disabled {
  400. opacity:.38
  401. }
  402. .lbf-icheckbox:hover {
  403. background-position:0 -20px
  404. }
  405. .lbf-icheckbox-checked,.lbf-icheckbox-checked:hover,.lbf-icheckbox-checked.lbf-icheckbox-disabled {
  406. background-position:0 -40px
  407. }
  408. .lbf-icheckbox-disabled {
  409. background-position:0 -20px;
  410. filter:alpha(opacity=38)
  411. }
  412. .lbf-combobox {
  413. display:inline-block;
  414. *display:inline;
  415. *zoom:1;
  416. font-family:'microsoft yahei',arial;
  417. vertical-align:bottom
  418. }
  419. .lbf-combobox-label,.lbf-combobox-label.lbf-button {
  420. position:relative;
  421. display:block;
  422. padding:0 40px 0 12px;
  423. text-align:left;
  424. line-height:38px;
  425. background-color:#fff;
  426. overflow:hidden
  427. }
  428. .lbf-combobox-label:hover {
  429. border:1px solid #ababaf;
  430. text-decoration:none;
  431. z-index:1000
  432. }
  433. .lbf-combobox-label:active {
  434. background-color:#ededed
  435. }
  436. .lbf-combobox-caption {
  437. display:block;
  438. height:38px;
  439. overflow:hidden
  440. }
  441. .lbf-combobox-icon {
  442. position:absolute;
  443. right:0;
  444. top:0;
  445. width:40px;
  446. height:38px;
  447. background:url(../images/Combobox/arrow-down.png) no-repeat center
  448. }
  449. body .lbf-combobox-on,body .lbf-combobox-on:hover {
  450. border:1px solid #00a5e0;
  451. border-bottom-left-radius:0;
  452. border-bottom-right-radius:0;
  453. z-index:1000
  454. }
  455. .lbf-combobox-panel {
  456. display:none;
  457. overflow-y:auto;
  458. overflow-x:hidden;
  459. margin:-1px 0 0;
  460. font-size:14px;
  461. list-style:none;
  462. background-color:#fff;
  463. border:1px solid #00a5e0;
  464. font-family:'microsoft yahei',arial
  465. }
  466. .lbf-combobox-panel .lbf-combobox-options {
  467. list-style:none;
  468. margin:0;
  469. padding:0
  470. }
  471. .lbf-combobox-panel .lbf-combobox-option {
  472. background-color:#fff
  473. }
  474. .lbf-combobox-panel .lbf-combobox-item {
  475. display:block;
  476. height:36px;
  477. padding:0 12px;
  478. line-height:36px;
  479. color:#333;
  480. white-space:nowrap;
  481. text-decoration:none;
  482. overflow:hidden
  483. }
  484. .lbf-combobox-panel .lbf-combobox-item:hover {
  485. text-decoration:none
  486. }
  487. .lbf-combobox-panel .lbf-combobox-option:hover {
  488. background-color:#f2fbff
  489. }
  490. .lbf-combobox-panel .lbf-combobox-item-selected,.lbf-combobox-panel .lbf-combobox-item-selected:hover {
  491. background-color:#f2fbff
  492. }
  493. .lbf-combobox-disabled {
  494. opacity:.65;
  495. filter:alpha(opacity=65);
  496. pointer-events:none;
  497. cursor:default;
  498. *zoom:1
  499. }
  500. .lbf-combobox select {
  501. position:absolute;
  502. clip:rect(0 0 0 0)
  503. }
  504. .lbf-textarea {
  505. position:relative;
  506. padding:5px 6px 4px;
  507. border:1px solid #d0d0d5;
  508. vertical-align:top;
  509. overflow:hidden;
  510. border-radius:4px;
  511. background-color:#fff
  512. }
  513. textarea.lbf-textarea,.lbf-textarea textarea {
  514. outline:0;
  515. font-size:100%;
  516. font-family:'microsoft yahei',arial,sans-serif;
  517. color:#545a6c;
  518. overflow:auto;
  519. resize:none
  520. }
  521. .lbf-textarea textarea {
  522. width:100%;
  523. height:75px;
  524. margin:0;
  525. padding:0;
  526. border:0 none;
  527. background:0
  528. }
  529. .lbf-textarea-hover,.lbf-textarea:hover {
  530. border-color:#ababaf
  531. }
  532. .lbf-textarea:focus,.lbf-textarea-focus,.lbf-textarea-focus:hover {
  533. border-color:#00a5e0
  534. }
  535. .lbf-textarea-error,.lbf-textarea-error:hover,.lbf-textarea-error:focus {
  536. border-color:#ff5237;
  537. background-color:#ffe2df
  538. }
  539. .lbf-textarea-flash-on,.lbf-textarea-flash-on:hover,.lbf-textarea-flash-on:focus {
  540. border-color:#4d90fe
  541. }
  542. .lbf-textarea-flash-off,.lbf-textarea-flash-off:hover,.lbf-textarea-flash-off {
  543. border-color:#b9b9b9;
  544. border-top-color:#a0a0a0
  545. }
  546. .lbf-textarea-disabled {
  547. background:#eee;
  548. pointer-events:none
  549. }
  550. .lbf-textarea-disabled textarea {
  551. background:#eee;
  552. color:#bbb
  553. }
  554. .lbf-textarea .lbf-textarea-placeholder {
  555. position:absolute;
  556. top:5px;
  557. left:6px;
  558. color:#a2a9b6;
  559. cursor:text
  560. }
  561. .lbf-state,.lbf-warning {
  562. position:relative;
  563. padding:16px 20px 16px 55px;
  564. line-height:18px;
  565. background-color:#d7ebf7;
  566. border-radius:4px
  567. }
  568. .lbf-state .lbf-state-title {
  569. position:absolute;
  570. top:13px;
  571. left:20px;
  572. overflow:hidden;
  573. width:24px;
  574. height:24px;
  575. background:url(../images/state/icons.png) no-repeat left top;
  576. font-size:0;
  577. text-indent:100px
  578. }
  579. .lbf-state-button-close {
  580. float:right;
  581. margin:3px 0 0 0
  582. }
  583. .lbf-state-success {
  584. color:#468847;
  585. background-color:#dff0d8;
  586. border-color:#d6e9c6
  587. }
  588. .lbf-state-success .lbf-state-title {
  589. color:#468847
  590. }
  591. .lbf-state-danger,.lbf-state-error {
  592. color:#b94a48;
  593. background-color:#f2dede;
  594. border-color:#eed3d7
  595. }
  596. .lbf-state-danger .lbf-state-title,.lbf-state-error .lbf-state-title {
  597. color:#b94a48
  598. }
  599. .lbf-state-info .lbf-state-title {
  600. color:#3a87ad
  601. }
  602. .lbf-pagination {
  603. height:30px;
  604. overflow:hidden
  605. }
  606. .lbf-pagination-prev,.lbf-pagination-next {
  607. display:inline-block;
  608. width:24px;
  609. height:100%;
  610. font:0/0 a;
  611. color:transparent;
  612. background:url(../images/Pagination/icons-prev-next.png) no-repeat;
  613. border:1px solid #f5f7fa;
  614. overflow:hidden
  615. }
  616. .lbf-pagination-prev:hover,.lbf-pagination-next:hover {
  617. border:1px solid #ced1d9
  618. }
  619. .lbf-pagination-next:hover {
  620. background-position:0 -30px
  621. }
  622. .lbf-pagination-prev {
  623. background-position:0 -90px
  624. }
  625. .lbf-pagination-prev:hover {
  626. background-position:0 -120px
  627. }
  628. .lbf-pagination-item-list {
  629. height:28px;
  630. float:right
  631. }
  632. .lbf-pagination-item {
  633. float:left;
  634. width:32px;
  635. height:100%;
  636. text-align:center;
  637. line-height:28px
  638. }
  639. .lbf-pagination-page {
  640. display:inline-block;
  641. width:24px;
  642. height:100%;
  643. border:1px solid #f5f7fa;
  644. line-height:28px;
  645. text-decoration:none;
  646. color:#a2a9b6
  647. }
  648. .lbf-pagination-page:hover {
  649. background-color:#f5f5fa;
  650. color:#a2a9b6;
  651. border:1px solid #ced1d9
  652. }
  653. .lbf-pagination-current,.lbf-pagination-current:hover {
  654. cursor:default;
  655. color:#fff;
  656. background-color:#00a5e0
  657. }
  658. .lbf-pagination-current:hover {
  659. border:1px solid #f5f7fa
  660. }
  661. .lbf-pagination-disabled,.lbf-pagination-disabled:hover {
  662. cursor:default;
  663. color:#ccc;
  664. pointer-events:none
  665. }
  666. .lbf-pagination-prev.lbf-pagination-disabled {
  667. background-position:0 -150px
  668. }
  669. .lbf-pagination-prev.lbf-pagination-disabled:hover {
  670. border:1px solid #f5f7fa
  671. }
  672. .lbf-pagination-next.lbf-pagination-disabled {
  673. background-position:0 -60px
  674. }
  675. .lbf-pagination-next.lbf-pagination-disabled:hover {
  676. border:1px solid #f5f7fa
  677. }
  678. .lbf-slider {
  679. position:relative;
  680. display:block;
  681. border:1px solid #ccc;
  682. border-radius:4px
  683. }
  684. .lbf-slider-horizontal {
  685. height:10px
  686. }
  687. .lbf-slider-vertical {
  688. width:10px;
  689. height:200px
  690. }
  691. .lbf-slider-handle {
  692. position:absolute;
  693. left:0;
  694. top:0;
  695. width:14px;
  696. height:14px;
  697. border:1px solid #d3d3d3;
  698. background:#e6e6e6;
  699. cursor:default;
  700. border-radius:4px
  701. }
  702. .lbf-slider-handle:hover {
  703. border:1px solid #999;
  704. background:#dadada
  705. }
  706. .lbf-slider-handle-focus,.lbf-slider-handle-focus:hover {
  707. background:#fff
  708. }
  709. .lbf-slider-horizontal .lbf-slider-handle {
  710. margin:-3px 0 0 -7px
  711. }
  712. .lbf-slider-horizontal .lbf-slider-range {
  713. position:absolute;
  714. top:0;
  715. left:0;
  716. height:10px;
  717. background:#eee
  718. }
  719. .lbf-slider-vertical .lbf-slider-handle {
  720. margin:-7px 0 0 -3px
  721. }
  722. .lbf-slider-vertical .lbf-slider-range {
  723. position:absolute;
  724. top:0;
  725. left:0;
  726. width:10px;
  727. background:#eee
  728. }
  729. .lbf-slider-handle-disabled,.lbf-slider-handle-disabled:hover {
  730. border:1px solid #ccc;
  731. background:#e6e6e6
  732. }
  733. .lbf-slides {
  734. position:relative;
  735. padding:0;
  736. margin:0;
  737. line-height:1;
  738. overflow:hidden;
  739. border-radius:5px
  740. }
  741. .lbf-slides .lbf-slides-nav {
  742. position:absolute;
  743. top:15px;
  744. right:15px;
  745. z-index:5;
  746. margin:0;
  747. list-style:none
  748. }
  749. .lbf-slides .lbf-slides-nav-item {
  750. display:block;
  751. float:left;
  752. width:10px;
  753. height:10px;
  754. margin-left:5px
  755. }
  756. .lbf-slides .lbf-slides-nav-btn {
  757. display:block;
  758. float:left;
  759. width:10px;
  760. height:10px;
  761. text-indent:-999px;
  762. background-color:#ccc;
  763. background-color:rgba(255,255,255,0.25);
  764. border-radius:5px
  765. }
  766. .lbf-slides .lbf-slides-nav-btn-on,.lbf-slides .lbf-slides-nav-btn:hover {
  767. background-color:#fff
  768. }
  769. .lbf-slides .lbf-slides-items {
  770. float:left;
  771. padding:0;
  772. margin:0;
  773. list-style:none;
  774. -webkit-transition:all .218s;
  775. -moz-transition:all .218s;
  776. -o-transition:all .218s;
  777. -ms-transition:all .218s;
  778. transition:all .218s
  779. }
  780. .lbf-slides .lbf-slides-item {
  781. float:left
  782. }
  783. .lbf-slides .lbf-slides-item>img,.lbf-slides .lbf-slides-item>a>img {
  784. float:left
  785. }
  786. .lbf-slides .lbf-slides-btn-prev,.lbf-slides .lbf-slides-btn-next {
  787. position:absolute;
  788. display:block;
  789. top:50%;
  790. left:15px;
  791. width:40px;
  792. height:40px;
  793. margin-top:-20px;
  794. font-size:30px;
  795. font-weight:100;
  796. line-height:40px;
  797. color:#fff;
  798. text-align:center;
  799. background:#222;
  800. border:3px solid #fff;
  801. -webkit-border-radius:23px;
  802. -moz-border-radius:23px;
  803. border-radius:23px;
  804. opacity:.5;
  805. filter:alpha(opacity=50)
  806. }
  807. .lbf-slides .lbf-slides-btn-next {
  808. right:15px;
  809. left:auto
  810. }
  811. .lbf-slides .lbf-slides-btn-prev:hover,.lbf-slides .lbf-slides-btn-prev:focus,.lbf-slides .lbf-slides-btn-next:hover,.lbf-slides .lbf-slides-btn-next:focus {
  812. color:#fff;
  813. text-decoration:none;
  814. opacity:.9;
  815. filter:alpha(opacity=90)
  816. }
  817. .lbf-tabview-tabs {
  818. height:40px;
  819. line-height:40px;
  820. border-bottom:1px solid #dbdee5;
  821. position:relative
  822. }
  823. .lbf-tabview-tab {
  824. float:left;
  825. overflow:hidden;
  826. margin-right:46px;
  827. color:#4c5161;
  828. cursor:pointer;
  829. text-align:center;
  830. font-size:16px
  831. }
  832. .lbf-tabview-tab a {
  833. color:inherit;
  834. *color:#4c5161
  835. }
  836. .lbf-tabview-tab:hover,.lbf-tabview-tab:hover a,.lbf-tabview-tab-hover {
  837. color:#00a5e0
  838. }
  839. .lbf-tabview-tab-selected,.lbf-tabview-tab-selected a,.lbf-tabview-tab-selected:hover {
  840. color:#00a5e0;
  841. cursor:default
  842. }
  843. .lbf-tabview-tab-close {
  844. display:none;
  845. position:absolute;
  846. top:4px;
  847. right:4px;
  848. width:14px;
  849. height:14px;
  850. text-indent:999em;
  851. line-height:1px;
  852. overflow:hidden
  853. }
  854. .lbf-tabview-tab-hover .lbf-tabview-tab-close,.lbf-tabview-tab:hover .lbf-tabview-tab-close {
  855. display:inline-block
  856. }
  857. .lbf-tabview-tab-line {
  858. display:none;
  859. position:absolute;
  860. bottom:-1px;
  861. left:0;
  862. width:0;
  863. border-bottom:3px solid #00a5e0;
  864. -webkit-transition:all .35s;
  865. transition:all .35s
  866. }
  867. .lbf-tabview-content {
  868. display:none
  869. }
  870. .lbf-tabview-content-selected {
  871. display:block
  872. }
  873. .lbf-gotop a {
  874. position:fixed;
  875. display:block;
  876. width:38px;
  877. height:38px;
  878. right:40px;
  879. bottom:35px;
  880. opacity:.8;
  881. filter:alpha(opacity=80);
  882. background:url(../images/Gotop/gotop.png) no-repeat 0 0
  883. }
  884. .lbf-gotop a:hover {
  885. opacity:1;
  886. filter:alpha(opacity=100)
  887. }