OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
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 | 10 |
11 <html> | 11 <html> |
12 <head> | 12 <head> |
13 | 13 |
14 <title>core-layout-trbl demo</title> | 14 <title>core-layout-trbl demo</title> |
15 | 15 |
16 <script src="../platform/platform.js"></script> | 16 <script src="../webcomponentsjs/webcomponents.js"></script> |
17 <link rel="import" href="core-layout-trbl.html"> | 17 <link rel="import" href="core-layout-trbl.html"> |
18 <link rel="import" href="core-slide.html"> | 18 <link rel="import" href="core-slide.html"> |
19 | 19 |
20 <style> | 20 <style> |
21 div { | 21 div { |
22 padding: 8px; | 22 padding: 8px; |
23 border: 3px solid lightblue; | 23 border: 3px solid lightblue; |
24 -webkit-transition: all 0.3s; | 24 -webkit-transition: all 0.3s; |
25 } | 25 } |
26 [vertical] ~ div { | 26 [vertical] ~ div { |
(...skipping 22 matching lines...) Expand all Loading... |
49 <div id="right">A last bit, like a panel</div> | 49 <div id="right">A last bit, like a panel</div> |
50 </div> | 50 </div> |
51 <core-slide id="leftSlide" targetid="left"></core-slide> | 51 <core-slide id="leftSlide" targetid="left"></core-slide> |
52 <core-slide id="leftSlide2" targetid="left2"></core-slide> | 52 <core-slide id="leftSlide2" targetid="left2"></core-slide> |
53 <core-slide id="rightSlide" targetid="right"></core-slide> | 53 <core-slide id="rightSlide" targetid="right"></core-slide> |
54 <core-slide id="topSlide" vertical targetid="top"></core-slide> | 54 <core-slide id="topSlide" vertical targetid="top"></core-slide> |
55 <core-slide id="bottomSlide" vertical targetid="bottom"></core-slide> | 55 <core-slide id="bottomSlide" vertical targetid="bottom"></core-slide> |
56 | 56 |
57 </body> | 57 </body> |
58 </html> | 58 </html> |
OLD | NEW |