Advertisement
Guest User

Untitled

a guest
May 25th, 2015
212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.00 KB | None | 0 0
  1. <link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
  2. <link rel="import" href="../core-icon-button/core-icon-button.html">
  3. <link rel="import" href="../core-toolbar/core-toolbar.html">
  4. <link rel="import" href="../core-header-panel/core-header-panel.html">
  5.  
  6. <polymer-element name="my-element">
  7.  
  8. <template>
  9. <style>
  10. :host {
  11. position: absolute;
  12. width: 100%;
  13. height: 100%;
  14. box-sizing: border-box;
  15. }
  16. #core_drawer_panel {
  17. position: absolute;
  18. top: -10px;
  19. right: 0px;
  20. bottom: 0px;
  21. left: 0px;
  22. }
  23. #section {
  24. box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
  25. background-color: rgb(250, 250, 250);
  26. }
  27. #section1 {
  28. height: 100%;
  29. box-sizing: border-box;
  30. background-color: rgb(221, 221, 221);
  31. }
  32. #section2 {
  33. left: 464px;
  34. top: 290px;
  35. position: absolute;
  36. }
  37. #core_header_panel {
  38. width: 300px;
  39. height: 400px;
  40. left: 4px;
  41. top: 10px;
  42. position: absolute;
  43. }
  44. #core_toolbar {
  45. color: rgb(255, 255, 255);
  46. background-color: rgb(79, 125, 201);
  47. }
  48. #section3 {
  49. height: 1000px;
  50. background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230));
  51. }
  52. </style>
  53. <core-drawer-panel transition id="core_drawer_panel" touch-action>
  54. <section id="section" drawer></section>
  55. <section id="section1" main>
  56. <section id="section2"></section>
  57. <core-header-panel mode="standard" id="core_header_panel">
  58. <core-toolbar id="core_toolbar">
  59. <core-icon-button icon="menu" id="core_icon_button"></core-icon-button>
  60. <div id="div">Header</div>
  61. </core-toolbar>
  62. <section id="section3"></section>
  63. </core-header-panel>
  64. </section>
  65. </core-drawer-panel>
  66. </template>
  67.  
  68. <script>
  69.  
  70. Polymer({
  71.  
  72. });
  73.  
  74. </script>
  75.  
  76. </polymer-element>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement