Advertisement
Guest User

Untitled

a guest
Dec 2nd, 2015
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.72 KB | None | 0 0
  1. <link rel="import" href="../google-map/google-map-directions.html">
  2. <link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
  3. <link rel="import" href="../paper-button/paper-button.html">
  4. <link rel="import" href="../paper-checkbox/paper-checkbox.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. #google_map_directions {
  17. left: 820px;
  18. top: 310px;
  19. position: absolute;
  20. }
  21. #paper_button {
  22. left: 13px;
  23. top: 70px;
  24. position: absolute;
  25. }
  26. #paper_checkbox {
  27. left: 20px;
  28. top: 110px;
  29. position: absolute;
  30. width: 140px;
  31. height: 60px;
  32. }
  33. #core_drawer_panel {
  34. position: absolute;
  35. top: 10px;
  36. right: 0px;
  37. bottom: 0px;
  38. left: 10px;
  39. }
  40. #section {
  41. box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
  42. background-color: rgb(250, 250, 250);
  43. }
  44. #section1 {
  45. height: 100%;
  46. box-sizing: border-box;
  47. background-color: rgb(221, 221, 221);
  48. }
  49. </style>
  50. <google-map-directions id="google_map_directions"></google-map-directions>
  51. <core-drawer-panel transition id="core_drawer_panel" touch-action>
  52. <section id="section" drawer>
  53. <paper-button id="paper_button">button</paper-button>
  54. <paper-checkbox label="click me" id="paper_checkbox"></paper-checkbox>
  55. </section>
  56. <section id="section1" main></section>
  57. </core-drawer-panel>
  58. </template>
  59.  
  60. <script>
  61.  
  62. Polymer({
  63.  
  64. });
  65.  
  66. </script>
  67.  
  68. </polymer-element>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement