| OLD | NEW |
| 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!-
- | 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!-
- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><!-- | 9 --><!-- |
| 10 @license | 10 @license |
| (...skipping 103 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 114 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> | 114 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> |
| 115 </array-selector> | 115 </array-selector> |
| 116 | 116 |
| 117 <div id="items"> | 117 <div id="items"> |
| 118 <content></content> | 118 <content></content> |
| 119 </div> | 119 </div> |
| 120 | 120 |
| 121 </template> | 121 </template> |
| 122 </dom-module> | 122 </dom-module> |
| 123 | 123 |
| 124 <style> | |
| 125 /* IE 10 support for HTML5 hidden attr */ | |
| 126 [hidden] { | |
| 127 display: none !important; | |
| 128 } | |
| 129 </style><style is="custom-style" css-build="shadow">html { | |
| 130 --layout_-_display: flex;; | |
| 131 | |
| 132 --layout-inline_-_display: inline-flex;; | |
| 133 | |
| 134 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal
_-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row;
--layout-horizontal_-_flex-direction: row;; | |
| 135 | |
| 136 --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-ho
rizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse
_-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-dire
ction: row-reverse;; | |
| 137 | |
| 138 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_-
ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column;
--layout-vertical_-_flex-direction: column;; | |
| 139 | |
| 140 --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vert
ical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_
-webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direct
ion: column-reverse;; | |
| 141 | |
| 142 --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wr
ap; --layout-wrap_-_flex-wrap: wrap;; | |
| 143 | |
| 144 --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_
-_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-rev
erse;; | |
| 145 | |
| 146 --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex:
1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;; | |
| 147 | |
| 148 --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: no
ne; --layout-flex-none_-_flex: none;; | |
| 149 | |
| 150 --layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex:
1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px
; --layout-flex_-_flex-basis: 0.000000001px;; | |
| 151 | |
| 152 --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout
-flex-2_-_flex: 2;; | |
| 153 | |
| 154 --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout
-flex-3_-_flex: 3;; | |
| 155 | |
| 156 --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout
-flex-4_-_flex: 4;; | |
| 157 | |
| 158 --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout
-flex-5_-_flex: 5;; | |
| 159 | |
| 160 --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout
-flex-6_-_flex: 6;; | |
| 161 | |
| 162 --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout
-flex-7_-_flex: 7;; | |
| 163 | |
| 164 --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout
-flex-8_-_flex: 8;; | |
| 165 | |
| 166 --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout
-flex-9_-_flex: 9;; | |
| 167 | |
| 168 --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --la
yout-flex-10_-_flex: 10;; | |
| 169 | |
| 170 --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --la
yout-flex-11_-_flex: 11;; | |
| 171 | |
| 172 --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --la
yout-flex-12_-_flex: 12;; | |
| 173 | |
| 174 | |
| 175 | |
| 176 --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-item
s: flex-start; --layout-start_-_align-items: flex-start;; | |
| 177 | |
| 178 --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-i
tems: center; --layout-center_-_align-items: center;; | |
| 179 | |
| 180 --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: fl
ex-end; --layout-end_-_align-items: flex-end;; | |
| 181 | |
| 182 --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-a
lign-items: baseline; --layout-baseline_-_align-items: baseline;; | |
| 183 | |
| 184 | |
| 185 | |
| 186 --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_-
_-webkit-justify-content: flex-start; --layout-start-justified_-_justify-conten
t: flex-start;; | |
| 187 | |
| 188 --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justifie
d_-_-webkit-justify-content: center; --layout-center-justified_-_justify-conten
t: center;; | |
| 189 | |
| 190 --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webk
it-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-e
nd;; | |
| 191 | |
| 192 --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-just
ified_-_-webkit-justify-content: space-around; --layout-around-justified_-_just
ify-content: space-around;; | |
| 193 | |
| 194 --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-j
ustify-content: space-between; --layout-justified_-_justify-content: space-bet
ween;; | |
| 195 | |
| 196 --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-ali
gn); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webki
t-align-items); --layout-center-center_-_align-items: var(--layout-center_-_ali
gn-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justifie
d_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--lay
out-center-justified_-_-webkit-justify-content); --layout-center-center_-_justif
y-content: var(--layout-center-justified_-_justify-content);; | |
| 197 | |
| 198 | |
| 199 | |
| 200 --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-we
bkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;; | |
| 201 | |
| 202 --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webk
it-align-self: center; --layout-self-center_-_align-self: center;; | |
| 203 | |
| 204 --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-a
lign-self: flex-end; --layout-self-end_-_align-self: flex-end;; | |
| 205 | |
| 206 --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-w
ebkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;; | |
| 207 | |
| 208 --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_-
_-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;; | |
| 209 | |
| 210 | |
| 211 | |
| 212 --layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_
-_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content
: flex-start; --layout-start-aligned_-_align-content: flex-start;; | |
| 213 | |
| 214 --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms-
align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-en
d; --layout-end-aligned_-_align-content: flex-end;; | |
| 215 | |
| 216 --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-align
ed_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content
: center; --layout-center-aligned_-_align-content: center;; | |
| 217 | |
| 218 --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-al
igned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-al
ign-content: space-between; --layout-between-aligned_-_align-content: space-be
tween;; | |
| 219 | |
| 220 --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-a
ligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-ali
gn-content: space-around; --layout-around-aligned_-_align-content: space-aroun
d;; | |
| 221 | |
| 222 | |
| 223 | |
| 224 --layout-block_-_display: block;; | |
| 225 | |
| 226 --layout-invisible_-_visibility: hidden !important;; | |
| 227 | |
| 228 --layout-relative_-_position: relative;; | |
| 229 | |
| 230 --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_r
ight: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;; | |
| 231 | |
| 232 --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_over
flow: auto;; | |
| 233 | |
| 234 --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;; | |
| 235 | |
| 236 | |
| 237 | |
| 238 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou
t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; | |
| 239 | |
| 240 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; | |
| 241 | |
| 242 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; | |
| 243 | |
| 244 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; | |
| 245 } | |
| 246 | |
| 247 </style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/ir
on-icon/" css-build="shadow"> | |
| 248 <template> | |
| 249 <style scope="iron-icon">:host { | |
| 250 display: var(--layout-inline_-_display); | |
| 251 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al
ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(-
-layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_
-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-
justify-content); justify-content: var(--layout-center-center_-_justify-content)
; | |
| 252 position: relative; | |
| 253 | |
| 254 vertical-align: middle; | |
| 255 | |
| 256 fill: var(--iron-icon-fill-color, currentcolor); | |
| 257 stroke: var(--iron-icon-stroke-color, none); | |
| 258 | |
| 259 width: var(--iron-icon-width, 24px); | |
| 260 height: var(--iron-icon-height, 24px); | |
| 261 ; | |
| 262 } | |
| 263 | |
| 264 </style> | |
| 265 </template> | |
| 266 | |
| 267 </dom-module> | |
| 268 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r
ipple/" css-build="shadow"> | |
| 269 | |
| 270 <template> | |
| 271 <style scope="paper-ripple">:host { | |
| 272 display: block; | |
| 273 position: absolute; | |
| 274 border-radius: inherit; | |
| 275 overflow: hidden; | |
| 276 top: 0; | |
| 277 left: 0; | |
| 278 right: 0; | |
| 279 bottom: 0; | |
| 280 | |
| 281 | |
| 282 pointer-events: none; | |
| 283 } | |
| 284 | |
| 285 :host([animating]) { | |
| 286 -webkit-transform: translate(0, 0); | |
| 287 transform: translate3d(0, 0, 0); | |
| 288 } | |
| 289 | |
| 290 #background, #waves, .wave-container, .wave { | |
| 291 pointer-events: none; | |
| 292 position: absolute; | |
| 293 top: 0; | |
| 294 left: 0; | |
| 295 width: 100%; | |
| 296 height: 100%; | |
| 297 } | |
| 298 | |
| 299 #background, .wave { | |
| 300 opacity: 0; | |
| 301 } | |
| 302 | |
| 303 #waves, .wave { | |
| 304 overflow: hidden; | |
| 305 } | |
| 306 | |
| 307 .wave-container, .wave { | |
| 308 border-radius: 50%; | |
| 309 } | |
| 310 | |
| 311 :host(.circle) #background, :host(.circle) #waves { | |
| 312 border-radius: 50%; | |
| 313 } | |
| 314 | |
| 315 :host(.circle) .wave-container { | |
| 316 overflow: hidden; | |
| 317 } | |
| 318 | |
| 319 </style> | |
| 320 | |
| 321 <div id="background"></div> | |
| 322 <div id="waves"></div> | |
| 323 </template> | |
| 324 </dom-module> | |
| 325 <style is="custom-style" css-build="shadow">html { | |
| 326 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2,
1);; | |
| 327 | |
| 328 --shadow-none_-_box-shadow: none;; | |
| 329 | |
| 330 | |
| 331 | |
| 332 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), | |
| 333 0 1px 5px 0 rgba(0, 0, 0, 0.12), | |
| 334 0 3px 1px -2px rgba(0, 0, 0, 0.2);; | |
| 335 | |
| 336 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), | |
| 337 0 1px 8px 0 rgba(0, 0, 0, 0.12), | |
| 338 0 3px 3px -2px rgba(0, 0, 0, 0.4);; | |
| 339 | |
| 340 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), | |
| 341 0 1px 10px 0 rgba(0, 0, 0, 0.12), | |
| 342 0 2px 4px -1px rgba(0, 0, 0, 0.4);; | |
| 343 | |
| 344 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), | |
| 345 0 1px 18px 0 rgba(0, 0, 0, 0.12), | |
| 346 0 3px 5px -1px rgba(0, 0, 0, 0.4);; | |
| 347 | |
| 348 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), | |
| 349 0 3px 14px 2px rgba(0, 0, 0, 0.12), | |
| 350 0 5px 5px -3px rgba(0, 0, 0, 0.4);; | |
| 351 | |
| 352 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), | |
| 353 0 4px 22px 3px rgba(0, 0, 0, 0.12), | |
| 354 0 6px 7px -4px rgba(0, 0, 0, 0.4);; | |
| 355 | |
| 356 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), | |
| 357 0 6px 30px 5px rgba(0, 0, 0, 0.12), | |
| 358 0 8px 10px -5px rgba(0, 0, 0, 0.4);; | |
| 359 } | |
| 360 | |
| 361 </style><dom-module id="paper-material-shared-styles" assetpath="chrome://resour
ces/polymer/v1_0/paper-material/" css-build="shadow"> | |
| 362 <template> | |
| 363 <style scope="paper-material-shared-styles">:host { | |
| 364 display: block; | |
| 365 position: relative; | |
| 366 } | |
| 367 | |
| 368 :host([elevation="1"]) { | |
| 369 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | |
| 370 } | |
| 371 | |
| 372 :host([elevation="2"]) { | |
| 373 box-shadow: var(--shadow-elevation-4dp_-_box-shadow); | |
| 374 } | |
| 375 | |
| 376 :host([elevation="3"]) { | |
| 377 box-shadow: var(--shadow-elevation-6dp_-_box-shadow); | |
| 378 } | |
| 379 | |
| 380 :host([elevation="4"]) { | |
| 381 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | |
| 382 } | |
| 383 | |
| 384 :host([elevation="5"]) { | |
| 385 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | |
| 386 } | |
| 387 | |
| 388 </style> | |
| 389 </template> | |
| 390 </dom-module> | |
| 391 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> | |
| 392 <template strip-whitespace=""> | |
| 393 <style scope="paper-button">:host { | |
| 394 display: block; | |
| 395 position: relative; | |
| 396 } | |
| 397 | |
| 398 :host([elevation="1"]) { | |
| 399 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | |
| 400 } | |
| 401 | |
| 402 :host([elevation="2"]) { | |
| 403 box-shadow: var(--shadow-elevation-4dp_-_box-shadow); | |
| 404 } | |
| 405 | |
| 406 :host([elevation="3"]) { | |
| 407 box-shadow: var(--shadow-elevation-6dp_-_box-shadow); | |
| 408 } | |
| 409 | |
| 410 :host([elevation="4"]) { | |
| 411 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | |
| 412 } | |
| 413 | |
| 414 :host([elevation="5"]) { | |
| 415 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | |
| 416 } | |
| 417 | |
| 418 :host { | |
| 419 display: var(--layout-inline_-_display); | |
| 420 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al
ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(-
-layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_
-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-
justify-content); justify-content: var(--layout-center-center_-_justify-content)
; | |
| 421 position: relative; | |
| 422 box-sizing: border-box; | |
| 423 min-width: 5.14em; | |
| 424 margin: 0 0.29em; | |
| 425 background: transparent; | |
| 426 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| 427 -webkit-tap-highlight-color: transparent; | |
| 428 font: inherit; | |
| 429 text-transform: uppercase; | |
| 430 outline-width: 0; | |
| 431 border-radius: 3px; | |
| 432 -moz-user-select: none; | |
| 433 -ms-user-select: none; | |
| 434 -webkit-user-select: none; | |
| 435 user-select: none; | |
| 436 cursor: pointer; | |
| 437 z-index: 0; | |
| 438 padding: 0.7em 0.57em; | |
| 439 | |
| 440 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s
moothing: var(--paper-font-common-base_-_-webkit-font-smoothing); | |
| 441 ; | |
| 442 } | |
| 443 | |
| 444 :host([hidden]) { | |
| 445 display: none !important; | |
| 446 } | |
| 447 | |
| 448 :host([raised].keyboard-focus) { | |
| 449 font-weight: bold; | |
| 450 ; | |
| 451 } | |
| 452 | |
| 453 :host(:not([raised]).keyboard-focus) { | |
| 454 font-weight: bold; | |
| 455 ; | |
| 456 } | |
| 457 | |
| 458 :host([disabled]) { | |
| 459 background: #eaeaea; | |
| 460 color: #a8a8a8; | |
| 461 cursor: auto; | |
| 462 pointer-events: none; | |
| 463 | |
| 464 ; | |
| 465 } | |
| 466 | |
| 467 :host([animated]) { | |
| 468 transition: var(--shadow-transition_-_transition); | |
| 469 } | |
| 470 | |
| 471 paper-ripple { | |
| 472 color: var(--paper-button-ink-color); | |
| 473 } | |
| 474 | |
| 475 </style> | |
| 476 | |
| 477 <content></content> | |
| 478 </template> | |
| 479 | |
| 480 </dom-module> | |
| 481 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v
1_0/paper-icon-button/" css-build="shadow"> | |
| 482 <template strip-whitespace=""> | |
| 483 <style scope="paper-icon-button-light">:host { | |
| 484 vertical-align: middle; | |
| 485 color: inherit; | |
| 486 outline: none; | |
| 487 width: 24px; | |
| 488 height: 24px; | |
| 489 background: none; | |
| 490 margin: 0; | |
| 491 border: none; | |
| 492 padding: 0; | |
| 493 | |
| 494 position: relative; | |
| 495 cursor: pointer; | |
| 496 | |
| 497 | |
| 498 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| 499 -webkit-tap-highlight-color: transparent; | |
| 500 } | |
| 501 | |
| 502 :host([disabled]) { | |
| 503 color: #9b9b9b; | |
| 504 pointer-events: none; | |
| 505 cursor: auto; | |
| 506 } | |
| 507 | |
| 508 paper-ripple { | |
| 509 opacity: 0.6; | |
| 510 color: currentColor; | |
| 511 } | |
| 512 | |
| 513 </style> | |
| 514 <content></content> | |
| 515 </template> | |
| 516 </dom-module> | |
| 517 <style is="custom-style" css-build="shadow">html { | 124 <style is="custom-style" css-build="shadow">html { |
| 518 --google-red-100: #f4c7c3; | 125 --google-red-100: #f4c7c3; |
| 519 --google-red-300: #e67c73; | 126 --google-red-300: #e67c73; |
| 520 --google-red-500: #db4437; | 127 --google-red-500: #db4437; |
| 521 --google-red-700: #c53929; | 128 --google-red-700: #c53929; |
| 522 | 129 |
| 523 --google-blue-100: #c6dafc; | 130 --google-blue-100: #c6dafc; |
| 524 --google-blue-300: #7baaf7; | 131 --google-blue-300: #7baaf7; |
| 525 --google-blue-500: #4285f4; | 132 --google-blue-500: #4285f4; |
| 526 --google-blue-700: #3367d6; | 133 --google-blue-700: #3367d6; |
| (...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 821 --dark-secondary-opacity: 0.54; | 428 --dark-secondary-opacity: 0.54; |
| 822 --dark-primary-opacity: 0.87; | 429 --dark-primary-opacity: 0.87; |
| 823 | 430 |
| 824 | 431 |
| 825 --light-divider-opacity: 0.12; | 432 --light-divider-opacity: 0.12; |
| 826 --light-disabled-opacity: 0.3; | 433 --light-disabled-opacity: 0.3; |
| 827 --light-secondary-opacity: 0.7; | 434 --light-secondary-opacity: 0.7; |
| 828 --light-primary-opacity: 1.0; | 435 --light-primary-opacity: 1.0; |
| 829 } | 436 } |
| 830 | 437 |
| 831 </style><dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1
_0/paper-progress/" css-build="shadow"> | 438 </style><style is="custom-style" css-build="shadow">html { |
| 439 --cr-actionable_-_cursor: pointer;; |
| 440 --cr-focused-item-color: var(--google-grey-300); |
| 441 |
| 442 --cr-icon-padding: 8px; |
| 443 |
| 444 |
| 445 --cr-icon-ripple-size: 36px; |
| 446 --cr-icon-size: 20px; |
| 447 |
| 448 --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-widt
h_-_width: var(--cr-icon-size); |
| 449 |
| 450 --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-b
utton-margin_-_-webkit-margin-start: 16px; |
| 451 |
| 452 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c
r-selectable-focus_-_outline: none; |
| 453 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); |
| 454 --paper-checkbox-ink-size: 40px; |
| 455 } |
| 456 |
| 457 </style><dom-module id="action-link" assetpath="chrome://resources/html/" css-bu
ild="shadow"> |
| 458 <template> |
| 459 <style scope="action-link">[is='action-link'] { |
| 460 cursor: var(--cr-actionable_-_cursor); |
| 461 text-decoration: none; |
| 462 } |
| 463 |
| 464 [is='action-link'], [is='action-link']:active, [is='action-link']:hover, [is='ac
tion-link']:visited { |
| 465 color: var(--google-blue-700); |
| 466 } |
| 467 |
| 468 [is='action-link'][disabled] { |
| 469 color: var(--paper-grey-600); |
| 470 cursor: default; |
| 471 opacity: 0.65; |
| 472 pointer-events: none; |
| 473 } |
| 474 |
| 475 </style> |
| 476 </template> |
| 477 </dom-module> |
| 478 |
| 479 |
| 480 |
| 481 |
| 482 <style> |
| 483 /* IE 10 support for HTML5 hidden attr */ |
| 484 [hidden] { |
| 485 display: none !important; |
| 486 } |
| 487 </style><style is="custom-style" css-build="shadow">html { |
| 488 --layout_-_display: flex;; |
| 489 |
| 490 --layout-inline_-_display: inline-flex;; |
| 491 |
| 492 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal
_-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row;
--layout-horizontal_-_flex-direction: row;; |
| 493 |
| 494 --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-ho
rizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse
_-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-dire
ction: row-reverse;; |
| 495 |
| 496 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_-
ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column;
--layout-vertical_-_flex-direction: column;; |
| 497 |
| 498 --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vert
ical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_
-webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direct
ion: column-reverse;; |
| 499 |
| 500 --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wr
ap; --layout-wrap_-_flex-wrap: wrap;; |
| 501 |
| 502 --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_
-_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-rev
erse;; |
| 503 |
| 504 --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex:
1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;; |
| 505 |
| 506 --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: no
ne; --layout-flex-none_-_flex: none;; |
| 507 |
| 508 --layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex:
1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px
; --layout-flex_-_flex-basis: 0.000000001px;; |
| 509 |
| 510 --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout
-flex-2_-_flex: 2;; |
| 511 |
| 512 --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout
-flex-3_-_flex: 3;; |
| 513 |
| 514 --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout
-flex-4_-_flex: 4;; |
| 515 |
| 516 --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout
-flex-5_-_flex: 5;; |
| 517 |
| 518 --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout
-flex-6_-_flex: 6;; |
| 519 |
| 520 --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout
-flex-7_-_flex: 7;; |
| 521 |
| 522 --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout
-flex-8_-_flex: 8;; |
| 523 |
| 524 --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout
-flex-9_-_flex: 9;; |
| 525 |
| 526 --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --la
yout-flex-10_-_flex: 10;; |
| 527 |
| 528 --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --la
yout-flex-11_-_flex: 11;; |
| 529 |
| 530 --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --la
yout-flex-12_-_flex: 12;; |
| 531 |
| 532 |
| 533 |
| 534 --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-item
s: flex-start; --layout-start_-_align-items: flex-start;; |
| 535 |
| 536 --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-i
tems: center; --layout-center_-_align-items: center;; |
| 537 |
| 538 --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: fl
ex-end; --layout-end_-_align-items: flex-end;; |
| 539 |
| 540 --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-a
lign-items: baseline; --layout-baseline_-_align-items: baseline;; |
| 541 |
| 542 |
| 543 |
| 544 --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_-
_-webkit-justify-content: flex-start; --layout-start-justified_-_justify-conten
t: flex-start;; |
| 545 |
| 546 --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justifie
d_-_-webkit-justify-content: center; --layout-center-justified_-_justify-conten
t: center;; |
| 547 |
| 548 --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webk
it-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-e
nd;; |
| 549 |
| 550 --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-just
ified_-_-webkit-justify-content: space-around; --layout-around-justified_-_just
ify-content: space-around;; |
| 551 |
| 552 --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-j
ustify-content: space-between; --layout-justified_-_justify-content: space-bet
ween;; |
| 553 |
| 554 --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-ali
gn); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webki
t-align-items); --layout-center-center_-_align-items: var(--layout-center_-_ali
gn-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justifie
d_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--lay
out-center-justified_-_-webkit-justify-content); --layout-center-center_-_justif
y-content: var(--layout-center-justified_-_justify-content);; |
| 555 |
| 556 |
| 557 |
| 558 --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-we
bkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;; |
| 559 |
| 560 --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webk
it-align-self: center; --layout-self-center_-_align-self: center;; |
| 561 |
| 562 --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-a
lign-self: flex-end; --layout-self-end_-_align-self: flex-end;; |
| 563 |
| 564 --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-w
ebkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;; |
| 565 |
| 566 --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_-
_-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;; |
| 567 |
| 568 |
| 569 |
| 570 --layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_
-_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content
: flex-start; --layout-start-aligned_-_align-content: flex-start;; |
| 571 |
| 572 --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms-
align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-en
d; --layout-end-aligned_-_align-content: flex-end;; |
| 573 |
| 574 --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-align
ed_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content
: center; --layout-center-aligned_-_align-content: center;; |
| 575 |
| 576 --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-al
igned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-al
ign-content: space-between; --layout-between-aligned_-_align-content: space-be
tween;; |
| 577 |
| 578 --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-a
ligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-ali
gn-content: space-around; --layout-around-aligned_-_align-content: space-aroun
d;; |
| 579 |
| 580 |
| 581 |
| 582 --layout-block_-_display: block;; |
| 583 |
| 584 --layout-invisible_-_visibility: hidden !important;; |
| 585 |
| 586 --layout-relative_-_position: relative;; |
| 587 |
| 588 --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_r
ight: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;; |
| 589 |
| 590 --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_over
flow: auto;; |
| 591 |
| 592 --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;; |
| 593 |
| 594 |
| 595 |
| 596 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou
t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; |
| 597 |
| 598 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; |
| 599 |
| 600 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; |
| 601 |
| 602 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; |
| 603 } |
| 604 |
| 605 </style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/ir
on-icon/" css-build="shadow"> |
| 606 <template> |
| 607 <style scope="iron-icon">:host { |
| 608 display: var(--layout-inline_-_display); |
| 609 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al
ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(-
-layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_
-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-
justify-content); justify-content: var(--layout-center-center_-_justify-content)
; |
| 610 position: relative; |
| 611 |
| 612 vertical-align: middle; |
| 613 |
| 614 fill: var(--iron-icon-fill-color, currentcolor); |
| 615 stroke: var(--iron-icon-stroke-color, none); |
| 616 |
| 617 width: var(--iron-icon-width, 24px); |
| 618 height: var(--iron-icon-height, 24px); |
| 619 ; |
| 620 } |
| 621 |
| 622 </style> |
| 623 </template> |
| 624 |
| 625 </dom-module> |
| 626 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r
ipple/" css-build="shadow"> |
| 627 |
| 628 <template> |
| 629 <style scope="paper-ripple">:host { |
| 630 display: block; |
| 631 position: absolute; |
| 632 border-radius: inherit; |
| 633 overflow: hidden; |
| 634 top: 0; |
| 635 left: 0; |
| 636 right: 0; |
| 637 bottom: 0; |
| 638 |
| 639 |
| 640 pointer-events: none; |
| 641 } |
| 642 |
| 643 :host([animating]) { |
| 644 -webkit-transform: translate(0, 0); |
| 645 transform: translate3d(0, 0, 0); |
| 646 } |
| 647 |
| 648 #background, #waves, .wave-container, .wave { |
| 649 pointer-events: none; |
| 650 position: absolute; |
| 651 top: 0; |
| 652 left: 0; |
| 653 width: 100%; |
| 654 height: 100%; |
| 655 } |
| 656 |
| 657 #background, .wave { |
| 658 opacity: 0; |
| 659 } |
| 660 |
| 661 #waves, .wave { |
| 662 overflow: hidden; |
| 663 } |
| 664 |
| 665 .wave-container, .wave { |
| 666 border-radius: 50%; |
| 667 } |
| 668 |
| 669 :host(.circle) #background, :host(.circle) #waves { |
| 670 border-radius: 50%; |
| 671 } |
| 672 |
| 673 :host(.circle) .wave-container { |
| 674 overflow: hidden; |
| 675 } |
| 676 |
| 677 </style> |
| 678 |
| 679 <div id="background"></div> |
| 680 <div id="waves"></div> |
| 681 </template> |
| 682 </dom-module> |
| 683 <style is="custom-style" css-build="shadow">html { |
| 684 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2,
1);; |
| 685 |
| 686 --shadow-none_-_box-shadow: none;; |
| 687 |
| 688 |
| 689 |
| 690 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), |
| 691 0 1px 5px 0 rgba(0, 0, 0, 0.12), |
| 692 0 3px 1px -2px rgba(0, 0, 0, 0.2);; |
| 693 |
| 694 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), |
| 695 0 1px 8px 0 rgba(0, 0, 0, 0.12), |
| 696 0 3px 3px -2px rgba(0, 0, 0, 0.4);; |
| 697 |
| 698 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), |
| 699 0 1px 10px 0 rgba(0, 0, 0, 0.12), |
| 700 0 2px 4px -1px rgba(0, 0, 0, 0.4);; |
| 701 |
| 702 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), |
| 703 0 1px 18px 0 rgba(0, 0, 0, 0.12), |
| 704 0 3px 5px -1px rgba(0, 0, 0, 0.4);; |
| 705 |
| 706 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), |
| 707 0 3px 14px 2px rgba(0, 0, 0, 0.12), |
| 708 0 5px 5px -3px rgba(0, 0, 0, 0.4);; |
| 709 |
| 710 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), |
| 711 0 4px 22px 3px rgba(0, 0, 0, 0.12), |
| 712 0 6px 7px -4px rgba(0, 0, 0, 0.4);; |
| 713 |
| 714 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), |
| 715 0 6px 30px 5px rgba(0, 0, 0, 0.12), |
| 716 0 8px 10px -5px rgba(0, 0, 0, 0.4);; |
| 717 } |
| 718 |
| 719 </style><dom-module id="paper-material-shared-styles" assetpath="chrome://resour
ces/polymer/v1_0/paper-material/" css-build="shadow"> |
| 720 <template> |
| 721 <style scope="paper-material-shared-styles">:host { |
| 722 display: block; |
| 723 position: relative; |
| 724 } |
| 725 |
| 726 :host([elevation="1"]) { |
| 727 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 728 } |
| 729 |
| 730 :host([elevation="2"]) { |
| 731 box-shadow: var(--shadow-elevation-4dp_-_box-shadow); |
| 732 } |
| 733 |
| 734 :host([elevation="3"]) { |
| 735 box-shadow: var(--shadow-elevation-6dp_-_box-shadow); |
| 736 } |
| 737 |
| 738 :host([elevation="4"]) { |
| 739 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
| 740 } |
| 741 |
| 742 :host([elevation="5"]) { |
| 743 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
| 744 } |
| 745 |
| 746 </style> |
| 747 </template> |
| 748 </dom-module> |
| 749 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> |
| 750 <template strip-whitespace=""> |
| 751 <style scope="paper-button">:host { |
| 752 display: block; |
| 753 position: relative; |
| 754 } |
| 755 |
| 756 :host([elevation="1"]) { |
| 757 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 758 } |
| 759 |
| 760 :host([elevation="2"]) { |
| 761 box-shadow: var(--shadow-elevation-4dp_-_box-shadow); |
| 762 } |
| 763 |
| 764 :host([elevation="3"]) { |
| 765 box-shadow: var(--shadow-elevation-6dp_-_box-shadow); |
| 766 } |
| 767 |
| 768 :host([elevation="4"]) { |
| 769 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
| 770 } |
| 771 |
| 772 :host([elevation="5"]) { |
| 773 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
| 774 } |
| 775 |
| 776 :host { |
| 777 display: var(--layout-inline_-_display); |
| 778 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al
ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(-
-layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_
-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-
justify-content); justify-content: var(--layout-center-center_-_justify-content)
; |
| 779 position: relative; |
| 780 box-sizing: border-box; |
| 781 min-width: 5.14em; |
| 782 margin: 0 0.29em; |
| 783 background: transparent; |
| 784 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 785 -webkit-tap-highlight-color: transparent; |
| 786 font: inherit; |
| 787 text-transform: uppercase; |
| 788 outline-width: 0; |
| 789 border-radius: 3px; |
| 790 -moz-user-select: none; |
| 791 -ms-user-select: none; |
| 792 -webkit-user-select: none; |
| 793 user-select: none; |
| 794 cursor: pointer; |
| 795 z-index: 0; |
| 796 padding: 0.7em 0.57em; |
| 797 |
| 798 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s
moothing: var(--paper-font-common-base_-_-webkit-font-smoothing); |
| 799 ; |
| 800 } |
| 801 |
| 802 :host([hidden]) { |
| 803 display: none !important; |
| 804 } |
| 805 |
| 806 :host([raised].keyboard-focus) { |
| 807 font-weight: bold; |
| 808 ; |
| 809 } |
| 810 |
| 811 :host(:not([raised]).keyboard-focus) { |
| 812 font-weight: bold; |
| 813 ; |
| 814 } |
| 815 |
| 816 :host([disabled]) { |
| 817 background: #eaeaea; |
| 818 color: #a8a8a8; |
| 819 cursor: auto; |
| 820 pointer-events: none; |
| 821 |
| 822 ; |
| 823 } |
| 824 |
| 825 :host([animated]) { |
| 826 transition: var(--shadow-transition_-_transition); |
| 827 } |
| 828 |
| 829 paper-ripple { |
| 830 color: var(--paper-button-ink-color); |
| 831 } |
| 832 |
| 833 </style> |
| 834 |
| 835 <content></content> |
| 836 </template> |
| 837 |
| 838 </dom-module> |
| 839 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v
1_0/paper-icon-button/" css-build="shadow"> |
| 840 <template strip-whitespace=""> |
| 841 <style scope="paper-icon-button-light">:host { |
| 842 vertical-align: middle; |
| 843 color: inherit; |
| 844 outline: none; |
| 845 width: 24px; |
| 846 height: 24px; |
| 847 background: none; |
| 848 margin: 0; |
| 849 border: none; |
| 850 padding: 0; |
| 851 |
| 852 position: relative; |
| 853 cursor: pointer; |
| 854 |
| 855 |
| 856 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 857 -webkit-tap-highlight-color: transparent; |
| 858 } |
| 859 |
| 860 :host([disabled]) { |
| 861 color: #9b9b9b; |
| 862 pointer-events: none; |
| 863 cursor: auto; |
| 864 } |
| 865 |
| 866 paper-ripple { |
| 867 opacity: 0.6; |
| 868 color: currentColor; |
| 869 } |
| 870 |
| 871 </style> |
| 872 <content></content> |
| 873 </template> |
| 874 </dom-module> |
| 875 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/" css-build="shadow"> |
| 832 <template> | 876 <template> |
| 833 <style scope="paper-progress">:host { | 877 <style scope="paper-progress">:host { |
| 834 display: block; | 878 display: block; |
| 835 width: 200px; | 879 width: 200px; |
| 836 position: relative; | 880 position: relative; |
| 837 overflow: hidden; | 881 overflow: hidden; |
| 838 } | 882 } |
| 839 | 883 |
| 840 :host([hidden]) { | 884 :host([hidden]) { |
| 841 display: none !important; | 885 display: none !important; |
| (...skipping 167 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1009 <svg> | 1053 <svg> |
| 1010 <defs> | 1054 <defs> |
| 1011 | 1055 |
| 1012 <g id="remove-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4
.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"></path></g> | 1056 <g id="remove-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4
.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"></path></g> |
| 1013 </defs> | 1057 </defs> |
| 1014 </svg> | 1058 </svg> |
| 1015 </iron-iconset-svg> | 1059 </iron-iconset-svg> |
| 1016 <dom-module id="downloads-item" assetpath="chrome://downloads/" css-build="shado
w"> | 1060 <dom-module id="downloads-item" assetpath="chrome://downloads/" css-build="shado
w"> |
| 1017 <template> | 1061 <template> |
| 1018 <style scope="downloads-item">[is='action-link'] { | 1062 <style scope="downloads-item">[is='action-link'] { |
| 1019 cursor: pointer; | 1063 cursor: var(--cr-actionable_-_cursor); |
| 1020 display: inline-block; | 1064 text-decoration: none; |
| 1021 text-decoration: none; | |
| 1022 } | 1065 } |
| 1023 | 1066 |
| 1024 [is='action-link']:hover { | 1067 [is='action-link'], [is='action-link']:active, [is='action-link']:hover, [is='ac
tion-link']:visited { |
| 1025 text-decoration: underline; | 1068 color: var(--google-blue-700); |
| 1026 } | |
| 1027 | |
| 1028 [is='action-link']:active { | |
| 1029 color: rgb(5, 37, 119); | |
| 1030 text-decoration: underline; | |
| 1031 } | 1069 } |
| 1032 | 1070 |
| 1033 [is='action-link'][disabled] { | 1071 [is='action-link'][disabled] { |
| 1034 color: #999; | 1072 color: var(--paper-grey-600); |
| 1035 cursor: default; | 1073 cursor: default; |
| 1036 pointer-events: none; | 1074 opacity: 0.65; |
| 1037 text-decoration: none; | 1075 pointer-events: none; |
| 1038 } | |
| 1039 | |
| 1040 [is='action-link'].no-outline { | |
| 1041 outline: none; | |
| 1042 } | 1076 } |
| 1043 | 1077 |
| 1044 :host { | 1078 :host { |
| 1045 display: flex; | 1079 display: flex; |
| 1046 flex-direction: column; | 1080 flex-direction: column; |
| 1047 } | 1081 } |
| 1048 | 1082 |
| 1049 [hidden] { | 1083 [hidden] { |
| 1050 display: none !important; | 1084 display: none !important; |
| 1051 } | 1085 } |
| (...skipping 251 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1303 | 1337 |
| 1304 <div id="remove-wrapper" class="icon-wrapper"> | 1338 <div id="remove-wrapper" class="icon-wrapper"> |
| 1305 <button is="paper-icon-button-light" id="remove" title="$i18n{controlRem
oveFromList}" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap
="onRemoveTap_">✕</button> | 1339 <button is="paper-icon-button-light" id="remove" title="$i18n{controlRem
oveFromList}" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap
="onRemoveTap_">✕</button> |
| 1306 </div> | 1340 </div> |
| 1307 | 1341 |
| 1308 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> | 1342 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> |
| 1309 </div> | 1343 </div> |
| 1310 </div> | 1344 </div> |
| 1311 | 1345 |
| 1312 </template> | 1346 </template> |
| 1313 | |
| 1314 </dom-module> | 1347 </dom-module> |
| 1315 | 1348 |
| 1316 | 1349 |
| 1317 | 1350 |
| 1318 | 1351 |
| 1319 <style is="custom-style" css-build="shadow">html { | 1352 <style is="custom-style" css-build="shadow">html { |
| 1320 --primary-text-color: var(--light-theme-text-color); | 1353 --primary-text-color: var(--light-theme-text-color); |
| 1321 --primary-background-color: var(--light-theme-background-color); | 1354 --primary-background-color: var(--light-theme-background-color); |
| 1322 --secondary-text-color: var(--light-theme-secondary-color); | 1355 --secondary-text-color: var(--light-theme-secondary-color); |
| 1323 --disabled-text-color: var(--light-theme-disabled-color); | 1356 --disabled-text-color: var(--light-theme-disabled-color); |
| (...skipping 1628 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2952 #icon { | 2985 #icon { |
| 2953 --paper-icon-button-ink-color: white; | 2986 --paper-icon-button-ink-color: white; |
| 2954 transition: margin 150ms, opacity 200ms; | 2987 transition: margin 150ms, opacity 200ms; |
| 2955 } | 2988 } |
| 2956 | 2989 |
| 2957 #prompt { | 2990 #prompt { |
| 2958 opacity: 0; | 2991 opacity: 0; |
| 2959 } | 2992 } |
| 2960 | 2993 |
| 2961 paper-spinner-lite { | 2994 paper-spinner-lite { |
| 2962 ; | 2995 height: var(--cr-icon-height-width_-_height); width: var(--cr-icon-height-widt
h_-_width); |
| 2963 --paper-spinner-color: white; | 2996 --paper-spinner-color: white; |
| 2964 margin: 0 6px; | 2997 margin: 0 6px; |
| 2965 opacity: 0; | 2998 opacity: 0; |
| 2966 padding: 6px; | 2999 padding: 6px; |
| 2967 position: absolute; | 3000 position: absolute; |
| 2968 } | 3001 } |
| 2969 | 3002 |
| 2970 paper-spinner-lite[active] { | 3003 paper-spinner-lite[active] { |
| 2971 opacity: 1; | 3004 opacity: 1; |
| 2972 } | 3005 } |
| (...skipping 398 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3371 </iron-list> | 3404 </iron-list> |
| 3372 <div id="no-downloads" hidden="[[hasDownloads_]]"> | 3405 <div id="no-downloads" hidden="[[hasDownloads_]]"> |
| 3373 <div> | 3406 <div> |
| 3374 <div class="illustration"></div> | 3407 <div class="illustration"></div> |
| 3375 <span>[[noDownloadsText_(inSearchMode_)]]</span> | 3408 <span>[[noDownloadsText_(inSearchMode_)]]</span> |
| 3376 </div> | 3409 </div> |
| 3377 </div> | 3410 </div> |
| 3378 </template> | 3411 </template> |
| 3379 </dom-module> | 3412 </dom-module> |
| 3380 </div><script src="crisper.js"></script></body></html> | 3413 </div><script src="crisper.js"></script></body></html> |
| OLD | NEW |