OLD | NEW |
(Empty) | |
| 1 /* Copyright 2017 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 |
| 6 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, |
| 7 blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, |
| 8 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, |
| 9 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, |
| 10 tfoot, thead, tr, th, td, button { |
| 11 margin: 0; |
| 12 padding: 0; |
| 13 border: 0; |
| 14 font-weight: inherit; |
| 15 font-style: inherit; |
| 16 font-size: 100%; |
| 17 font-family: inherit; |
| 18 vertical-align: baseline; |
| 19 } |
| 20 |
| 21 body { |
| 22 font-family: "Arial", "Helvetica", sans-serif; |
| 23 color: #222; |
| 24 font-size: 13px; |
| 25 margin: 0; |
| 26 direction: __MSG_@@bidi_dir__; |
| 27 } |
| 28 |
| 29 a { |
| 30 text-decoration: none; |
| 31 color: #15c; |
| 32 cursor: pointer; |
| 33 } |
| 34 |
| 35 a:active { |
| 36 color: #d14836; |
| 37 } |
| 38 |
| 39 strong, b { |
| 40 color: #000; |
| 41 } |
| 42 |
| 43 ::-webkit-scrollbar { |
| 44 width: 16px; |
| 45 height: 16px; |
| 46 } |
| 47 |
| 48 ::-webkit-scrollbar-button { |
| 49 height: 0px; |
| 50 width: 0px; |
| 51 } |
| 52 |
| 53 ::-webkit-scrollbar-thumb { |
| 54 min-height: 28px; |
| 55 padding-top:100px; |
| 56 background-clip:padding-box; |
| 57 background-color: rgba(0,0,0,0.2); |
| 58 box-shadow: inset 1px 1px 0px rgba(0,0,0,0.10), |
| 59 inset 0px -1px 0px rgba(0,0,0,0.07); |
| 60 } |
| 61 |
| 62 ::-webkit-scrollbar-thumb:hover { |
| 63 background-color: rgba(0,0,0,0.4); |
| 64 box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); |
| 65 } |
| 66 |
| 67 ::-webkit-scrollbar-thumb:active { |
| 68 box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); |
| 69 background-color: rgba(0,0,0,0.5); |
| 70 } |
| 71 |
| 72 ::-webkit-scrollbar-track:hover { |
| 73 background-color:rgba(0,0,0,0.05); |
| 74 box-shadow: inset 1px 0px 0px rgba(0,0,0,0.10); |
| 75 } |
| 76 |
| 77 ::-webkit-scrollbar-track:active { |
| 78 background-color:rgba(0,0,0,0.05); |
| 79 box-shadow: inset 1px 0px 0px rgba(0,0,0,0.14), |
| 80 inset -1px -1px 0px rgba(0,0,0,0.07); |
| 81 } |
| 82 |
| 83 ::-webkit-scrollbar-track-piece { |
| 84 background: white; |
| 85 } |
| 86 |
| 87 h2 { |
| 88 font-size: 16px; |
| 89 line-height:24px; |
| 90 font-weight: normal; |
| 91 color: #222; |
| 92 margin-bottom: 10px; |
| 93 } |
| 94 |
| 95 section h2 { |
| 96 color: #666; |
| 97 } |
| 98 |
| 99 header { |
| 100 display: flex; |
| 101 width: 100%; |
| 102 } |
| 103 |
| 104 html { |
| 105 user-select: none; |
| 106 cursor: default; |
| 107 } |
| 108 |
| 109 section { |
| 110 width: 690px; |
| 111 margin: 30px auto; |
| 112 } |
| 113 |
| 114 section { |
| 115 border: 1px solid #e5e5e5; |
| 116 background: #f9f9f9; |
| 117 padding: 20px 30px 20px 30px; |
| 118 border-radius: 3px; |
| 119 box-shadow: 0 2px 5px rgba(0,0,0,0.07); |
| 120 position: relative; |
| 121 } |
| 122 |
| 123 td { |
| 124 vertical-align: middle; |
| 125 } |
| 126 |
| 127 thead { |
| 128 font-weight: bold; |
| 129 } |
| 130 |
| 131 button { |
| 132 white-space:nowrap; |
| 133 } |
| 134 |
| 135 * { |
| 136 box-sizing: border-box; |
| 137 } |
OLD | NEW |