Advertisement
Guest User

Untitled

a guest
Oct 13th, 2015
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.63 KB | None | 0 0
  1. <link rel="import" href="../cool-clock/cool-clock.html">
  2. <link rel="import" href="../chart-js/chart-js.html">
  3. <link rel="import" href="../core-tooltip/core-tooltip.html">
  4. <link rel="import" href="../core-icon-button/core-icon-button.html">
  5. <link rel="import" href="../core-toolbar/core-toolbar.html">
  6. <link rel="import" href="../topeka-elements/avatars.html">
  7. <link rel="import" href="../core-icon/core-icon.html">
  8. <link rel="import" href="../core-menu/core-submenu.html">
  9. <link rel="import" href="../core-item/core-item.html">
  10. <link rel="import" href="../topeka-elements/topeka-datasource.html">
  11.  
  12. <polymer-element name="my-element">
  13.  
  14. <template>
  15. <style>
  16. :host {
  17. position: absolute;
  18. width: 100%;
  19. height: 100%;
  20. box-sizing: border-box;
  21. }
  22. #cool_clock {
  23. width: 400px;
  24. height: 300px;
  25. left: 480px;
  26. top: 200px;
  27. position: absolute;
  28. }
  29. #chart_js {
  30. width: 300px;
  31. height: 200px;
  32. left: 1010px;
  33. top: 510px;
  34. position: absolute;
  35. }
  36. #chart_js1 {
  37. width: 300px;
  38. height: 200px;
  39. left: 880px;
  40. top: 410px;
  41. position: absolute;
  42. }
  43. #core_tooltip {
  44. left: 930px;
  45. top: 480px;
  46. position: absolute;
  47. }
  48. #core_toolbar {
  49. right: 0px;
  50. left: 0px;
  51. color: rgb(255, 255, 255);
  52. fill: rgb(255, 255, 255);
  53. top: 0px;
  54. position: absolute;
  55. background-color: rgb(79, 125, 201);
  56. }
  57. #core_submenu {
  58. left: 50px;
  59. top: 100px;
  60. position: absolute;
  61. }
  62. #section {
  63. box-sizing: border-box;
  64. width: 420px;
  65. height: 630px;
  66. left: 290px;
  67. top: 70px;
  68. position: absolute;
  69. }
  70. #div1 {
  71. box-sizing: border-box;
  72. position: relative;
  73. height: 240px;
  74. padding: 24px;
  75. color: rgb(255, 255, 255);
  76. font-size: 32px;
  77. background-color: rgb(255, 235, 59);
  78. }
  79. #section1 {
  80. padding: 24px;
  81. font-size: 16px;
  82. background-color: rgb(238, 238, 238);
  83. }
  84. #core_icon {
  85. height: 64px;
  86. width: 64px;
  87. left: 1038px;
  88. top: 0px;
  89. position: absolute;
  90. }
  91. #topeka_datasource {
  92. left: 830px;
  93. top: 410px;
  94. position: absolute;
  95. }
  96. #topeka_categories {
  97. width: 300px;
  98. height: 300px;
  99. left: 1110px;
  100. top: 490px;
  101. }
  102. </style>
  103. <cool-clock id="cool_clock"></cool-clock>
  104. <chart-js id="chart_js"></chart-js>
  105. <chart-js id="chart_js1"></chart-js>
  106. <core-tooltip label="I'm a tooltip" id="core_tooltip">
  107. </core-tooltip>
  108. <core-toolbar id="core_toolbar">
  109. <core-icon-button icon="menu" id="core_icon_button"></core-icon-button>
  110. <div id="div" flex>Toolbar</div>
  111. <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
  112. </core-toolbar>
  113. <core-submenu id="core_submenu" icon="settings" label="Topics">
  114. <core-item id="core_item" label="Topic 1" horizontal center layout></core-item>
  115. <core-item id="core_item1" label="Topic 2" horizontal center layout></core-item>
  116. </core-submenu>
  117. <section id="section" layout vertical>
  118. <div id="div1" hero>
  119. <span id="span">Question</span>
  120. </div>
  121. <section id="section1" hero flex>
  122. <span id="span1">Answer here</span>
  123. </section>
  124. </section>
  125. <topeka-datasource url="../topeka-elements/categories.json" id="topeka_datasource" hidden></topeka-datasource>
  126. </template>
  127.  
  128. <script>
  129.  
  130. Polymer({
  131.  
  132. });
  133.  
  134. </script>
  135.  
  136. </polymer-element>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement