| 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 227 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 238 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | 238 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
| 239 } | 239 } |
| 240 | 240 |
| 241 :host([elevation="5"]) { | 241 :host([elevation="5"]) { |
| 242 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | 242 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
| 243 } | 243 } |
| 244 | 244 |
| 245 </style> | 245 </style> |
| 246 </template> | 246 </template> |
| 247 </dom-module> | 247 </dom-module> |
| 248 |
| 249 |
| 248 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> | 250 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> |
| 249 <template strip-whitespace=""> | 251 <template strip-whitespace=""> |
| 250 <style scope="paper-button">:host { | 252 <style scope="paper-button">:host { |
| 251 display: block; | 253 display: block; |
| 252 position: relative; | 254 position: relative; |
| 253 } | 255 } |
| 254 | 256 |
| 255 :host([elevation="1"]) { | 257 :host([elevation="1"]) { |
| 256 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 258 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 257 } | 259 } |
| (...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 357 display: none !important; | 359 display: none !important; |
| 358 } | 360 } |
| 359 | 361 |
| 360 :host(.iron-selected), .paper-item.iron-selected { | 362 :host(.iron-selected), .paper-item.iron-selected { |
| 361 font-weight: var(--paper-item-selected-weight, bold); | 363 font-weight: var(--paper-item-selected-weight, bold); |
| 362 | 364 |
| 363 ; | 365 ; |
| 364 } | 366 } |
| 365 | 367 |
| 366 :host([disabled]), .paper-item[disabled] { | 368 :host([disabled]), .paper-item[disabled] { |
| 367 color: var(--paper-item-disabled-color,var(--disabled-text-color)); | 369 color: var(--paper-item-disabled-color,var(--disabled-text-color));; |
| 368 | 370 |
| 369 ; | 371 ; |
| 370 } | 372 } |
| 371 | 373 |
| 372 :host(:focus), .paper-item:focus { | 374 :host(:focus), .paper-item:focus { |
| 373 position: relative; | 375 position: relative; |
| 374 outline: 0; | 376 outline: 0; |
| 375 | 377 |
| 376 ; | 378 ; |
| 377 } | 379 } |
| 378 | 380 |
| 379 :host(:focus):before, .paper-item:focus:before { | 381 :host(:focus):before, .paper-item:focus:before { |
| 380 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); | 382 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); |
| 381 | 383 |
| 382 background: currentColor; | 384 background: currentColor; |
| 383 content: ''; | 385 content: ''; |
| 384 opacity: var(--dark-divider-opacity); | 386 opacity: var(--dark-divider-opacity); |
| 385 pointer-events: none; | 387 pointer-events: none; |
| 386 | 388 |
| 387 ; | 389 ; |
| 388 } | 390 } |
| 389 | 391 |
| 390 </style> | 392 </style> |
| 391 </template> | 393 </template> |
| 392 </dom-module> | 394 </dom-module> |
| 395 |
| 396 |
| 393 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> | 397 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> |
| 394 <template> | 398 <template> |
| 395 | 399 |
| 396 <style scope="paper-item">:host, .paper-item { | 400 <style scope="paper-item">:host, .paper-item { |
| 397 display: block; | 401 display: block; |
| 398 position: relative; | 402 position: relative; |
| 399 min-height: var(--paper-item-min-height, 48px); | 403 min-height: var(--paper-item-min-height, 48px); |
| 400 padding: 0px 16px; | 404 padding: 0px 16px; |
| 401 } | 405 } |
| 402 | 406 |
| (...skipping 10 matching lines...) Expand all Loading... |
| 413 display: none !important; | 417 display: none !important; |
| 414 } | 418 } |
| 415 | 419 |
| 416 :host(.iron-selected), .paper-item.iron-selected { | 420 :host(.iron-selected), .paper-item.iron-selected { |
| 417 font-weight: var(--paper-item-selected-weight, bold); | 421 font-weight: var(--paper-item-selected-weight, bold); |
| 418 | 422 |
| 419 ; | 423 ; |
| 420 } | 424 } |
| 421 | 425 |
| 422 :host([disabled]), .paper-item[disabled] { | 426 :host([disabled]), .paper-item[disabled] { |
| 423 color: var(--paper-item-disabled-color,var(--disabled-text-color)); | 427 color: var(--paper-item-disabled-color,var(--disabled-text-color));; |
| 424 | 428 |
| 425 ; | 429 ; |
| 426 } | 430 } |
| 427 | 431 |
| 428 :host(:focus), .paper-item:focus { | 432 :host(:focus), .paper-item:focus { |
| 429 position: relative; | 433 position: relative; |
| 430 outline: 0; | 434 outline: 0; |
| 431 | 435 |
| 432 ; | 436 ; |
| 433 } | 437 } |
| (...skipping 801 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1235 | 1239 |
| 1236 ; | 1240 ; |
| 1237 } | 1241 } |
| 1238 | 1242 |
| 1239 :host(:focus) .tab-content { | 1243 :host(:focus) .tab-content { |
| 1240 opacity: 1; | 1244 opacity: 1; |
| 1241 font-weight: 700; | 1245 font-weight: 700; |
| 1242 } | 1246 } |
| 1243 | 1247 |
| 1244 paper-ripple { | 1248 paper-ripple { |
| 1245 color: var(--paper-tab-ink,var(--paper-yellow-a100)); | 1249 color: var(--paper-tab-ink,var(--paper-yellow-a100));; |
| 1246 } | 1250 } |
| 1247 | 1251 |
| 1248 .tab-content > ::content > a { | 1252 .tab-content > ::content > a { |
| 1249 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-
auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); | 1253 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-
auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); |
| 1250 | 1254 |
| 1251 height: 100%; | 1255 height: 100%; |
| 1252 } | 1256 } |
| 1253 | 1257 |
| 1254 </style> | 1258 </style> |
| 1255 | 1259 |
| 1256 <div class="tab-content"> | 1260 <div class="tab-content"> |
| 1257 <content></content> | 1261 <content></content> |
| 1258 </div> | 1262 </div> |
| 1259 </template> | 1263 </template> |
| 1260 | 1264 |
| 1261 </dom-module> | 1265 </dom-module> |
| 1262 <iron-iconset-svg name="paper-tabs" size="24"> | 1266 <iron-iconset-svg name="paper-tabs" size="24"> |
| 1263 <svg><defs> | 1267 <svg><defs> |
| 1264 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p
ath></g> | 1268 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p
ath></g> |
| 1265 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"><
/path></g> | 1269 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"><
/path></g> |
| 1266 </defs></svg> | 1270 </defs></svg> |
| 1267 </iron-iconset-svg> | 1271 </iron-iconset-svg> |
| 1272 |
| 1273 |
| 1268 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab
s/" css-build="shadow"> | 1274 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab
s/" css-build="shadow"> |
| 1269 <template> | 1275 <template> |
| 1270 <style scope="paper-tabs">:host { | 1276 <style scope="paper-tabs">:host { |
| 1271 display: var(--layout_-_display); | 1277 display: var(--layout_-_display); |
| 1272 -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); | 1278 -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); |
| 1273 | 1279 |
| 1274 height: 48px; | 1280 height: 48px; |
| 1275 font-size: 14px; | 1281 font-size: 14px; |
| 1276 font-weight: 500; | 1282 font-weight: 500; |
| 1277 overflow: hidden; | 1283 overflow: hidden; |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1340 padding: 12px; | 1346 padding: 12px; |
| 1341 margin: 0 4px; | 1347 margin: 0 4px; |
| 1342 } | 1348 } |
| 1343 | 1349 |
| 1344 #selectionBar { | 1350 #selectionBar { |
| 1345 position: absolute; | 1351 position: absolute; |
| 1346 height: 2px; | 1352 height: 2px; |
| 1347 bottom: 0; | 1353 bottom: 0; |
| 1348 left: 0; | 1354 left: 0; |
| 1349 right: 0; | 1355 right: 0; |
| 1350 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello
w-a100)); | 1356 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello
w-a100));; |
| 1351 -webkit-transform: scale(0); | 1357 -webkit-transform: scale(0); |
| 1352 transform: scale(0); | 1358 transform: scale(0); |
| 1353 -webkit-transform-origin: left center; | 1359 -webkit-transform-origin: left center; |
| 1354 transform-origin: left center; | 1360 transform-origin: left center; |
| 1355 transition: -webkit-transform; | 1361 transition: -webkit-transform; |
| 1356 transition: transform; | 1362 transition: transform; |
| 1357 | 1363 |
| 1358 ; | 1364 ; |
| 1359 } | 1365 } |
| 1360 | 1366 |
| (...skipping 26 matching lines...) Expand all Loading... |
| 1387 <content select="*"></content> | 1393 <content select="*"></content> |
| 1388 </div> | 1394 </div> |
| 1389 </div> | 1395 </div> |
| 1390 | 1396 |
| 1391 <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> | 1397 <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> |
| 1392 | 1398 |
| 1393 </template> | 1399 </template> |
| 1394 | 1400 |
| 1395 </dom-module> | 1401 </dom-module> |
| 1396 </div><script src="lazy_load.crisper.js"></script></body></html> | 1402 </div><script src="lazy_load.crisper.js"></script></body></html> |
| OLD | NEW |