system-admin--modules.pcss.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /**
  2. * @file
  3. * System admin module: modules page.
  4. */
  5. .system-modules thead > tr {
  6. border: 0;
  7. }
  8. .system-modules div.incompatible {
  9. font-weight: bold;
  10. }
  11. .system-modules td.checkbox {
  12. width: 4%;
  13. min-width: 25px;
  14. padding-left: 1rem; /* LTR */
  15. }
  16. [dir="rtl"] .system-modules td.checkbox {
  17. padding-right: 1rem;
  18. }
  19. .system-modules td.module {
  20. width: 25%;
  21. }
  22. .system-modules td {
  23. vertical-align: top;
  24. }
  25. .system-modules label,
  26. .system-modules-uninstall label {
  27. color: #1d1d1d;
  28. font-size: 1.15em;
  29. }
  30. .system-modules details {
  31. color: #5c5c5b;
  32. }
  33. .system-modules details[open] {
  34. overflow: visible;
  35. height: auto;
  36. white-space: normal;
  37. }
  38. .system-modules details[open] summary .text {
  39. text-transform: none;
  40. hyphens: auto;
  41. }
  42. .system-modules td details a {
  43. color: #5c5c5b;
  44. border: 0;
  45. }
  46. .system-modules td details {
  47. margin: 0;
  48. border: 0;
  49. }
  50. .system-modules td details summary {
  51. padding: 0;
  52. cursor: default;
  53. text-transform: none;
  54. font-weight: normal;
  55. }
  56. .system-modules td {
  57. padding-left: 0; /* LTR */
  58. }
  59. [dir="rtl"] .system-modules td {
  60. padding-right: 0;
  61. padding-left: 12px;
  62. }
  63. @media screen and (max-width: 40em) {
  64. .system-modules td.name {
  65. width: 20%;
  66. }
  67. .system-modules td.description {
  68. width: 40%;
  69. }
  70. }
  71. .system-modules .requirements {
  72. max-width: 490px;
  73. padding: 5px 0;
  74. }
  75. .system-modules .links {
  76. overflow: hidden; /* prevents collapse */
  77. }
  78. .system-modules .checkbox {
  79. margin: 0 5px;
  80. }
  81. .system-modules .checkbox .form-item {
  82. margin-top: 0;
  83. margin-bottom: 0;
  84. }
  85. .admin-requirements,
  86. .admin-required {
  87. color: #666;
  88. font-size: 0.9em;
  89. }
  90. .admin-enabled {
  91. color: #080;
  92. }
  93. .admin-missing {
  94. color: #f00;
  95. }
  96. .module-link {
  97. display: block;
  98. float: left; /* LTR */
  99. margin-top: 2px;
  100. padding: 2px 20px;
  101. white-space: nowrap;
  102. }
  103. [dir="rtl"] .module-link {
  104. float: right;
  105. }
  106. .module-link-help {
  107. background: url(../../images/core/787878/questionmark-disc.svg) 0 50% no-repeat; /* LTR */
  108. }
  109. [dir="rtl"] .module-link-help {
  110. background-position: top 50% right 0;
  111. }
  112. .module-link-permissions {
  113. background: url(../../images/core/787878/key.svg) 0 50% no-repeat; /* LTR */
  114. }
  115. [dir="rtl"] .module-link-permissions {
  116. background-position: top 50% right 0;
  117. }
  118. .module-link-configure {
  119. background: url(../../images/core/787878/cog.svg) 0 50% no-repeat; /* LTR */
  120. }
  121. [dir="rtl"] .module-link-configure {
  122. background-position: top 50% right 0;
  123. }