OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 body { | 4 body { |
5 background-color: rgb(247, 247, 247); | 5 background-color: rgb(247, 247, 247); |
6 font-size: 10pt; | 6 font-size: 10pt; |
7 margin: 150px 60px 0 30px; | 7 margin: 150px 60px 0 30px; |
8 } | 8 } |
9 | 9 |
10 #main-frame-blocked { | 10 #main-frame-blocked { |
11 margin: auto; | 11 margin: auto; |
12 max-width: 600px; | 12 max-width: 600px; |
13 min-width: 200px; | 13 min-width: 200px; |
14 } | 14 } |
15 | 15 |
16 h1 { | 16 h1 { |
17 font-size: 1.8em; | 17 font-size: 1.8em; |
18 font-weight: normal; | 18 font-weight: normal; |
19 margin: 5px 0 25px 0; | 19 margin: 5px 0 25px 0; |
20 } | 20 } |
21 | 21 |
| 22 #block-page-message { |
| 23 color: rgb(97,97,97); |
| 24 font-size: 0.667em; |
| 25 margin-top: 16px; |
| 26 } |
| 27 |
22 .avatar-img { | 28 .avatar-img { |
23 -webkit-user-select: none; | 29 -webkit-user-select: none; |
24 border: 3px solid rgb(251, 251, 251); | 30 border: 3px solid rgb(251, 251, 251); |
25 border-radius: 50%; | 31 border-radius: 50%; |
26 content: -webkit-image-set( | 32 content: -webkit-image-set( |
27 url(default_100_percent/logo_avatar_circle_blue_color.png) 1x, | 33 url(default_100_percent/logo_avatar_circle_blue_color.png) 1x, |
28 url(default_200_percent/logo_avatar_circle_blue_color.png) 2x); | 34 url(default_200_percent/logo_avatar_circle_blue_color.png) 2x); |
29 margin-bottom: 5px; | 35 margin-bottom: 5px; |
30 margin-right: 15px; | 36 margin-right: 15px; |
31 margin-top: 5px; | 37 margin-top: 5px; |
(...skipping 29 matching lines...) Expand all Loading... |
61 background-color: rgb(25,118,210); | 67 background-color: rgb(25,118,210); |
62 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); | 68 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); |
63 transition-delay: 0s; | 69 transition-delay: 0s; |
64 } | 70 } |
65 | 71 |
66 #details-button-container { | 72 #details-button-container { |
67 color: rgb(97,97,97); | 73 color: rgb(97,97,97); |
68 cursor: pointer; | 74 cursor: pointer; |
69 display: inline; | 75 display: inline; |
70 font-size: 12px; | 76 font-size: 12px; |
71 text-decoration: underline; | |
72 } | 77 } |
73 | 78 |
74 #button-container { | 79 #button-container { |
75 align-items: baseline; | 80 align-items: baseline; |
76 display: flex; | 81 display: flex; |
77 justify-content: space-between; | 82 justify-content: space-between; |
78 margin-top: 60px; | 83 margin-top: 60px; |
79 } | 84 } |
80 | 85 |
81 #details { | 86 #details { |
(...skipping 27 matching lines...) Expand all Loading... |
109 flex-flow: column; | 114 flex-flow: column; |
110 justify-content: flex-start; | 115 justify-content: flex-start; |
111 order: 2; | 116 order: 2; |
112 text-transform: uppercase; | 117 text-transform: uppercase; |
113 } | 118 } |
114 | 119 |
115 #details-button-container { | 120 #details-button-container { |
116 font-weight: bold; | 121 font-weight: bold; |
117 margin: auto; | 122 margin: auto; |
118 order: 2; | 123 order: 2; |
| 124 padding: 0 15px; |
| 125 text-align: center; |
| 126 width: 100%; |
119 } | 127 } |
120 | 128 |
121 #request-access-button { | 129 #request-access-button { |
122 margin-bottom: 30px; | 130 margin-bottom: 30px; |
123 order: 1; | 131 order: 1; |
124 text-align: center | 132 text-align: center; |
125 } | |
126 | |
127 .button { | |
128 width: 100%; | 133 width: 100%; |
129 } | 134 } |
130 | 135 |
131 #details { | 136 #details { |
132 margin: auto; | 137 margin: auto; |
133 order: 1; | 138 order: 1; |
134 } | 139 } |
135 | 140 |
136 .hidden-on-mobile { | 141 .hidden-on-mobile { |
137 display: none; | 142 display: none; |
138 } | 143 } |
139 | 144 |
140 #main-frame-blocked { | 145 #main-frame-blocked { |
141 display: flex; | 146 display: flex; |
142 flex-flow: column; | 147 flex-flow: column; |
143 } | 148 } |
144 | 149 |
145 #feedback { | 150 #feedback { |
146 margin-top: 35px; | 151 margin-top: 35px; |
147 } | 152 } |
148 } | 153 } |
OLD | NEW |