Nenhuma Descrição

pum-admin-extensions-page.css 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /*!****************************************************
  2. * Copyright (c) 2019, Code Atlantic LLC
  3. ******************************************************/
  4. .upgrade-wrapper {
  5. background-color: white;
  6. margin: 1em 0;
  7. padding: 3em 1em;
  8. }
  9. .upgrade-wrapper .upgrade-wrapper-hero {
  10. font-size: 16px;
  11. margin: 0 0 2em;
  12. }
  13. .upgrade-wrapper .upgrade-wrapper-hero p {
  14. font-size: 16px;
  15. margin: 0 0 0.3em;
  16. }
  17. .upgrade-wrapper .upgrade-wrapper-hero ul {
  18. margin: 0;
  19. padding-left: 20px;
  20. list-style: disc;
  21. }
  22. .upgrade-wrapper .upgrade-wrapper-hero a {
  23. margin: 0.5em 0 0;
  24. }
  25. .upgrade-wrapper h2 {
  26. font-size: 2em;
  27. margin: 0 0 0.5em;
  28. }
  29. .extensions-available {
  30. display: flex;
  31. flex-wrap: wrap;
  32. justify-content: space-between;
  33. }
  34. .extensions-available img {
  35. width: 100%;
  36. display: block;
  37. height: auto;
  38. max-width: 100%;
  39. border-top: 1px solid transparent;
  40. border-bottom: 1px solid transparent;
  41. }
  42. .extensions-available li {
  43. box-sizing: border-box;
  44. border: 1px solid #ccc;
  45. background: #fff;
  46. vertical-align: top;
  47. width: 18%;
  48. margin: 0 0 20px;
  49. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  50. }
  51. @media only screen and (max-width: 360px) {
  52. .extensions-available li {
  53. display: block;
  54. width: 100%;
  55. }
  56. }
  57. @media only screen and (min-width: 361px) and (max-width: 768px) {
  58. .extensions-available li {
  59. width: 49%;
  60. }
  61. }
  62. @media only screen and (min-width: 769px) and (max-width: 980px) {
  63. .extensions-available li {
  64. width: 32%;
  65. }
  66. }
  67. .extensions-available li > .action-links {
  68. text-align: center;
  69. display: block;
  70. border-top: 1px solid #ccc;
  71. }
  72. .extensions-available li > .action-links .button {
  73. display: inline-block;
  74. margin-bottom: 10px;
  75. margin-top: 10px;
  76. padding: 7px 30px;
  77. font-weight: bold;
  78. height: auto;
  79. position: relative;
  80. transition: transform 0.5s;
  81. }
  82. .extensions-available li > .action-links .button.install {
  83. background: #00a651;
  84. }
  85. .extensions-available h3 {
  86. text-align: center;
  87. font-size: 16px !important;
  88. margin: 0;
  89. padding: 1em 0;
  90. }
  91. .extensions-available h3 a {
  92. color: inherit;
  93. }
  94. .extensions-available p {
  95. margin: 10px;
  96. color: #2d2d2d;
  97. font-size: 14px;
  98. text-align: center;
  99. font-style: italic;
  100. min-height: 7.5em;
  101. }
  102. .extensions-available a {
  103. display: block;
  104. text-align: center;
  105. text-decoration: none;
  106. }
  107. .extensions-available .core-extensions-bundle h3 {
  108. color: #fff;
  109. background: #98b727;
  110. }
  111. .extensions-available .core-extensions-bundle p {
  112. background-color: #fff;
  113. color: #2d2d2d;
  114. }
  115. .extensions-available .core-extensions-bundle .action-links {
  116. background: #98b727;
  117. border-top: 1px solid #a8c53a;
  118. }
  119. /*# sourceMappingURL=pum-admin-extensions-page.css.map */