Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link rel="import" href="../cool-clock/cool-clock.html">
- <link rel="import" href="../chart-js/chart-js.html">
- <link rel="import" href="../core-tooltip/core-tooltip.html">
- <link rel="import" href="../core-icon-button/core-icon-button.html">
- <link rel="import" href="../core-toolbar/core-toolbar.html">
- <link rel="import" href="../topeka-elements/avatars.html">
- <link rel="import" href="../core-icon/core-icon.html">
- <link rel="import" href="../core-menu/core-submenu.html">
- <link rel="import" href="../core-item/core-item.html">
- <link rel="import" href="../topeka-elements/topeka-datasource.html">
- <polymer-element name="my-element">
- <template>
- <style>
- :host {
- position: absolute;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- }
- #cool_clock {
- width: 400px;
- height: 300px;
- left: 480px;
- top: 200px;
- position: absolute;
- }
- #chart_js {
- width: 300px;
- height: 200px;
- left: 1010px;
- top: 510px;
- position: absolute;
- }
- #chart_js1 {
- width: 300px;
- height: 200px;
- left: 880px;
- top: 410px;
- position: absolute;
- }
- #core_tooltip {
- left: 930px;
- top: 480px;
- position: absolute;
- }
- #core_toolbar {
- right: 0px;
- left: 0px;
- color: rgb(255, 255, 255);
- fill: rgb(255, 255, 255);
- top: 0px;
- position: absolute;
- background-color: rgb(79, 125, 201);
- }
- #core_submenu {
- left: 50px;
- top: 100px;
- position: absolute;
- }
- #section {
- box-sizing: border-box;
- width: 420px;
- height: 630px;
- left: 290px;
- top: 70px;
- position: absolute;
- }
- #div1 {
- box-sizing: border-box;
- position: relative;
- height: 240px;
- padding: 24px;
- color: rgb(255, 255, 255);
- font-size: 32px;
- background-color: rgb(255, 235, 59);
- }
- #section1 {
- padding: 24px;
- font-size: 16px;
- background-color: rgb(238, 238, 238);
- }
- #core_icon {
- height: 64px;
- width: 64px;
- left: 1038px;
- top: 0px;
- position: absolute;
- }
- #topeka_datasource {
- left: 830px;
- top: 410px;
- position: absolute;
- }
- #topeka_categories {
- width: 300px;
- height: 300px;
- left: 1110px;
- top: 490px;
- }
- </style>
- <cool-clock id="cool_clock"></cool-clock>
- <chart-js id="chart_js"></chart-js>
- <chart-js id="chart_js1"></chart-js>
- <core-tooltip label="I'm a tooltip" id="core_tooltip">
- </core-tooltip>
- <core-toolbar id="core_toolbar">
- <core-icon-button icon="menu" id="core_icon_button"></core-icon-button>
- <div id="div" flex>Toolbar</div>
- <core-icon icon="avatars:avatar-1" id="core_icon" designmeta="topeka-avatar"></core-icon>
- </core-toolbar>
- <core-submenu id="core_submenu" icon="settings" label="Topics">
- <core-item id="core_item" label="Topic 1" horizontal center layout></core-item>
- <core-item id="core_item1" label="Topic 2" horizontal center layout></core-item>
- </core-submenu>
- <section id="section" layout vertical>
- <div id="div1" hero>
- <span id="span">Question</span>
- </div>
- <section id="section1" hero flex>
- <span id="span1">Answer here</span>
- </section>
- </section>
- <topeka-datasource url="../topeka-elements/categories.json" id="topeka_datasource" hidden></topeka-datasource>
- </template>
- <script>
- Polymer({
- });
- </script>
- </polymer-element>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement