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

Side by Side Diff: chrome/common/extensions/docs/examples/extensions/proxy_configuration/popup.css

Issue 8273036: Adding `content_security_policy` to proxy sample extension. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: License, docs. Created 9 years, 2 months 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 | Annotate | Revision Log
OLDNEW
(Empty)
1 body {
2 margin: 5px 10px 10px;
3 }
4
5 h1 {
6 color: #53637D;
7 font: 26px/1.2 Helvetica, sans-serif;
8 font-size: 200%;
9 margin: 0;
10 padding-bottom: 4px;
11 text-shadow: white 0 1px 2px;
12 }
13
14 div[role='main'] {
15 border-radius: 5px;
16 background: #EAEEF3;
17 font: 14px/1 Arial,Sans Serif;
18 padding: 10px;
19 width: 563px;
20 box-shadow: inset 0px 2px 5px rgba(0,0,0,0.5);
21 -webkit-transition: background-color 0.5s ease-out;
22 overflow: hidden;
23 }
24
25 div[role='main'].incognito {
26 background: #496281 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAA hCAYAAABeD2IVAAAFz0lEQVRYw8VYC0xcRRQtUEprERQ1VkohSGNpwaCYYNBUjS2K+KEVTUkDiqY0hWD 5xxhDINgQqIZviRAkSiiWNDRxWypNpaatEQk/CwvlWyks3+XPAssu7I7nbmabx+suPzfrTU7yljfz5sy 95947w5YtpjcLwBLYBuzgsAGs+DuzGZGwBh4BHIDdwHPA8xxuwBOcnIWpPUAL7wQeB54CngYcAWdO4kX gDeBoWFhYSk5OTtmFCxeuxsbGpuBv3sCTwFZTkrLmXtgH+AJ+QAAQCBzz8/P7MiUl5aebN29Kh4eHFVN TU2xoaIgNDAywe/fusYyMjO858R2mJEUe2ldZWfljd3f3P+3t7bK2trZBuVyuYCJbXFxkXV1drLOzU4e 7d++yzMzMasz3AexMSYq89CoRYuuwvr6+B6Q6OjpYUVFRG+Yf4iE0iZYoc5woVK2trUPrIUXh05Mir9X W1qow/33gmf8idj0ZypjHuIgj5ubm1OshpdFoVoTwzp07zMbGJsTb23s/16fFZlKcyDjY29u7+fr6HoJ FV1dXt7EN2MjIyANSUqmUubq6Jtna2r7OvWW7kUy04IR2+fj4HDx+/HhUYmJiIQQuhZ5mN0JKqVSuEHt WVlbd6dOns+3s7N7h9YtKynbuhFWNQuYQGBh4ODs7u2B0dHRauNDMzIx2eXmZabXadRG7f/++jhSylV2 5ckXOk2D4yJEjSVjnNV7ntq9Fily6Jzg4+CTEOqf/OJFoampSFRQUjDc3Ny+QF9RqtU47hozGE3mUDIb xOtTX1ytQt5T6MQipFGu9zDPbYq0i+ey5c+dyxAvBSxrsXHXixIlmVOsOaGykp6dnYXZ2lt49BHhIWVd XN1VaWipLS0trCQ8P/xseUwrD6+HhEUJO4BFa3VMREREx4+PjCkNhunjx4iAWuI0x16KjowlVYkA7unc YczUyMpJ+3z579mzXwsLCA9fimcXHx6djvb3cGatmHrnTBxr4jSZShaYwCQnC89PQXFNUVNSvMTExv6C /XYqLi6sg0DMISRISEq7h+QY81dHY2DgpDq9CoWCYm8Fbl8FmLaxLROoA8OGpU6dKL1++LCMdGdIPEkF 569atIYlE0oNNdGFsNz03NDTI0QOVhrRG31GpVCR4JcrEV1jnFWOZaMVrBx07vIDDQBiQil3XQENDMpl seWlpiW3WBOLXovWoy8vLBxA+CTT6NdZ5gR9vtooFvis1NfWTioqKn6uqqv6ihius4NCYZn5+Xuf2zRA i4OSgQQIsT05OrnA71qrmR6BtQlL0wwVpL1nPIqQzCgFpzlB50HuFxlF2TkxMUKiXxBKgb4Dooqen5zH eX63FWUfl/22k/aix+qM3IkEeS05Obs7Pz6+vqakZgAcUY2Njur8T2cHBwSXobbSwsPCPgICAAny7QJg stAaVjry8vEquKwexpiz5WccrJCTkDO1yLWIILcP474DPgQ8oMahpA9+C0FxJSUk7nr/h2vwMSAfhJWF JQAKN8Xku4tCJveWP3d8gb6zWToh0aGjoJYz/FHgToGYbTMmBUM0RnJyccvE7GkiEVlv1cylhpqenGbI 7l4v8UWNVfRsn5efs7Jxx/vz5fr0+VvGWuqysrMbNzS0R88KDgoLyEMo+/XvyDI4tcmHC6GsUSkgL5rx FCWbsxGDFY/oSdn+mt7d3gj5w/fp15VrENmokbvRANTbyBdbbz8/tBgsn1agD/v7+cUh7lfAj2KmGmdA oI9PT0//kOnQ01vesedF8t7+/X27oQ0hbrSmJoXBKucD3GAsd3VS8cDIoY2YykgM6RS4/Zj8kckt+sfT DeaeHmdFwHxzj98Y94qKpOz+5u7ufZGY28haOyOX89rzCW9SZ3YuLi39g/4Mhy4ex/kHejFeQ2tvS0vI 79ShqE+YEmjxLSkoK5aQsheGjW6snv8EeBT42Az4C3uP/l3DhyWYhvuPZ84PWbt6tzQFH7pCdvCzoSP0 LtBi6oflBr2wAAAAASUVORK5CYII=') no-repeat 533px bottom;
27 }
28
29 form {
30 width: 563px;
31 -webkit-transition: -webkit-transform 0.25s ease;
32 }
33
34 form.offscreen {
35 -webkit-transform: translateX(-600px);
36 }
37
38 fieldset {
39 border: 0;
40 margin: 0;
41 padding: 0;
42 position: relative;
43 }
44
45 legend {
46 position: absolute;
47 left: -999em;
48 }
49
50 form > fieldset {
51 border-radius: 5px;
52 border: 1px solid transparent;
53 padding: 10px 10px 10px 30px;
54 margin: 5px 0;
55 -webkit-transition: all 0.5s ease;
56 }
57
58 form > fieldset:hover {
59 background: rgba(255,255,255,0.1);
60 border-color: rgba(0,0,0,0.1);
61 }
62
63 form > fieldset.active {
64 background: rgba(255,255,255,0.25);
65 border-color: rgba(0,0,0,0.25);
66 }
67
68 form > fieldset > input {
69 margin-left: -20px;
70 }
71
72 section {
73 margin: 5px 0 0;
74 }
75
76 section fieldset:not(:first-child):not(:last-child) {
77 -webkit-transition: all 0.5s ease;
78 overflow: hidden;
79 max-height: 1.6em;
80 }
81
82 section.single fieldset:not(:first-child):not(:last-child) {
83 max-height: 0px;
84 }
85
86 section fieldset:last-child {
87 margin-top: 5px;
88 }
89
90 section fieldset:last-child label {
91 display: block;
92 }
93
94 section fieldset:last-child textarea {
95 width: 412px;
96 }
97
98 section > fieldset {
99 position: relative;
100 padding-left: 60px;
101 }
102
103 section > fieldset > legend {
104 left: 0;
105 top: 4px;
106 width: 53px;
107 text-align: right;
108 }
109
110 input[type='url']:invalid:not(:active):not(:focus) {
111 border-color: rgba(255,0,0,0.5);
112 background: rgba(255,0,0,0.25);
113 }
114
115 input:invalid:not(:active):not(:focus):after {
116 content: "This isn't a valid URL!";
117 display:block;
118 }
119
120 input[type="checkbox"] {
121 margin: 5px 0 5px 35px;
122 }
123
124 input[type="text"] {
125 width: 200px;
126 margin: 0 10px 0 0;
127 }
128
129 input.port {
130 width: 50px;
131 margin: 2px 10px 0 5px;
132 }
133
134 section label,
135 section legend {
136 color: #999;
137 -webkit-transition: color 0.5s ease;
138 }
139
140 .incognito section label,
141 .incognito section legend {
142 color: #BBB;
143 }
144
145 .active section label,
146 .active section legend,
147 form > fieldset > label {
148 color: #000;
149 -webkit-transition: color 0.5s ease;
150 }
151
152 .incognito .active section label,
153 .incognito .active section legend,
154 .incognito form > fieldset > label {
155 color: #FFF;
156 }
157
158 input[type="submit"],
159 button {
160 border-radius: 2px;
161 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
162 -webkit-user-select: none;
163 background: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
164 border: 1px solid #AAA;
165 color: #444;
166 margin-bottom: 0;
167 min-width: 4em;
168 padding: 3px 12px;
169 margin-top: 0;
170 font-size: 1.1em;
171 }
172
173 .overlay {
174 display: block;
175 text-align: center;
176 position: absolute;
177 left: 50%;
178 top: 50%;
179 width: 500px;
180 padding: 20px;
181 margin: -80px 0 0 -270px;
182 opacity: 0;
183 background: rgba(0, 0, 0, 0.75);
184 border-radius: 5px;
185 color: #FFF;
186 font: 1.5em/1.2 Helvetica Neue, sans-serif;
187 -webkit-transition: all 1.0s ease;
188 -webkit-transform: scale(0);
189 }
190
191 .overlay a {
192 color: #FFF;
193 }
194
195 .overlay.visible {
196 opacity: 1;
197 -webkit-transform: scale(1);
198 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698