Created
August 15, 2014 22:50
-
-
Save g8d3/68a7321c7919d895175a to your computer and use it in GitHub Desktop.
designer
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link rel="import" href="../google-map/google-map-search.html"> | |
<link rel="import" href="../speech-mic/speech-mic.html"> | |
<link rel="import" href="../core-input/core-input.html"> | |
<link rel="import" href="../core-field/core-field.html"> | |
<link rel="import" href="../core-icon/core-icon.html"> | |
<link rel="import" href="../core-icons/core-icons.html"> | |
<link rel="import" href="../core-scaffold/core-scaffold.html"> | |
<link rel="import" href="../core-header-panel/core-header-panel.html"> | |
<link rel="import" href="../core-menu/core-menu.html"> | |
<link rel="import" href="../core-item/core-item.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="../core-menu/core-submenu.html"> | |
<link rel="import" href="../core-menu-button/core-menu-button.html"> | |
<link rel="import" href="../core-scroll-header-panel/core-scroll-header-panel.html"> | |
<polymer-element name="my-element"> | |
<template> | |
<style> | |
:host { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
box-sizing: border-box; | |
} | |
#speech_mic { | |
left: 630px; | |
top: 270px; | |
position: absolute; | |
} | |
#google_map_search { | |
left: 300px; | |
top: 160px; | |
position: absolute; | |
} | |
#google_map_search1 { | |
left: 410px; | |
top: 400px; | |
position: absolute; | |
} | |
#core_input { | |
padding: 15px; | |
left: 560px; | |
top: 370px; | |
position: absolute; | |
} | |
#core_field { | |
left: 150px; | |
top: 150px; | |
position: absolute; | |
} | |
#core_scaffold { | |
position: absolute; | |
top: 0px; | |
right: 0px; | |
bottom: 0px; | |
left: 0px; | |
} | |
#core_header_panel { | |
background-color: rgb(255, 255, 255); | |
} | |
#core_toolbar { | |
color: rgb(255, 255, 255); | |
background-color: rgb(79, 125, 201); | |
} | |
#core_menu { | |
font-size: 16px; | |
} | |
#core_scroll_header_panel { | |
width: 380px; | |
height: 460px; | |
} | |
#core_toolbar1 { | |
color: rgb(241, 241, 241); | |
fill: rgb(241, 241, 241); | |
background-color: rgb(66, 133, 244); | |
} | |
#section { | |
height: 5000px; | |
background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
</style> | |
<google-map-search id="google_map_search"></google-map-search> | |
<speech-mic id="speech_mic"></speech-mic> | |
<google-map-search id="google_map_search1"></google-map-search> | |
<core-input placeholder="Type something..." id="core_input"></core-input> | |
<core-field id="core_field" icon="search" theme="core-light-theme" center horizontal layout> | |
<core-icon id="core_icon" icon="search"></core-icon> | |
<core-input placeholder="text input" id="core_input1" flex></core-input> | |
</core-field> | |
<core-scaffold id="core_scaffold"> | |
<core-header-panel mode="seamed" id="core_header_panel" navigation flex> | |
<core-toolbar id="core_toolbar"></core-toolbar> | |
<core-menu id="core_menu" valueattr="label" theme="core-light-theme"> | |
<core-item id="core_item" icon="settings" label="Item1" horizontal center layout active>cxvb</core-item> | |
<core-item id="core_item1" icon="settings" label="Item2" horizontal center layout></core-item> | |
<core-menu-button id="core_menu_button" icon="more-vert" selected="0"> | |
<core-item id="core_item2" icon="content-cut" label="Cut" horizontal center layout active></core-item> | |
<core-item id="core_item3" icon="content-copy" label="Copy" horizontal center layout></core-item> | |
<core-item id="core_item4" icon="content-paste" label="Paste" horizontal center layout></core-item> | |
</core-menu-button> | |
</core-menu> | |
</core-header-panel> | |
<div id="div" tool>Title</div> | |
<core-scroll-header-panel condenses headerheight="192" id="core_scroll_header_panel"> | |
<section id="section" content></section> | |
<core-toolbar id="core_toolbar1" class="tall"> | |
<core-icon-button id="core_icon_button" icon="arrow-back"></core-icon-button> | |
<div id="div1" flex></div> | |
<core-icon-button id="core_icon_button1" icon="search"></core-icon-button> | |
<core-icon-button id="core_icon_button2" icon="more-vert"></core-icon-button> | |
<div id="div2" class="bottom indent">Title</div> | |
</core-toolbar> | |
</core-scroll-header-panel> | |
</core-scaffold> | |
</template> | |
<script> | |
Polymer('my-element', { | |
}); | |
</script> | |
</polymer-element> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment