zzz.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994
  1. body {
  2. padding-top:78px;
  3. /*
  4. font-size: 13px;
  5. */
  6. font-weight: 200;
  7. font-size: 13px;
  8. }
  9. .glyphicon {
  10. font-size: 13px;
  11. }
  12. .btn {
  13. font-size: 12px;
  14. font-weight: 400;
  15. }
  16. label, input, button, select, textarea {
  17. font-size: 13px;
  18. font-weight: 200;
  19. }
  20. select,
  21. textarea,
  22. input[type="text"],
  23. input[type="password"],
  24. input[type="datetime"],
  25. input[type="datetime-local"],
  26. input[type="date"],
  27. input[type="month"],
  28. input[type="time"],
  29. input[type="week"],
  30. input[type="number"],
  31. input[type="email"],
  32. input[type="url"],
  33. input[type="search"],
  34. input[type="tel"],
  35. input[type="color"],
  36. .uneditable-input {
  37. /*
  38. margin-bottom: 1px;
  39. */
  40. }
  41. .spinner {
  42. float: left;
  43. background:url("/assets/spinner.gif") no-repeat;
  44. background-position: center center;
  45. padding: 44px 10px 0 10px;
  46. width: 10px;
  47. height: 14px;
  48. display: none;
  49. }
  50. table {
  51. table-layout: fixed;
  52. }
  53. table th, table td {
  54. overflow: hidden;
  55. text-overflow: ellipsis;
  56. white-space: nowrap;
  57. }
  58. .table {
  59. display: table;
  60. }
  61. .table .table-row {
  62. display: table-row;
  63. }
  64. .table .table-cell{
  65. vertical-align: top;
  66. display: table-cell;
  67. border-bottom: 1px solid #eeeeee;
  68. }
  69. .popover {
  70. min-width: 240px;
  71. z-index: 1110;
  72. }
  73. .hero-two {
  74. width: 100%;
  75. }
  76. .hero-two .hero-left {
  77. width: 50%;
  78. float: left;
  79. }
  80. .hero-two .hero-right {
  81. width: 50%;
  82. float: right;
  83. }
  84. .content-one {
  85. top: 80px;
  86. margin-left: 20px;
  87. margin-right: 20px;
  88. /*
  89. bottom: 0;
  90. left: 0;
  91. right: 0;
  92. position: fixed;
  93. */
  94. z-index: -5000;
  95. }
  96. @media (min-width: 1024px) {
  97. .content-one {
  98. width: 1024px;
  99. }
  100. }
  101. .content-two {
  102. top: 80px;
  103. bottom: 0;
  104. left: 0;
  105. right: 0;
  106. position: fixed;
  107. z-index: -5000;
  108. }
  109. .content-two .sidebar {
  110. padding: 8px 10px 42px;
  111. width: 200px;
  112. height: 100%;
  113. float: left;
  114. position: absolute;
  115. overflow-y: auto;
  116. overflow-x: hidden;
  117. border-right: 1px solid #eeeeee;
  118. }
  119. .content-two .sidebar.nav-manage {
  120. padding-left: 16px;
  121. }
  122. .content-two .sidebar .nav > li > a {
  123. padding: 8px 13px;
  124. }
  125. .content-two .sidebar .btn {
  126. padding: 5px 10px;
  127. font-size: 12px;
  128. line-height: 1.5;
  129. border-radius: 3px;
  130. }
  131. .content-two .sidebar input,
  132. .content-two .sidebar select {
  133. height: 30px;
  134. padding: 5px 10px;
  135. font-size: 12px;
  136. border-radius: 3px;
  137. }
  138. .content-two .main {
  139. width: auto;
  140. min-width: 760px;
  141. height: 100%;
  142. float: left;
  143. margin-left: 204px;
  144. padding-right: 16px;
  145. padding-bottom: 10px;
  146. padding-left: 14px;
  147. position: absolute;
  148. overflow-y: auto;
  149. overflow-x: hidden;
  150. right: 0;
  151. left: 0;
  152. }
  153. .content-two .main > .nav {
  154. margin-top: 12px;
  155. }
  156. .content-two .meta {
  157. display: none;
  158. }
  159. @media (min-width: 800px) {
  160. .content-two .sidebar {
  161. width: 240px;
  162. }
  163. .content-two .main {
  164. margin-left: 244px;
  165. }
  166. .content-two .meta {
  167. display: none;
  168. }
  169. }
  170. @media (min-width: 1024px) {
  171. .content-two .sidebar {
  172. width: 260px;
  173. }
  174. .content-two .main {
  175. margin-left: 264px;
  176. }
  177. .content-two .meta {
  178. display: none;
  179. }
  180. }
  181. @media (min-width: 1200px) {
  182. .content-two .sidebar {
  183. width: 280px;
  184. }
  185. .content-two .main {
  186. margin-left: 284px;
  187. }
  188. .content-two .meta {
  189. width: 140px;
  190. /*
  191. display: table-cell;
  192. */
  193. display: none;
  194. }
  195. }
  196. .content-cols {
  197. display: table;
  198. width: 100%;
  199. height: 100%;
  200. table-layout: fixed;
  201. border-spacing: 0;
  202. }
  203. .content-cols .row {
  204. margin: 0;
  205. }
  206. .content-cols .row2 > div {
  207. display: table-cell;
  208. vertical-align: top;
  209. padding: 0 12px 0 12px;
  210. }
  211. .content-cols .row2 .sidebar {
  212. border-right: 1px solid #eeeeee;
  213. width: 160px;
  214. }
  215. .content-cols .sidebar input,
  216. .content-cols .sidebar select {
  217. height: 30px;
  218. padding: 5px 10px;
  219. font-size: 12px;
  220. border-radius: 3px;
  221. }
  222. .content-cols .sidebar .btn {
  223. padding: 5px 10px;
  224. font-size: 12px;
  225. line-height: 1.5;
  226. border-radius: 3px;
  227. }
  228. .content-cols .row2 .main {
  229. width: 600px;
  230. }
  231. .content-cols .row2 .meta {
  232. display: none;
  233. }
  234. @media (min-width: 800px) {
  235. .content-cols .row2 .sidebar {
  236. width: 200px;
  237. }
  238. .content-cols .row2 .main {
  239. width: 750px;
  240. }
  241. .content-cols .row2 .meta {
  242. display: none;
  243. }
  244. }
  245. @media (min-width: 1024px) {
  246. .content-cols .row2 .sidebar {
  247. width: 220px;
  248. }
  249. .content-cols .row2 .main {
  250. width: 900px;
  251. }
  252. .content-cols .row2 .meta {
  253. display: none;
  254. }
  255. }
  256. @media (min-width: 1200px) {
  257. .content-cols .row2 .sidebar {
  258. width: 240px;
  259. }
  260. .content-cols .row2 .main {
  261. width: 900px;
  262. }
  263. .content-cols .row2 .meta {
  264. width: 200px;
  265. display: table-cell;
  266. }
  267. }
  268. .content-cols .nav-bar-stacked {
  269. background-color: #f7f5fa;
  270. }
  271. .content-cols .nav-bar-stacked .active a {
  272. border-right: 1px solid #563d7c;
  273. }
  274. #global-search {
  275. width: 150px;
  276. border-radius: 8px;
  277. background-color: #f4f4f4;
  278. }
  279. #global-search:focus {
  280. width: 200px;
  281. background-color: #ffffff;
  282. }
  283. #task {
  284. position: fixed;
  285. display: table;
  286. width: 100%;
  287. min-width: 1000px;
  288. top: 46px;
  289. }
  290. #task > .taskbar {
  291. display: table-row;
  292. z-index: 1040;
  293. }
  294. #task > .taskbar > div {
  295. padding: 0 4px 4px 4px;
  296. display: table-cell;
  297. }
  298. #task .task {
  299. max-width: 120px;
  300. overflow: hidden;
  301. text-overflow: ellipsis;
  302. white-space: nowrap;
  303. display: inline-block;
  304. }
  305. #task .task > a,
  306. #task .task > a:hover {
  307. color: #ffffff;
  308. text-decoration: none;
  309. }
  310. #task .btn-default .task > a,
  311. #task .btn-default .task > a:hover {
  312. color: #333333;
  313. }
  314. #task .taskbar .btn-small {
  315. padding: 3px 8px 4px;
  316. margin-top: 2px;
  317. font-size: 11px;
  318. font-weight: 300;
  319. }
  320. #task .taskbar .btn-default {
  321. background-color: #c3c3c3;
  322. border-color: #c3c3c3;
  323. }
  324. #task [data-type="close"] {
  325. margin-left: 5px;
  326. font-size: 13px;
  327. top: 1px;
  328. }
  329. #task .taskbar-items {
  330. }
  331. #task .taskbar-new {
  332. text-align: right;
  333. padding-right: 12px;
  334. }
  335. .max-size-scroll {
  336. max-height: 240px;
  337. overflow-y: scroll;
  338. }
  339. /*
  340. #content > *:not(.active) {
  341. display: none !important;
  342. }
  343. */
  344. h1, h2, h3, h4, h5, h6 {
  345. font-weight: 200;
  346. }
  347. h1 {
  348. font-size: 36px;
  349. margin-top: 15px;
  350. }
  351. h2 {
  352. font-size: 24px;
  353. margin-top: 10px;
  354. }
  355. h3 {
  356. font-size: 22px;
  357. margin-top: 10px;
  358. }
  359. h4 {
  360. font-size: 20px;
  361. }
  362. h5 {
  363. font-size: 16px;
  364. }
  365. .form-group .help-message {
  366. float: right;
  367. margin-right: -23px;
  368. margin-top: -23px;
  369. }
  370. .form-control {
  371. height: 33px;
  372. font-size: 13px;
  373. }
  374. .form-large {
  375. width: 85%;
  376. max-width: 700px;
  377. }
  378. .form-normal {
  379. width: 70%;
  380. max-width: 400px;
  381. }
  382. .form-small {
  383. width: 50%;
  384. max-width: 250px;
  385. }
  386. .form-normal fieldset {
  387. margin-bottom: 10px;
  388. }
  389. .sidebar fieldset {
  390. margin-bottom: 10px;
  391. }
  392. .form-horizontal label {
  393. text-align: right;
  394. float: left;
  395. margin-left: 0;
  396. margin-right: 0;
  397. width: 130px;
  398. margin-top: 7px;
  399. }
  400. .form-horizontal .form-group .checkbox label {
  401. text-align: left;
  402. width: 100%;
  403. margin-top: 0;
  404. margin-bottom: 4px;
  405. }
  406. /*
  407. * bootstrap changes
  408. */
  409. /* improve pagination if only one page is shown */
  410. .pagination li:only-child a {
  411. -webkit-border-radius: 3px;
  412. -moz-border-radius: 3px;
  413. border-radius: 3px;
  414. }
  415. /* improved spacing */
  416. .pagination .count {
  417. padding: 6px 6px;
  418. float: left;
  419. color: #999;
  420. border: none;
  421. line-height: 17px;
  422. }
  423. .page-header {
  424. margin: 0 0 12px;
  425. padding-bottom: 5px;
  426. }
  427. .page-header-title {
  428. float: left;
  429. }
  430. .page-header-meta {
  431. float: right;
  432. padding-top: 20px;
  433. }
  434. .page-header .page-header-meta ul.pagination {
  435. margin: 0 0 0 0;
  436. }
  437. .dropdown-menu {
  438. /*
  439. min-width: 270px;
  440. */
  441. }
  442. .dropdown-menu > li > a {
  443. font-weight: 200;
  444. max-width: 340px;
  445. overflow: hidden;
  446. text-overflow: ellipsis;
  447. white-space: nowrap;
  448. }
  449. .dropdown-menu .count {
  450. padding-top: 1px;
  451. margin-left: 10px;
  452. }
  453. .form-horizontal .help-inline, .form-horizontal .help-block {
  454. font-size: 12px;
  455. margin-top: 4px;
  456. }
  457. .form-horizontal .control-label {
  458. width: 130px;
  459. }
  460. .form-horizontal .controls {
  461. margin-left: 150px;
  462. }
  463. /* replace music icon with attachment */
  464. .icon-attachment {
  465. background-position: -24px 0;
  466. }
  467. /*
  468. *
  469. */
  470. .hero-unit {
  471. width: 940px;
  472. margin-right: auto;
  473. margin-left: auto;
  474. *zoom: 1;
  475. padding: 50px 60px 60px 60px;
  476. margin-bottom: 30px;
  477. font-size: 18px;
  478. font-weight: 200;
  479. line-height: 30px;
  480. color: inherit;
  481. background-color: #eeeeee;
  482. -webkit-border-radius: 6px;
  483. -moz-border-radius: 6px;
  484. border-radius: 6px;
  485. }
  486. .hero-unit h1 {
  487. font-size: 52px;
  488. margin-top: 4px;
  489. }
  490. .hero-unit p {
  491. font-size: 16px;
  492. font-weight: 200;
  493. line-height: 22px;
  494. }
  495. .hero-unit .small {
  496. font-size: 12px;
  497. line-height: 20px;
  498. color: #999999;
  499. }
  500. /*
  501. * removed margin of forms to not break the layout with submit buttons within <form></form> area e. g. for modal dialogs
  502. */
  503. form {
  504. margin: 0 0 0 0;
  505. }
  506. form.form-inline select,
  507. form.form-inline input[type="text"],
  508. form.form-inline input[type="password"] {
  509. width: 180px;
  510. margin-right: 4px;
  511. }
  512. .modal-header {
  513. padding: 10px 15px;
  514. }
  515. .modal .form-group .controls {
  516. width: 65%;
  517. }
  518. .modal .form-group {
  519. margin-bottom: 2px;
  520. }
  521. .modal-footer {
  522. margin-top: 0;
  523. padding: 14px 20px 20px;
  524. }
  525. .drox {
  526. margin-bottom: 6px;
  527. }
  528. .drox-header {
  529. padding: 8px 13px;
  530. background-color: #f5f5f5;
  531. color: #333333;
  532. border-radius: 5px;
  533. }
  534. .drox-header .glyphicon {
  535. display: none;
  536. }
  537. .drox-header:hover .glyphicon, .drox-header:focus .glyphicon {
  538. display: inline-block;
  539. color: #005580;
  540. text-decoration: none;
  541. }
  542. .drox-header h3 {
  543. font-size: 13px;
  544. font-weight: 200;
  545. margin-top: 2px;
  546. margin-bottom: 2px;
  547. }
  548. .drox-body {
  549. padding: 8px 13px;
  550. }
  551. .edit {
  552. }
  553. .edit .form-group {
  554. margin-bottom: 2px;
  555. }
  556. .edit select, .edit input {
  557. height: 30px;
  558. }
  559. .edit:focus {
  560. color: #000000;
  561. outline: 0;
  562. }
  563. .edit-title {
  564. }
  565. .edit-title small {
  566. font-size: 12px;
  567. }
  568. .delete {
  569. background:url("../assets/close.png") no-repeat;
  570. text-indent: -9999em;
  571. border: 0;
  572. width: 40px;
  573. height: 40px;
  574. cursor:pointer;
  575. float: right;
  576. position: relative;
  577. top: -15px;
  578. left: 30px;
  579. margin: 4px;
  580. clear: right;
  581. }
  582. footer {
  583. clear: both;
  584. padding-top: 10px;
  585. padding-left: 10px;
  586. padding-right: 22px;
  587. }
  588. .can-move {
  589. cursor: move;
  590. }
  591. .can-move-placeholder {
  592. border: 1px dashed #DDD;
  593. background: #EEE;
  594. margin-top: 5px;
  595. margin-bottom: 5px;
  596. }
  597. .customer_info {
  598. }
  599. .customer_info ul.nav > li {
  600. width: 50%;
  601. }
  602. .customer_info ul.nav > li > a {
  603. text-overflow: ellipsis;
  604. overflow: hidden;
  605. white-space: nowrap;
  606. }
  607. .customer_info .thumbnail {
  608. position: absolute;
  609. right: 20px;
  610. }
  611. .customer_info textarea {
  612. padding-left: 10px;
  613. width: 100%;
  614. border-color: #eee;
  615. }
  616. .bulk-action {
  617. position: absolute;
  618. width: 100%;
  619. }
  620. .sidebar .action {
  621. padding: 6px 8px 6px;
  622. position: fixed;
  623. bottom: 0px;
  624. background-color: #fff;
  625. width: 100%;
  626. left: 0px;
  627. border-top: 1px solid #eeeeee;
  628. width: 194px;
  629. margin-left: 4px;
  630. }
  631. @media (min-width: 800px) {
  632. .sidebar .action {
  633. width: 234px;
  634. }
  635. }
  636. @media (min-width: 1024px) {
  637. .sidebar .action {
  638. width: 254px;
  639. }
  640. }
  641. @media (min-width: 1200px) {
  642. .sidebar .action {
  643. width: 274px;
  644. }
  645. }
  646. .avatar {
  647. padding-left: 6px;
  648. padding-top: 4px;
  649. width: 70px;
  650. float: left;
  651. overflow: hidden;
  652. }
  653. .avatar ul {
  654. padding-left: 20px;
  655. }
  656. .ticket-article-view {
  657. max-width: 750px;
  658. }
  659. .ticket-article {
  660. padding: 8px 0 6px 2px;
  661. min-height: 116px;
  662. margin: 2px 0;
  663. }
  664. .ticket-article-item {
  665. border-bottom: 1px solid #eeeeee;
  666. }
  667. .ticket-article-item:last-child {
  668. border-bottom: none;
  669. }
  670. .ticket-article h4 {
  671. margin-top: 2px;
  672. margin-bottom: 6px;
  673. }
  674. .ticket-article.well {
  675. padding: 4px 0 20px 2px;
  676. margin-top: 4px;
  677. }
  678. .ticket-article-meta {
  679. border-bottom: 1px solid #eeeeee;
  680. padding-bottom: 10px;
  681. }
  682. .ticket-article-message {
  683. padding-left: 6px;
  684. padding-top: 4px;
  685. margin-left: 70px;
  686. }
  687. .ticket-edit .ticket-article-message {
  688. padding-right: 40px;
  689. }
  690. .message {
  691. padding-top: 6px;
  692. padding-bottom: 6px;
  693. }
  694. .ticket-update {
  695. width: 100%;
  696. }
  697. .ticket-update .span2 {
  698. width: 152px;
  699. margin-right: 4px;
  700. }
  701. .ticket-update .medium {
  702. width: 160px;
  703. }
  704. .show_toogle {
  705. font-size: 10px;
  706. line-height: 12px;
  707. color: #999999;
  708. }
  709. .well-muted {
  710. background-color: whiteSmoke;
  711. border: 1px solid #eee;
  712. border: 1px solid rgba(0, 0, 0, 0.05);
  713. -webkit-border-radius: 4px;
  714. -moz-border-radius: 4px;
  715. border-radius: 4px;
  716. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  717. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  718. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  719. }
  720. .internal {
  721. background-color: #f2dede;
  722. border-color: #eed3d7;
  723. border: 1px solid #fbeed5;
  724. border-radius: 4px;
  725. }
  726. .merged, .merge:hover {
  727. text-decoration: line-through;
  728. }
  729. .not-active {
  730. text-decoration: line-through;
  731. }
  732. .not-active a {
  733. color: #bbb;
  734. }
  735. .navbar {
  736. min-height: 46px;
  737. min-width: 1000px;
  738. }
  739. .navbar-form {
  740. margin-top: 6px;
  741. margin-bottom: 6px;
  742. padding: 0;
  743. }
  744. .navbar-brand {
  745. line-height: 18px;
  746. font-weight: 200;
  747. padding-top: 13px;
  748. padding-bottom: 13px;
  749. }
  750. .navbar-nav > li > a {
  751. line-height: 18px;
  752. padding-top: 13px;
  753. padding-bottom: 13px;
  754. }
  755. .navbar .bell {
  756. display: none;
  757. }
  758. .navbar .bell.show {
  759. display: block;
  760. }
  761. .navbar .bell.show a {
  762. color: #fff;
  763. }
  764. .nav.nav-tabs.nav-stacked > li > a > span {
  765. visibility: hidden;
  766. }
  767. .nav.nav-tabs.nav-stacked > li > a:hover > span {
  768. visibility: visible;
  769. }
  770. .nav-sub{
  771. margin-left: 12px;
  772. font-size: 12px;
  773. }
  774. .nav.nav-pills > li > a > span.local {
  775. overflow: hidden;
  776. white-space: nowrap;
  777. text-overflow: ellipsis;
  778. display: block;
  779. margin-right: 22px;
  780. }
  781. .nav.nav-pills > li > a > span.badge {
  782. margin-top: -18px;
  783. }
  784. .nav.nav-pills li .glyphicon {
  785. display: none;
  786. }
  787. .nav.nav-pills li:hover .glyphicon, .nav li:focus .glyphicon {
  788. display: inline-block;
  789. text-decoration: none;
  790. }
  791. .customer-info {
  792. width: 100%;
  793. padding-top: 7px;
  794. }
  795. .inline-edit {
  796. padding: 4px;
  797. }
  798. .inline-edit:hover {
  799. padding: 3px;
  800. border: 1px dotted #F92;
  801. -webkit-border-radius: 3px;
  802. -moz-border-radius: 3px;
  803. border-radius: 3px;
  804. }
  805. .translation {
  806. border: 1px dotted #F92;
  807. -webkit-border-radius: 3px;
  808. -moz-border-radius: 3px;
  809. border-radius: 3px;
  810. }
  811. .translation:hover {
  812. }
  813. .translation .icon-edit {
  814. display: none;
  815. }
  816. .translation:hover .icon-edit {
  817. display: inline-block;
  818. }
  819. /*
  820. * noty changes
  821. */
  822. .noty_bar.noty_layout_top {
  823. top: 56px;
  824. position: fixed;
  825. left: 50%;
  826. margin-left: -300px;
  827. width: 600px;
  828. -webkit-border-radius: 4px;
  829. -moz-border-radius: 4px;
  830. border-radius: 4px;
  831. }
  832. .noty_bar.noty_theme_twitter {
  833. font-size: 14px;
  834. line-height: 14px;
  835. text-shadow: 0 1px 0 #fff;
  836. opacity: 0.9;
  837. }
  838. .qq-upload-icon {
  839. margin: 6px 20px 0 0;
  840. height: 18px;
  841. }
  842. .qq-upload-icon .glyphicon {
  843. font-size: 15px;
  844. }
  845. .qq-upload-button {
  846. display: block;
  847. /*or inline-block*/
  848. width: 40px;
  849. padding: 8px 0 5px;
  850. text-align: center;
  851. }
  852. .qq-upload-list {
  853. text-align: left;
  854. margin: 5px 10px 0;
  855. padding: 0;
  856. list-style: disc;
  857. }
  858. .qq-upload-list li {
  859. font-size: 14px;
  860. padding: 5px;
  861. background-color: transparent;
  862. }
  863. .sub_attribute .control-label {
  864. width: 60px;
  865. }
  866. .sub_attribute .controls {
  867. margin-left: 80px;
  868. }
  869. .form-changed {
  870. border: 1px solid #fbeed5;
  871. border-radius: 4px;
  872. background-color: #fcf8e3;
  873. }
  874. #splash {
  875. background-color: #eee;
  876. position: absolute;
  877. width: 100%;
  878. top: 0;
  879. height: 100%;
  880. }
  881. #splash .logo {
  882. margin-left: auto;
  883. margin-right: auto;
  884. margin-top: 200px;
  885. width: 100px;
  886. }