admin-list.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /**
  2. * Admin lists.
  3. */
  4. ul.admin-list {
  5. margin: 0;
  6. padding: 0;
  7. display: flex;
  8. justify-content: flex-start;
  9. flex-wrap: wrap;
  10. }
  11. .admin-list li {
  12. position: relative;
  13. margin: 0;
  14. padding: 20px 30px 20px 45px;
  15. list-style-type: none;
  16. list-style-image: none;
  17. width: 100%;
  18. box-sizing: border-box;
  19. flex-grow: 1;
  20. border-bottom: 1px solid #f0f0f0;
  21. display: flex;
  22. flex-direction: column;
  23. }
  24. .admin-list.compact li {
  25. border: none;
  26. }
  27. .admin-list li a.title-link {
  28. background: transparent url(../../images/icons/arrow_right.svg) no-repeat 0 17px;
  29. /* LTR */
  30. background-size: 20px 20px;
  31. display: block;
  32. padding: 10px 24px;
  33. /* LTR */
  34. height: 100%;
  35. min-height: 0;
  36. }
  37. .admin-list li:nth-child(1) {
  38. border-top: 1px solid #f0f0f0;
  39. }
  40. .admin-list li:hover {
  41. background-color: #f7fcff;
  42. }
  43. [dir="rtl"] .admin-list li a.title-link {
  44. background: url(../../images/icons/arrow_left.svg) no-repeat right 27px;
  45. }
  46. .admin-list.compact .description {
  47. display: none;
  48. }
  49. .admin-list li a.title-link:hover,
  50. .admin-list li a.title-link:focus,
  51. .admin-list li a.title-link:active {
  52. text-decoration: none;
  53. }
  54. .admin-list li a.title-link .label {
  55. font-size: 18px;
  56. font-weight: 700;
  57. }
  58. .admin-list .color-success {
  59. padding: 2px 7px;
  60. margin-top: 10px;
  61. display: inline-flex;
  62. border: 1px solid #325e1c;
  63. margin-bottom: 5px;
  64. line-height: 18px;
  65. background-color: transparent;
  66. }
  67. @media screen and (min-width: 1280px) {
  68. .admin-list li:nth-child(1),
  69. .admin-list li:nth-child(2) {
  70. border-top: 1px solid #f0f0f0;
  71. }
  72. .admin-list li {
  73. width: 50%;
  74. }
  75. }