| OLD | NEW |
| (Empty) | |
| 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 |
| 3 * found in the LICENSE file. */ |
| 4 |
| 5 body { |
| 6 background: url('images/stripe.png') rgb(140, 0, 0); |
| 7 font-family: Arial, Helvetica, sans-serif; |
| 8 margin: 0; |
| 9 } |
| 10 |
| 11 .cell { |
| 12 padding: 40px; |
| 13 } |
| 14 |
| 15 .box { |
| 16 -webkit-border-radius: 5px; |
| 17 -webkit-box-shadow: 3px 3px 8px rgb(140, 0, 0); |
| 18 background-color: white; |
| 19 color: rgb(75, 75, 77); |
| 20 font-size: 13px; |
| 21 line-height: 21px; |
| 22 padding: 20px; |
| 23 position: relative; |
| 24 text-align: start; |
| 25 width: 700px; |
| 26 } |
| 27 |
| 28 .float { |
| 29 float: right; |
| 30 } |
| 31 |
| 32 html[dir='rtl'] .float { |
| 33 float: left; |
| 34 } |
| 35 |
| 36 .clear { |
| 37 clear: both; |
| 38 } |
| 39 |
| 40 .logo { |
| 41 max-height: 54px; |
| 42 padding: 15px; |
| 43 } |
| 44 |
| 45 #headline { |
| 46 /* 20px of left margin, 90px of right margin in LTR. |
| 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; |
| 51 font-size: 19px; |
| 52 font-weight: bold; |
| 53 margin-bottom: 8px; |
| 54 } |
| 55 |
| 56 .main { |
| 57 -webkit-margin-end: 210px; |
| 58 -webkit-margin-start: 20px; |
| 59 font-size: 14px; |
| 60 margin-bottom: 10px; |
| 61 margin-top: 5px; |
| 62 } |
| 63 |
| 64 .dropdown { |
| 65 -webkit-margin-end: 40px; |
| 66 -webkit-margin-start: 20px; |
| 67 font-size: 12px; |
| 68 } |
| 69 |
| 70 footer { |
| 71 -webkit-margin-end: 20px; |
| 72 -webkit-margin-start: 15px; |
| 73 font-size: 12px; |
| 74 } |
| 75 |
| 76 #learn-more-link { |
| 77 font-size: 12px; |
| 78 } |
| 79 |
| 80 .submission { |
| 81 -webkit-margin-end: 5px; |
| 82 margin-bottom: 15px; |
| 83 margin-top: 15px; |
| 84 padding: 0; |
| 85 } |
| 86 |
| 87 button { |
| 88 -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243), |
| 89 0 1px 2px rgba(0, 0, 0, .2); |
| 90 background: -webkit-linear-gradient(rgb(112, 154, 241), |
| 91 rgb(108, 148, 240) 44%, rgb(95, 132, 238)); |
| 92 border: 1px solid rgb(53, 116, 203); |
| 93 border-radius: 3px; |
| 94 color: white; |
| 95 cursor: pointer; |
| 96 display: inline-block; |
| 97 font: bold 14px/1 arial, helvetica, sans-serif; |
| 98 padding: 11px 38px 10px 38px; |
| 99 text-align: center; |
| 100 text-decoration: none; |
| 101 text-shadow: 0 -1px 0 rgb(72, 101, 228); |
| 102 } |
| 103 |
| 104 button:hover, |
| 105 button:focus { |
| 106 -webkit-box-shadow: inset 0 1px 0 0 rgb(129, 169, 243), |
| 107 0 1px 2px rgba(0, 0, 0, .3); |
| 108 background: -webkit-linear-gradient(rgb(165, 188, 245), |
| 109 rgb(108, 148, 240) 70%, rgb(95, 132, 238)); |
| 110 border: 1px solid rgb(53, 116, 203); |
| 111 } |
| 112 |
| 113 button:active { |
| 114 -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, .1); |
| 115 background: -webkit-linear-gradient(rgb(112, 154, 241), |
| 116 rgb(108, 148, 240) 44%, rgb(95, 132, 238)); |
| 117 border: 1px solid rgb(53, 116, 203); |
| 118 } |
| 119 |
| 120 hr { |
| 121 margin: 0 20px; |
| 122 } |
| 123 |
| 124 a { |
| 125 color: rgb(17, 84, 204); |
| 126 } |
| 127 |
| 128 a:link, |
| 129 a:visited { |
| 130 text-decoration: none; |
| 131 } |
| 132 |
| 133 a:hover, |
| 134 a:active { |
| 135 text-decoration: underline; |
| 136 } |
| 137 |
| 138 .checkbox { |
| 139 -webkit-margin-end: 80px; |
| 140 -webkit-margin-start: 5px; |
| 141 position: relative; |
| 142 } |
| 143 |
| 144 .checkbox input { |
| 145 -webkit-margin-start: 1px; |
| 146 margin-top: 5px; |
| 147 position: absolute; |
| 148 } |
| 149 |
| 150 .checkbox span { |
| 151 -webkit-margin-start: 21px; |
| 152 display: inline-block; |
| 153 } |
| 154 |
| OLD | NEW |