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