browser-title.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. /* This Source Code Form is subject to the terms of the Mozilla Public
  2. * License, v. 2.0. If a copy of the MPL was not distributed with this
  3. * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
  4. #main-window::after {
  5. content: attr(title);
  6. line-height: 50px;
  7. max-height: 50px;
  8. overflow: -moz-hidden-unscrollable;
  9. pointer-events: none;
  10. position: fixed;
  11. word-wrap: break-word;
  12. -moz-hyphens: auto;
  13. color: CaptionText;
  14. font-weight: bold;
  15. text-align: left;
  16. }
  17. #main-window:-moz-window-inactive::after {
  18. color: InactiveCaptionText;
  19. }
  20. /* Win10 doesn't respond to inactive caption, so dim it instead */
  21. @media (-moz-os-version: windows-win10) {
  22. #main-window:-moz-window-inactive::after {
  23. opacity: 0.5;
  24. }
  25. }
  26. /* Hide in fullscreen/TiT mode */
  27. #main-window[inFullscreen="true"]::after,
  28. #main-window[sizemode="maximized"][tabsintitlebar="true"]::after,
  29. #main-window:not([chromemargin])::after {
  30. opacity: 0 !important;
  31. }
  32. #main-window::after {
  33. padding: 0 132px; /* AppMenu button/wincontrols width offset */
  34. left: 0;
  35. right: 0;
  36. }
  37. #main-window[privatebrowsingmode=temporary]::after {
  38. padding: 0px 132px 0px 152px; /* AppMenu button width offset for PB mode */
  39. }
  40. #main-window[sizemode="normal"]::after {
  41. left: -12px;
  42. right: -12px;
  43. }
  44. /* Windows Classic theme */
  45. @media all and (-moz-windows-classic) {
  46. #main-window::after {
  47. top: -13px;
  48. text-shadow: none !important;
  49. background-position: 2px 18px;
  50. }
  51. }
  52. /* Windows Aero (Vista, non-glass 7/8) */
  53. @media all and (-moz-windows-theme: aero) {
  54. #main-window::after {
  55. top: -11px;
  56. font-weight: normal;
  57. text-shadow: none;
  58. background-position: 2px 17px;
  59. }
  60. #main-window[sizemode="maximized"]::after {
  61. top: -7px;
  62. }
  63. }
  64. /* Windows Aero Glass */
  65. @media (-moz-windows-glass) {
  66. #main-window::after {
  67. top: -13px;
  68. color: black;
  69. text-shadow: rgba(255,255,255,.6) 7px -1px 12px,
  70. rgba(255,255,255,.6) 6px -1px 13px,
  71. rgba(255,255,255,.9) 5px -1px 14px,
  72. rgba(255,255,255,.6) -7px -1px 12px,
  73. rgba(255,255,255,.6) -6px -1px 13px,
  74. rgba(255,255,255,.9) -5px -1px 14px;
  75. z-index: -99999;
  76. background-position: 2px 18px;
  77. font-weight: bold;
  78. }
  79. #main-window[sizemode="maximized"]::after {
  80. top: -7px;
  81. }
  82. #main-window:-moz-window-inactive::after {
  83. opacity: .9;
  84. color: black;
  85. text-shadow: rgba(255,255,255,.7) 7px -1px 12px,
  86. rgba(255,255,255,.5) 6px -1px 13px,
  87. rgba(255,255,255,.5) 5px -1px 14px,
  88. rgba(255,255,255,.7) -7px -1px 12px,
  89. rgba(255,255,255,.5) -6px -1px 13px,
  90. rgba(255,255,255,.5) -5px -1px 14px;
  91. }
  92. }
  93. /* Generic other themes */
  94. @media all and (-moz-windows-theme: generic) {
  95. #main-window::after {
  96. font-family: trebuchet MS;
  97. font-size: 13px;
  98. text-shadow: 1px 1px rgba(0, 0, 0, .2);
  99. top: -9px;
  100. background-position: 2px 16px;
  101. }
  102. #main-window:-moz-window-inactive::after {
  103. text-shadow: none;
  104. }
  105. }
  106. /* Compositor style for Win 8/10 */
  107. @media all and (-moz-windows-compositor) {
  108. @media not all and (-moz-windows-glass) {
  109. #main-window::after {
  110. background-position: 4px 17px;
  111. top: -13px;
  112. }
  113. @media (-moz-os-version: windows-win8) {
  114. #main-window::after {
  115. font-size: 15px;
  116. text-align: center;
  117. }
  118. #main-window[darkwindowframe="true"]:not(:-moz-window-inactive):not(:-moz-lwtheme)::after {
  119. /* Dark window frame/accent color on Win 8 */
  120. color: white;
  121. }
  122. }
  123. @media (-moz-os-version: windows-win10) {
  124. #main-window::after {
  125. text-align: left;
  126. }
  127. @media (-moz-windows-accent-color-applies: 0) {
  128. #main-window:not(:-moz-window-inactive):not(:-moz-lwtheme)::after {
  129. /* Default Windows 10 styling is white - apply black text styling */
  130. color: black;
  131. }
  132. }
  133. @media (-moz-windows-accent-color-applies) {
  134. #main-window:not(:-moz-window-inactive):not(:-moz-lwtheme)::after {
  135. /* Accent color is applied - use the associated text styling */
  136. color: -moz-win-accentcolortext;
  137. }
  138. }
  139. }
  140. #main-window[sizemode="maximized"]::after {
  141. top: -5px;
  142. }
  143. }
  144. }
  145. /* Lightweight Themes */
  146. #main-window:-moz-lwtheme::after {
  147. color: inherit;
  148. text-shadow: inherit;
  149. }
  150. /* Hide for small windows */
  151. @media not all and (min-width: 320px) {
  152. #main-window::after {
  153. opacity: 0 !important;
  154. }
  155. }