about_version.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2. * Use of this source code is governed by a BSD-style license that can be
  3. * found in the LICENSE file. */
  4. html {
  5. --google-grey-200: rgb(232, 234, 237);
  6. --google-grey-900: rgb(32, 33, 36);
  7. --primary-color: var(--google-grey-900);
  8. background: white;
  9. }
  10. @media (prefers-color-scheme: dark) {
  11. html {
  12. --primary-color: var(--google-grey-200);
  13. background: var(--google-grey-900);
  14. }
  15. }
  16. body {
  17. color: var(--primary-color);
  18. font-size: 100%;
  19. margin: 0;
  20. }
  21. #outer {
  22. margin-inline-end: auto;
  23. margin-inline-start: auto;
  24. margin-top: 10px;
  25. min-width: 800px;
  26. width: 60%;
  27. }
  28. #inner {
  29. padding-top: 10px;
  30. word-break: break-word;
  31. }
  32. .label {
  33. font-size: 0.9em;
  34. font-weight: bold;
  35. padding-inline-end: 5px;
  36. text-align: end;
  37. vertical-align: top;
  38. white-space: nowrap;
  39. }
  40. .label::after {
  41. content: ':';
  42. }
  43. #logo {
  44. float: right;
  45. margin-inline-start: 40px;
  46. text-align: end;
  47. width: 180px;
  48. }
  49. #company {
  50. font-size: 0.7em;
  51. text-align: end;
  52. }
  53. #copyright {
  54. font-size: 0.7em;
  55. text-align: end;
  56. }
  57. #useragent {
  58. font-family: monospace;
  59. }
  60. .version {
  61. font-family: monospace;
  62. max-width: 430px;
  63. padding-inline-start: 5px;
  64. vertical-align: bottom;
  65. }
  66. .version-wide {
  67. font-family: monospace;
  68. max-width: auto;
  69. padding-inline-start: 5px;
  70. vertical-align: bottom;
  71. }
  72. #copy-to-clipboard,
  73. #copy-os-content-to-clipboard {
  74. -webkit-mask-image: url(chrome://resources/images/icon_copy_content.svg);
  75. -webkit-mask-size: cover;
  76. background: none;
  77. background-color: var(--primary-color);
  78. border: none;
  79. display: inline-block;
  80. height: 1em;
  81. padding: 0;
  82. position: relative;
  83. top: .2em;
  84. width: 1em;
  85. }