OLD | NEW |
1 <html><head><!-- | 1 <html><head><!-- |
2 @license | 2 @license |
3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2016 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 232 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
243 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | 243 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
244 } | 244 } |
245 | 245 |
246 :host([elevation="5"]) { | 246 :host([elevation="5"]) { |
247 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | 247 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
248 } | 248 } |
249 | 249 |
250 </style> | 250 </style> |
251 </template> | 251 </template> |
252 </dom-module> | 252 </dom-module> |
| 253 |
| 254 |
253 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> | 255 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> |
254 <template strip-whitespace=""> | 256 <template strip-whitespace=""> |
255 <style scope="paper-button">:host { | 257 <style scope="paper-button">:host { |
256 display: block; | 258 display: block; |
257 position: relative; | 259 position: relative; |
258 } | 260 } |
259 | 261 |
260 :host([elevation="1"]) { | 262 :host([elevation="1"]) { |
261 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 263 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
262 } | 264 } |
(...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
362 display: none !important; | 364 display: none !important; |
363 } | 365 } |
364 | 366 |
365 :host(.iron-selected), .paper-item.iron-selected { | 367 :host(.iron-selected), .paper-item.iron-selected { |
366 font-weight: var(--paper-item-selected-weight, bold); | 368 font-weight: var(--paper-item-selected-weight, bold); |
367 | 369 |
368 ; | 370 ; |
369 } | 371 } |
370 | 372 |
371 :host([disabled]), .paper-item[disabled] { | 373 :host([disabled]), .paper-item[disabled] { |
372 color: var(--paper-item-disabled-color,var(--disabled-text-color)); | 374 color: var(--paper-item-disabled-color,var(--disabled-text-color));; |
373 | 375 |
374 ; | 376 ; |
375 } | 377 } |
376 | 378 |
377 :host(:focus), .paper-item:focus { | 379 :host(:focus), .paper-item:focus { |
378 position: relative; | 380 position: relative; |
379 outline: 0; | 381 outline: 0; |
380 | 382 |
381 ; | 383 ; |
382 } | 384 } |
383 | 385 |
384 :host(:focus):before, .paper-item:focus:before { | 386 :host(:focus):before, .paper-item:focus:before { |
385 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | 387 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); |
386 | 388 |
387 background: currentColor; | 389 background: currentColor; |
388 content: ''; | 390 content: ''; |
389 opacity: var(--dark-divider-opacity); | 391 opacity: var(--dark-divider-opacity); |
390 pointer-events: none; | 392 pointer-events: none; |
391 | 393 |
392 ; | 394 ; |
393 } | 395 } |
394 | 396 |
395 </style> | 397 </style> |
396 </template> | 398 </template> |
397 </dom-module> | 399 </dom-module> |
| 400 |
| 401 |
398 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> | 402 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> |
399 <template> | 403 <template> |
400 | 404 |
401 <style scope="paper-item">:host, .paper-item { | 405 <style scope="paper-item">:host, .paper-item { |
402 display: block; | 406 display: block; |
403 position: relative; | 407 position: relative; |
404 min-height: var(--paper-item-min-height, 48px); | 408 min-height: var(--paper-item-min-height, 48px); |
405 padding: 0px 16px; | 409 padding: 0px 16px; |
406 } | 410 } |
407 | 411 |
(...skipping 10 matching lines...) Expand all Loading... |
418 display: none !important; | 422 display: none !important; |
419 } | 423 } |
420 | 424 |
421 :host(.iron-selected), .paper-item.iron-selected { | 425 :host(.iron-selected), .paper-item.iron-selected { |
422 font-weight: var(--paper-item-selected-weight, bold); | 426 font-weight: var(--paper-item-selected-weight, bold); |
423 | 427 |
424 ; | 428 ; |
425 } | 429 } |
426 | 430 |
427 :host([disabled]), .paper-item[disabled] { | 431 :host([disabled]), .paper-item[disabled] { |
428 color: var(--paper-item-disabled-color,var(--disabled-text-color)); | 432 color: var(--paper-item-disabled-color,var(--disabled-text-color));; |
429 | 433 |
430 ; | 434 ; |
431 } | 435 } |
432 | 436 |
433 :host(:focus), .paper-item:focus { | 437 :host(:focus), .paper-item:focus { |
434 position: relative; | 438 position: relative; |
435 outline: 0; | 439 outline: 0; |
436 | 440 |
437 ; | 441 ; |
438 } | 442 } |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
485 } | 489 } |
486 | 490 |
487 </style> | 491 </style> |
488 | 492 |
489 <content></content> | 493 <content></content> |
490 </template> | 494 </template> |
491 | 495 |
492 </dom-module> | 496 </dom-module> |
493 | 497 |
494 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | 498 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> |
| 499 |
| 500 |
495 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> | 501 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> |
496 <template> | 502 <template> |
497 <style scope="iron-dropdown">:host { | 503 <style scope="iron-dropdown">:host { |
498 position: fixed; | 504 position: fixed; |
499 } | 505 } |
500 | 506 |
501 #contentWrapper ::content > * { | 507 #contentWrapper ::content > * { |
502 overflow: auto; | 508 overflow: auto; |
503 } | 509 } |
504 | 510 |
505 #contentWrapper.animating ::content > * { | 511 #contentWrapper.animating ::content > * { |
506 overflow: hidden; | 512 overflow: hidden; |
507 } | 513 } |
508 | 514 |
509 </style> | 515 </style> |
510 | 516 |
511 <div id="contentWrapper"> | 517 <div id="contentWrapper"> |
512 <content id="content" select=".dropdown-content"></content> | 518 <content id="content" select=".dropdown-content"></content> |
513 </div> | 519 </div> |
514 </template> | 520 </template> |
515 | 521 |
516 </dom-module> | 522 </dom-module> |
517 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper-
listbox/" css-build="shadow"> | 523 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper-
listbox/" css-build="shadow"> |
518 <template> | 524 <template> |
519 <style scope="paper-listbox">:host { | 525 <style scope="paper-listbox">:host { |
520 display: block; | 526 display: block; |
521 padding: 8px 0; | 527 padding: 8px 0; |
522 | 528 |
523 background: var(--paper-listbox-background-color,var(--primary-backgroun
d-color)); | 529 background: var(--paper-listbox-background-color,var(--primary-backgroun
d-color));; |
524 color: var(--paper-listbox-color,var(--primary-text-color)); | 530 color: var(--paper-listbox-color,var(--primary-text-color));; |
525 | 531 |
526 ; | 532 ; |
527 } | 533 } |
528 | 534 |
529 </style> | 535 </style> |
530 | 536 |
531 <content></content> | 537 <content></content> |
532 </template> | 538 </template> |
533 | 539 |
534 </dom-module> | 540 </dom-module> |
(...skipping 727 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1262 | 1268 |
1263 ; | 1269 ; |
1264 } | 1270 } |
1265 | 1271 |
1266 :host(:focus) .tab-content { | 1272 :host(:focus) .tab-content { |
1267 opacity: 1; | 1273 opacity: 1; |
1268 font-weight: 700; | 1274 font-weight: 700; |
1269 } | 1275 } |
1270 | 1276 |
1271 paper-ripple { | 1277 paper-ripple { |
1272 color: var(--paper-tab-ink,var(--paper-yellow-a100)); | 1278 color: var(--paper-tab-ink,var(--paper-yellow-a100));; |
1273 } | 1279 } |
1274 | 1280 |
1275 .tab-content > ::content > a { | 1281 .tab-content > ::content > a { |
1276 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-
auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); | 1282 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-
auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); |
1277 | 1283 |
1278 height: 100%; | 1284 height: 100%; |
1279 } | 1285 } |
1280 | 1286 |
1281 </style> | 1287 </style> |
1282 | 1288 |
1283 <div class="tab-content"> | 1289 <div class="tab-content"> |
1284 <content></content> | 1290 <content></content> |
1285 </div> | 1291 </div> |
1286 </template> | 1292 </template> |
1287 | 1293 |
1288 </dom-module> | 1294 </dom-module> |
1289 <iron-iconset-svg name="paper-tabs" size="24"> | 1295 <iron-iconset-svg name="paper-tabs" size="24"> |
1290 <svg><defs> | 1296 <svg><defs> |
1291 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p
ath></g> | 1297 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p
ath></g> |
1292 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"><
/path></g> | 1298 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"><
/path></g> |
1293 </defs></svg> | 1299 </defs></svg> |
1294 </iron-iconset-svg> | 1300 </iron-iconset-svg> |
| 1301 |
| 1302 |
1295 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab
s/" css-build="shadow"> | 1303 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab
s/" css-build="shadow"> |
1296 <template> | 1304 <template> |
1297 <style scope="paper-tabs">:host { | 1305 <style scope="paper-tabs">:host { |
1298 display: var(--layout_-_display); | 1306 display: var(--layout_-_display); |
1299 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite
ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center
_-_align-items); | 1307 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite
ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center
_-_align-items); |
1300 | 1308 |
1301 height: 48px; | 1309 height: 48px; |
1302 font-size: 14px; | 1310 font-size: 14px; |
1303 font-weight: 500; | 1311 font-weight: 500; |
1304 overflow: hidden; | 1312 overflow: hidden; |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1367 padding: 12px; | 1375 padding: 12px; |
1368 margin: 0 4px; | 1376 margin: 0 4px; |
1369 } | 1377 } |
1370 | 1378 |
1371 #selectionBar { | 1379 #selectionBar { |
1372 position: absolute; | 1380 position: absolute; |
1373 height: 2px; | 1381 height: 2px; |
1374 bottom: 0; | 1382 bottom: 0; |
1375 left: 0; | 1383 left: 0; |
1376 right: 0; | 1384 right: 0; |
1377 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello
w-a100)); | 1385 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello
w-a100));; |
1378 -webkit-transform: scale(0); | 1386 -webkit-transform: scale(0); |
1379 transform: scale(0); | 1387 transform: scale(0); |
1380 -webkit-transform-origin: left center; | 1388 -webkit-transform-origin: left center; |
1381 transform-origin: left center; | 1389 transform-origin: left center; |
1382 transition: -webkit-transform; | 1390 transition: -webkit-transform; |
1383 transition: transform; | 1391 transition: transform; |
1384 | 1392 |
1385 ; | 1393 ; |
1386 } | 1394 } |
1387 | 1395 |
(...skipping 26 matching lines...) Expand all Loading... |
1414 <content select="*"></content> | 1422 <content select="*"></content> |
1415 </div> | 1423 </div> |
1416 </div> | 1424 </div> |
1417 | 1425 |
1418 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB
uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto
nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> | 1426 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB
uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto
nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> |
1419 | 1427 |
1420 </template> | 1428 </template> |
1421 | 1429 |
1422 </dom-module> | 1430 </dom-module> |
1423 </div><script src="lazy_load.crisper.js"></script></body></html> | 1431 </div><script src="lazy_load.crisper.js"></script></body></html> |
OLD | NEW |