You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

styles.css 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. /*
  2. * SonarQube
  3. * Copyright (C) 2009-2019 SonarSource SA
  4. * mailto:info AT sonarsource DOT com
  5. *
  6. * This program is free software; you can redistribute it and/or
  7. * modify it under the terms of the GNU Lesser General Public
  8. * License as published by the Free Software Foundation; either
  9. * version 3 of the License, or (at your option) any later version.
  10. *
  11. * This program is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14. * Lesser General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  19. */
  20. .about-page {
  21. font-size: var(--mediumFontSize);
  22. }
  23. .about-page .boxed-group {
  24. border: none;
  25. }
  26. .about-page .boxed-group h2 {
  27. padding-left: 0;
  28. padding-right: 0;
  29. font-size: 18px;
  30. }
  31. .about-page .boxed-group > h2 {
  32. padding-top: 25px;
  33. }
  34. .about-page .boxed-group-inner {
  35. padding-left: 0;
  36. padding-right: 0;
  37. padding-bottom: 25px;
  38. }
  39. .about-page-entry {
  40. display: flex;
  41. justify-content: space-between;
  42. align-items: center;
  43. margin-bottom: 45px;
  44. padding: 65px 0 65px;
  45. border-bottom: 1px solid var(--barBorderColor);
  46. }
  47. .about-page-intro {
  48. padding-right: 65px;
  49. border-right: 1px solid var(--barBorderColor);
  50. }
  51. .about-page-intro > h1 {
  52. line-height: 40px;
  53. font-size: 26px;
  54. font-weight: 300;
  55. }
  56. .about-page-intro > .button {
  57. height: 32px;
  58. line-height: 30px;
  59. padding-left: 15px;
  60. padding-right: 15px;
  61. border-radius: 3px;
  62. font-size: var(--baseFontSize);
  63. font-weight: 400;
  64. }
  65. .about-page-instance {
  66. display: flex;
  67. align-items: center;
  68. }
  69. .about-page-projects {
  70. margin-left: 65px;
  71. line-height: 1.4;
  72. font-size: var(--bigFontSize);
  73. text-align: center;
  74. min-width: 128px;
  75. }
  76. .about-page-projects-link {
  77. display: inline-block;
  78. line-height: 1;
  79. margin-bottom: 12px;
  80. font-size: 32px;
  81. }
  82. .about-page-issue-types {
  83. text-align: left;
  84. }
  85. .about-page-issue-types tr + tr td {
  86. padding-top: 12px;
  87. }
  88. .about-page-issue-types svg {
  89. vertical-align: middle;
  90. transform: translateY(-1px);
  91. }
  92. .about-page-issue-type-number {
  93. padding-right: 16px;
  94. text-align: right;
  95. }
  96. .about-page-issue-type-link {
  97. font-size: var(--bigFontSize);
  98. font-weight: bold;
  99. }
  100. .about-page-section {
  101. padding-top: 20px;
  102. padding-bottom: 10px;
  103. }
  104. .about-page-text {
  105. line-height: 1.4;
  106. }
  107. .about-page-link-more {
  108. border: none;
  109. }
  110. .about-page-link-more > span {
  111. border-bottom: 1px solid var(--lightBlue);
  112. }
  113. .about-page-languages {
  114. display: flex;
  115. justify-content: space-between;
  116. margin-top: 10px;
  117. }
  118. .about-page-languages > li {
  119. line-height: 2;
  120. }
  121. .about-quality-model .flex-column + .flex-column {
  122. margin-left: 30px;
  123. padding-left: 30px;
  124. border-left: 1px solid var(--barBorderColor);
  125. }
  126. .about-quality-model svg {
  127. transform: translateY(2px);
  128. }
  129. .about-page-analyzers {
  130. display: flex;
  131. justify-content: space-between;
  132. margin-top: 15px;
  133. }
  134. .about-page-analyzer-box {
  135. border: none;
  136. }
  137. .about-page-group-boxes {
  138. display: flex;
  139. flex-direction: column;
  140. }
  141. .about-page-group-boxes > .boxed-group {
  142. flex-grow: 1;
  143. }