Advertisement
Guest User

Untitled

a guest
May 25th, 2015
278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.02 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-icons/core-icons.html">
  5. <link rel="import" href="../core-icon/core-icon.html">
  6.  
  7. <polymer-element name="my-element">
  8.  
  9. <template>
  10. <style>
  11. :host {
  12. position: absolute;
  13. width: 100%;
  14. height: 100%;
  15. box-sizing: border-box;
  16. }
  17. #core_toolbar {
  18. right: 0px;
  19. left: 0px;
  20. color: rgb(255, 255, 255);
  21. fill: rgb(255, 255, 255);
  22. top: 0px;
  23. position: absolute;
  24. background-color: rgb(0, 149, 135);
  25. }
  26. #code_mirror {
  27. width: 400px;
  28. height: 300px;
  29. left: 1600px;
  30. top: 590px;
  31. }
  32. #core_icon {
  33. height: 128px;
  34. width: 128px;
  35. left: 250px;
  36. top: 170px;
  37. position: absolute;
  38. }
  39. #core_drawer_panel {
  40. position: absolute;
  41. top: 0px;
  42. right: 0px;
  43. bottom: 0px;
  44. left: 20px;
  45. }
  46. #section {
  47. box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
  48. background-color: rgb(250, 250, 250);
  49. }
  50. #section1 {
  51. height: 100%;
  52. box-sizing: border-box;
  53. background-color: rgb(221, 221, 221);
  54. }
  55. </style>
  56. <core-drawer-panel transition peeking id="core_drawer_panel" touch-action>
  57. <section id="section" drawer></section>
  58. <section id="section1" main>
  59. <core-toolbar id="core_toolbar" class="tall" style"background">
  60. <core-icon-button icon="menu" id="menu_toggle" class="bottom"></core-icon-button>
  61. <core-icon icon="category-icons:food" id="logo" class="bottom"></core-icon>
  62. <div id="div" class="bottom" flex>Fast Food & Delivery</div>
  63. </core-toolbar>
  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