OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 | 5 |
6 html { | 6 html { |
7 font-family: segoe ui, arial, helvetica, sans-serif; | 7 font-family: segoe ui, arial, helvetica, sans-serif; |
8 font-size: 14px; | 8 font-size: 14px; |
9 /* It's necessary to put this here instead of in body in order to get the | 9 /* It's necessary to put this here instead of in body in order to get the |
10 background-size of 100% to work properly */ | 10 background-size of 100% to work properly */ |
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
101 } | 101 } |
102 | 102 |
103 #page-list { | 103 #page-list { |
104 /* fill the apps-frame */ | 104 /* fill the apps-frame */ |
105 height: 100%; | 105 height: 100%; |
106 display: -webkit-box; | 106 display: -webkit-box; |
107 } | 107 } |
108 | 108 |
109 #attribution { | 109 #attribution { |
110 bottom: 0; | 110 bottom: 0; |
| 111 left: auto; |
| 112 margin-left: 8px; |
| 113 /* Leave room for the scrollbar. */ |
| 114 margin-right: 13px; |
111 position: absolute; | 115 position: absolute; |
112 /* Leave room for the scrollbar. */ | 116 right: 0; |
113 right: 13px; | 117 text-align: left; |
114 z-index: -5; | 118 z-index: -5; |
115 } | 119 } |
116 | 120 |
| 121 /* For themes that right-align their images, we flip the attribution to the |
| 122 * left to avoid conflicts. */ |
| 123 html[themegravity='right'] #attribution, |
| 124 html[dir='rtl'] #attribution { |
| 125 left: 0; |
| 126 right: auto; |
| 127 text-align: right; |
| 128 } |
| 129 |
117 #attribution > span { | 130 #attribution > span { |
118 display: block; | 131 display: block; |
119 font-size: 84%; | 132 font-size: 84%; |
120 /* Text should be left aligned regardless of diretionality. */ | |
121 text-align: left; | |
122 } | 133 } |
123 | 134 |
124 #footer { | 135 #footer { |
125 background-image: -webkit-linear-gradient( | 136 background-image: -webkit-linear-gradient( |
126 rgba(242, 242, 242, 0.9), rgba(222, 222, 222, 0.9)); | 137 rgba(242, 242, 242, 0.9), rgba(222, 222, 222, 0.9)); |
127 bottom: 0; | 138 bottom: 0; |
128 position: fixed; | 139 position: fixed; |
129 width: 100%; | 140 width: 100%; |
130 z-index: 5; | 141 z-index: 5; |
131 } | 142 } |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
194 min-width: 90px; | 205 min-width: 90px; |
195 opacity: 0.3; | 206 opacity: 0.3; |
196 top: 0; | 207 top: 0; |
197 z-index: 5; | 208 z-index: 5; |
198 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | 209 -webkit-transition: width 150ms, right 150ms, background-color 150ms; |
199 } | 210 } |
200 | 211 |
201 .page-switcher:hover { | 212 .page-switcher:hover { |
202 background-color: rgba(0, 0, 0, 0.2); | 213 background-color: rgba(0, 0, 0, 0.2); |
203 } | 214 } |
OLD | NEW |