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 |