Chromium Code Reviews| 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 | |
|
Evan Stade
2012/03/30 21:00:30
extra \n
Patrick Dubroy
2012/03/30 21:21:20
Done.
| |
| 125 | |
| 108 html[dir='rtl'] .footer-menu-item { | 126 html[dir='rtl'] .footer-menu-item { |
| 109 background: no-repeat 100% 50%; | 127 background: no-repeat 100% 50%; |
| 110 } | 128 } |
| 111 | 129 |
| 112 .recent-window { | 130 .recent-window { |
| 113 background-image: url('images/closed_window.png'); | 131 background-image: url('images/closed_window.png'); |
| 114 } | 132 } |
| 115 | 133 |
| 116 /* TODO(estade): find a better color for active. */ | 134 /* TODO(estade): find a better color for active. */ |
| 117 .footer-menu-item:active, | 135 .footer-menu-item:active, |
| 118 .footer-menu-item:visited, | 136 .footer-menu-item:visited, |
| 119 .footer-menu-item:link { | 137 .footer-menu-item:link { |
| 120 color: hsl(213, 90%, 24%) !important; | 138 color: hsl(213, 90%, 24%) !important; |
| 121 } | 139 } |
| 122 | 140 |
| 123 .disclosure-triangle { | 141 .disclosure-triangle { |
| 124 -webkit-margin-start: 2px; | 142 -webkit-margin-start: 2px; |
| 125 -webkit-mask-image: url('images/disclosure_triangle_mask.png'); | 143 -webkit-mask-image: url('images/disclosure_triangle_mask.png'); |
| 126 background-color: #7F7F7F; | 144 background-color: #7F7F7F; |
| 127 display: inline-block; | 145 display: inline-block; |
| 128 height: 9px; | 146 height: 9px; |
| 129 width: 9px; | 147 width: 9px; |
| 130 } | 148 } |
| 149 | |
| 150 .footer-menu-context-menu { | |
| 151 /* Needs to be above .footer-menu. */ | |
| 152 z-index: 11; | |
| 153 } | |
| 154 | |
| 155 .footer-menu hr { | |
| 156 background-color: rgb(217, 217, 217); | |
| 157 border: 0; | |
| 158 height: 1px; | |
| 159 } | |
| OLD | NEW |