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 body { | 5 body { |
| 6 background: url('images/stripe.png') rgb(140, 0, 0); | 6 background: url('images/stripe.png') rgb(140, 0, 0); |
| 7 font-family: Arial, Helvetica, sans-serif; | 7 font-family: Arial, Helvetica, sans-serif; |
|
Dan Beam
2012/09/06 02:16:32
please fix this to use the webui font for all plat
mattm
2012/09/07 18:11:35
Done.
| |
| 8 margin: 0; | 8 margin: 0; |
| 9 } | 9 } |
| 10 | 10 |
| 11 .cell { | 11 .cell { |
| 12 padding: 40px; | 12 padding: 40px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 .box { | 15 .box { |
| 16 -webkit-border-radius: 5px; | 16 -webkit-border-radius: 5px; |
| 17 -webkit-box-shadow: 3px 3px 8px rgb(140, 0, 0); | 17 -webkit-box-shadow: 3px 3px 8px rgb(140, 0, 0); |
| 18 background-color: white; | 18 background-color: white; |
| 19 color: rgb(75, 75, 77); | 19 color: rgb(75, 75, 77); |
| 20 font-size: 13px; | 20 padding: 40px 50px; |
| 21 line-height: 21px; | |
| 22 padding: 20px; | |
| 23 position: relative; | 21 position: relative; |
| 24 text-align: start; | 22 text-align: start; |
| 25 width: 700px; | 23 width: 700px; |
| 26 } | 24 } |
| 27 | 25 |
| 28 .float { | 26 .float { |
| 29 float: right; | 27 float: right; |
| 30 } | 28 } |
| 31 | 29 |
| 32 html[dir='rtl'] .float { | 30 html[dir='rtl'] .float { |
| 33 float: left; | 31 float: left; |
| 34 } | 32 } |
| 35 | 33 |
| 34 #malware-icon { | |
| 35 margin-top: 20px; | |
| 36 } | |
| 37 | |
| 38 #subresource-icon { | |
| 39 margin-top: 50px; | |
| 40 } | |
| 41 | |
| 36 .clear { | 42 .clear { |
| 37 clear: both; | 43 clear: both; |
| 38 } | 44 } |
| 39 | 45 |
| 40 .logo { | 46 .logo { |
| 41 max-height: 54px; | 47 max-height: 48px; |
| 42 padding: 15px; | 48 padding: 3px 0; |
| 43 } | 49 } |
| 44 | 50 |
| 45 #headline { | 51 #headline { |
| 46 /* 20px of left margin, 90px of right margin in LTR. | 52 -webkit-margin-end: 260px; |
| 47 * In RTL, 20px of right margin and 90px of left margin. */ | |
| 48 -webkit-margin-end: 90px; | |
| 49 -webkit-margin-start: 20px; | |
| 50 color: #333; | 53 color: #333; |
| 51 font-size: 19px; | 54 font-size: 22px; |
| 52 font-weight: bold; | 55 font-weight: bold; |
| 53 margin-bottom: 8px; | 56 margin-top: 20px; |
| 54 } | 57 } |
| 55 | 58 |
| 56 .main { | 59 .main { |
| 57 -webkit-margin-end: 210px; | 60 -webkit-margin-end: 260px; |
| 58 -webkit-margin-start: 20px; | 61 font-size: 16px; |
| 59 font-size: 14px; | 62 line-height: 22px; |
| 60 margin-bottom: 10px; | 63 margin-bottom: 21px; |
| 61 margin-top: 5px; | 64 margin-top: 14px; |
| 62 } | 65 } |
| 63 | 66 |
| 64 .dropdown { | 67 .advanced { |
| 65 -webkit-margin-end: 40px; | 68 -webkit-margin-start: 10px; |
| 66 -webkit-margin-start: 20px; | 69 font-size: 13px; |
| 67 font-size: 12px; | |
| 68 } | 70 } |
| 69 | 71 |
| 70 footer { | 72 footer { |
| 71 -webkit-margin-end: 20px; | 73 font-size: 13px; |
| 72 -webkit-margin-start: 15px; | 74 margin-top: 50px; |
| 73 font-size: 12px; | |
| 74 } | 75 } |
| 75 | 76 |
| 76 #learn-more-link { | 77 #learn-more-link { |
| 77 font-size: 12px; | 78 font-size: 13px; |
| 78 } | 79 } |
| 79 | 80 |
| 80 .submission { | 81 .submission { |
| 81 -webkit-margin-end: 5px; | 82 -webkit-margin-end: 5px; |
| 82 margin-bottom: 15px; | 83 margin-bottom: 15px; |
| 83 margin-top: 15px; | |
| 84 padding: 0; | 84 padding: 0; |
| 85 } | 85 } |
| 86 | 86 |
| 87 button { | 87 button { |
| 88 -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243), | 88 -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243), |
| 89 0 1px 2px rgba(0, 0, 0, .2); | 89 0 1px 2px rgba(0, 0, 0, .2); |
| 90 background: -webkit-linear-gradient(rgb(112, 154, 241), | 90 background: -webkit-linear-gradient(rgb(112, 154, 241), |
| 91 rgb(108, 148, 240) 44%, rgb(95, 132, 238)); | 91 rgb(108, 148, 240) 44%, rgb(95, 132, 238)); |
| 92 border: 1px solid rgb(53, 116, 203); | 92 border: 1px solid rgb(53, 116, 203); |
| 93 border-radius: 3px; | 93 border-radius: 3px; |
| (...skipping 16 matching lines...) Expand all Loading... | |
| 110 border: 1px solid rgb(53, 116, 203); | 110 border: 1px solid rgb(53, 116, 203); |
| 111 } | 111 } |
| 112 | 112 |
| 113 button:active { | 113 button:active { |
| 114 -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, .1); | 114 -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, .1); |
| 115 background: -webkit-linear-gradient(rgb(112, 154, 241), | 115 background: -webkit-linear-gradient(rgb(112, 154, 241), |
| 116 rgb(108, 148, 240) 44%, rgb(95, 132, 238)); | 116 rgb(108, 148, 240) 44%, rgb(95, 132, 238)); |
| 117 border: 1px solid rgb(53, 116, 203); | 117 border: 1px solid rgb(53, 116, 203); |
| 118 } | 118 } |
| 119 | 119 |
| 120 hr { | |
| 121 margin: 0 20px; | |
| 122 } | |
| 123 | |
| 124 a { | 120 a { |
| 125 color: rgb(17, 84, 204); | 121 color: rgb(17, 84, 204); |
| 126 } | 122 } |
| 127 | 123 |
| 128 a:link, | 124 a:link, |
| 129 a:visited { | 125 a:visited { |
| 130 text-decoration: none; | 126 text-decoration: none; |
| 131 } | 127 } |
| 132 | 128 |
| 133 a:hover, | 129 a:hover, |
| 134 a:active { | 130 a:active { |
| 135 text-decoration: underline; | 131 text-decoration: underline; |
| 136 } | 132 } |
| 137 | 133 |
| 138 .checkbox { | 134 .checkbox { |
| 139 -webkit-margin-end: 80px; | 135 margin-top: 11px; |
| 140 -webkit-margin-start: 5px; | |
| 141 position: relative; | 136 position: relative; |
| 142 } | 137 } |
| 143 | 138 |
| 144 .checkbox input { | 139 .checkbox input { |
| 145 -webkit-margin-start: 1px; | 140 -webkit-margin-start: 1px; |
| 146 margin-top: 5px; | 141 margin-top: 3px; |
| 147 position: absolute; | 142 position: absolute; |
| 148 } | 143 } |
| 149 | 144 |
| 150 .checkbox span { | 145 .checkbox span { |
| 151 -webkit-margin-start: 21px; | 146 -webkit-margin-start: 21px; |
| 152 display: inline-block; | 147 display: inline-block; |
| 153 } | 148 } |
| 154 | 149 |
| OLD | NEW |