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