| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 .footer-menu-button { | 5 .footer-menu-button { |
| 6 -webkit-appearance: none; | 6 -webkit-appearance: none; |
| 7 -webkit-padding-end: 15px; | 7 -webkit-padding-end: 15px; |
| 8 -webkit-padding-start: 9px; | 8 -webkit-padding-start: 9px; |
| 9 -webkit-transition: opacity 200ms; | 9 -webkit-transition: opacity 200ms; |
| 10 -webkit-transition-delay: 100ms; | 10 -webkit-transition-delay: 100ms; |
| (...skipping 27 matching lines...) Expand all Loading... |
| 38 } | 38 } |
| 39 | 39 |
| 40 .footer-menu { | 40 .footer-menu { |
| 41 max-height: 400px; | 41 max-height: 400px; |
| 42 overflow: auto; | 42 overflow: auto; |
| 43 padding: 6px 8px; | 43 padding: 6px 8px; |
| 44 /* Needs to be above #footer. */ | 44 /* Needs to be above #footer. */ |
| 45 z-index: 10; | 45 z-index: 10; |
| 46 } | 46 } |
| 47 | 47 |
| 48 .footer-menu, |
| 49 .footer-menu-context-menu { |
| 50 min-width: 150px; |
| 51 } |
| 52 |
| 48 /* TODO(dubroy): Unify this with tile page scrollbar. */ | 53 /* TODO(dubroy): Unify this with tile page scrollbar. */ |
| 49 .footer-menu::-webkit-scrollbar-button { | 54 .footer-menu::-webkit-scrollbar-button { |
| 50 display: none; | 55 display: none; |
| 51 } | 56 } |
| 52 | 57 |
| 53 .footer-menu::-webkit-scrollbar { | 58 .footer-menu::-webkit-scrollbar { |
| 54 width: 8px; | 59 width: 8px; |
| 55 } | 60 } |
| 56 | 61 |
| 57 .footer-menu::-webkit-scrollbar-thumb { | 62 .footer-menu::-webkit-scrollbar-thumb { |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 98 .footer-menu section h3 { | 103 .footer-menu section h3 { |
| 99 color: black; | 104 color: black; |
| 100 font-weight: bold; | 105 font-weight: bold; |
| 101 margin-bottom: 8px; | 106 margin-bottom: 8px; |
| 102 } | 107 } |
| 103 | 108 |
| 104 .footer-menu section h3:first-of-type { | 109 .footer-menu section h3:first-of-type { |
| 105 margin-top: 4px; | 110 margin-top: 4px; |
| 106 } | 111 } |
| 107 | 112 |
| 113 /* Used to add additional details to a section header */ |
| 114 .footer-menu section h3 .details { |
| 115 color: rgb(151, 156, 160); |
| 116 font-style: italic; |
| 117 font-weight: normal; |
| 118 } |
| 119 |
| 120 .footer-menu section h3 .details:before { |
| 121 content: '\2013'; /* En-dash character. */ |
| 122 margin: 0 0.5em; |
| 123 } |
| 124 |
| 108 html[dir='rtl'] .footer-menu-item { | 125 html[dir='rtl'] .footer-menu-item { |
| 109 background: no-repeat 100% 50%; | 126 background: no-repeat 100% 50%; |
| 110 } | 127 } |
| 111 | 128 |
| 112 .recent-window { | 129 .recent-window { |
| 113 background-image: url('images/closed_window.png'); | 130 background-image: url('images/closed_window.png'); |
| 114 } | 131 } |
| 115 | 132 |
| 116 /* TODO(estade): find a better color for active. */ | 133 /* TODO(estade): find a better color for active. */ |
| 117 .footer-menu-item:active, | 134 .footer-menu-item:active, |
| 118 .footer-menu-item:visited, | 135 .footer-menu-item:visited, |
| 119 .footer-menu-item:link { | 136 .footer-menu-item:link { |
| 120 color: hsl(213, 90%, 24%) !important; | 137 color: hsl(213, 90%, 24%) !important; |
| 121 } | 138 } |
| 122 | 139 |
| 123 .disclosure-triangle { | 140 .disclosure-triangle { |
| 124 -webkit-margin-start: 2px; | 141 -webkit-margin-start: 2px; |
| 125 -webkit-mask-image: url('images/disclosure_triangle_mask.png'); | 142 -webkit-mask-image: url('images/disclosure_triangle_mask.png'); |
| 126 background-color: #7F7F7F; | 143 background-color: #7F7F7F; |
| 127 display: inline-block; | 144 display: inline-block; |
| 128 height: 9px; | 145 height: 9px; |
| 129 width: 9px; | 146 width: 9px; |
| 130 } | 147 } |
| 148 |
| 149 .footer-menu-context-menu { |
| 150 /* Needs to be above .footer-menu. */ |
| 151 z-index: 11; |
| 152 } |
| 153 |
| 154 .footer-menu hr { |
| 155 background-color: rgb(217, 217, 217); |
| 156 border: 0; |
| 157 height: 1px; |
| 158 } |
| OLD | NEW |