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 |