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 | 5 |
| 6 /* Styles common to WebUI pages that share the options pages style */ | 6 /* Styles common to WebUI pages that share the options pages style */ |
| 7 body { | 7 body { |
| 8 cursor: default; | 8 cursor: default; |
| 9 font-size: 13px; | 9 font-size: 13px; |
| 10 } | 10 } |
| (...skipping 14 matching lines...) Expand all Loading... | |
| 25 font-size: 200%; | 25 font-size: 200%; |
| 26 font-weight: normal; | 26 font-weight: normal; |
| 27 margin: 0; | 27 margin: 0; |
| 28 padding-bottom: 14px; | 28 padding-bottom: 14px; |
| 29 padding-top: 13px; | 29 padding-top: 13px; |
| 30 text-align: end; | 30 text-align: end; |
| 31 text-shadow: white 0 1px 2px; | 31 text-shadow: white 0 1px 2px; |
| 32 } | 32 } |
| 33 | 33 |
| 34 #main-content { | 34 #main-content { |
| 35 bottom: 0; | |
| 35 display: -webkit-box; | 36 display: -webkit-box; |
| 37 left: 0; | |
| 36 position: absolute; | 38 position: absolute; |
| 37 left: 0; | |
| 38 right: 0; | 39 right: 0; |
| 39 top: 0; | 40 top: 0; |
| 40 bottom: 0; | |
| 41 } | 41 } |
| 42 | 42 |
| 43 #navbar { | 43 #navbar { |
| 44 margin: 0; | 44 margin: 0; |
| 45 } | 45 } |
| 46 | 46 |
| 47 #navbar-container { | 47 #navbar-container { |
| 48 -webkit-border-end: 1px solid #c6c9ce; | 48 -webkit-border-end: 1px solid rgb(198, 201, 206); |
| 49 background-color: #f1f1f1; | 49 background-color: #f1f1f1; |
| 50 position: fixed; | |
| 51 bottom: 0; | 50 bottom: 0; |
| 52 /* We set both left and right for the sake of RTL. */ | 51 /* We set both left and right for the sake of RTL. */ |
| 53 left: 0; | 52 left: 0; |
| 53 position: fixed; | |
| 54 right: 0; | 54 right: 0; |
| 55 top: 0; | 55 top: 0; |
| 56 width: 216px; | 56 width: 216px; |
| 57 z-index: 2; | 57 z-index: 2; |
| 58 } | 58 } |
| 59 | 59 |
| 60 html.hide-menu #navbar-container { | 60 html.hide-menu #navbar-container { |
| 61 display: none; | 61 display: none; |
| 62 } | 62 } |
| 63 | 63 |
| 64 #navbar-container > ul { | 64 #navbar-container > ul { |
| 65 -webkit-user-select: none; | 65 -webkit-user-select: none; |
| 66 list-style-type: none; | 66 list-style-type: none; |
| 67 margin: 0; | 67 margin: 0; |
| 68 padding: 0; | 68 padding: 0; |
| 69 } | 69 } |
| 70 | 70 |
| 71 .navbar-item { | 71 .navbar-item { |
| 72 -webkit-padding-end: 24px; | |
| 73 -webkit-padding-start: 0; | |
| 72 border-bottom: 1px solid transparent; | 74 border-bottom: 1px solid transparent; |
| 73 border-top: 1px solid transparent; | 75 border-top: 1px solid transparent; |
| 74 color: #333; | 76 color: #333; |
| 75 cursor: pointer; | 77 cursor: pointer; |
| 76 display: block; | 78 display: block; |
| 77 font-size: 105%; | 79 font-size: 105%; |
| 78 outline: none; | 80 outline: none; |
| 79 padding: 7px 0; | 81 padding-bottom: 7px; |
| 82 padding-top: 7px; | |
| 80 text-align: end; | 83 text-align: end; |
| 81 text-shadow: white 0 1px 1px; | 84 text-shadow: white 0 1px 1px; |
| 82 -webkit-padding-end: 24px; | |
| 83 } | 85 } |
| 84 | 86 |
| 85 .navbar-item:focus { | 87 .navbar-item:focus { |
|
Evan Stade
2012/04/03 02:59:48
, .navbar-item-selected
imo
Dan Beam
2012/04/03 04:15:06
Done.
| |
| 86 border-bottom: 1px solid #8faad9; | 88 border-bottom: 1px solid rgb(143, 170, 217); |
| 87 border-top: 1px solid #8faad9; | 89 border-top: 1px solid rgb(143, 170, 217); |
| 88 } | 90 } |
| 89 | 91 |
| 90 .navbar-item-selected { | 92 .navbar-item-selected { |
| 91 -webkit-box-shadow: 0 1px 0 #f7f7f7; | 93 -webkit-box-shadow: 0 1px 0 #f7f7f7; |
| 92 background-color: #bbcee9; | 94 background-color: rgb(187, 206, 233); |
| 93 border-bottom: 1px solid #8faad9; | 95 border-bottom: 1px solid rgb(143, 170, 217); |
| 94 border-top: 1px solid #8faad9; | 96 border-top: 1px solid rgb(143, 170, 217); |
| 95 color: black; | 97 color: black; |
| 96 text-shadow: #bbcee9 0 1px 1px; | 98 text-shadow: rgb(187, 206, 233) 0 1px 1px; |
| 97 } | 99 } |
| 98 | 100 |
| 99 #mainview { | 101 #mainview { |
| 100 -webkit-box-align: stretch; | 102 -webkit-box-align: stretch; |
| 101 -webkit-padding-start: 216px; | 103 -webkit-padding-start: 216px; |
| 104 bottom: 0; | |
| 105 left: 0; | |
| 102 margin: 0; | 106 margin: 0; |
| 103 position: absolute; | 107 position: absolute; |
| 104 left: 0; | |
| 105 right: 0; | 108 right: 0; |
| 106 top: 0; | 109 top: 0; |
| 107 bottom: 0; | |
| 108 z-index: 1; | 110 z-index: 1; |
| 109 } | 111 } |
| 110 | 112 |
| 111 html.hide-menu #mainview { | 113 html.hide-menu #mainview { |
| 112 -webkit-padding-start: 0; | 114 -webkit-padding-start: 0; |
| 113 } | 115 } |
| 114 | 116 |
| 115 #mainview-content { | 117 #mainview-content { |
| 116 min-height: 100%; | 118 min-height: 100%; |
| 117 position: relative; | 119 position: relative; |
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 184 * https://bugs.webkit.org/show_bug.cgi?id=63367 | 186 * https://bugs.webkit.org/show_bug.cgi?id=63367 |
| 185 */ | 187 */ |
| 186 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, | 188 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder, |
| 187 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { | 189 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder { |
| 188 direction: rtl; | 190 direction: rtl; |
| 189 } | 191 } |
| 190 | 192 |
| 191 .page h1 { | 193 .page h1 { |
| 192 -webkit-padding-end: 24px; | 194 -webkit-padding-end: 24px; |
| 193 -webkit-user-select: none; | 195 -webkit-user-select: none; |
| 194 border-bottom: 1px solid #eeeeee; | 196 border-bottom: 1px solid #eee; |
| 195 color: #333; | 197 color: #333; |
| 196 font-size: 200%; | 198 font-size: 200%; |
| 197 font-weight: normal; | 199 font-weight: normal; |
| 198 margin: 0; | 200 margin: 0; |
| 199 padding-bottom: 4px; | 201 padding-bottom: 4px; |
| 200 padding-top: 13px; | 202 padding-top: 13px; |
| 201 text-shadow: white 0 1px 2px; | 203 text-shadow: white 0 1px 2px; |
| 202 } | 204 } |
| OLD | NEW |