Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(13)

Side by Side Diff: components/supervised_user_error_page/resources/supervised_user_block_interstitial.css

Issue 2479413004: Supervised User interstitial: Update strings to be more child-friendly (Closed)
Patch Set: final? Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | components/supervised_user_error_page/resources/supervised_user_block_interstitial.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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 }
OLDNEW
« no previous file with comments | « no previous file | components/supervised_user_error_page/resources/supervised_user_block_interstitial.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698