Created
June 29, 2014 01:11
-
-
Save drhodes/8981fbf0b6c1ee81972f 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="../core-drawer-panel/core-drawer-panel.html"> | |
<link rel="import" href="../core-input/core-input.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-scroll-header-panel/core-scroll-header-panel.html"> | |
<link rel="import" href="../paper-toast/paper-toast.html"> | |
<link rel="import" href="../google-map/google-map.html"> | |
<link rel="import" href="../code-mirror/code-mirror.html"> | |
<polymer-element name="my-element"> | |
<template> | |
<style> | |
:host { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
box-sizing: border-box; | |
} | |
#core_drawer_panel { | |
position: absolute; | |
top: 0px; | |
right: 0px; | |
bottom: 0px; | |
left: 0px; | |
width: 100%; | |
height: 100%; | |
} | |
#section1 { | |
height: 100%; | |
box-sizing: border-box; | |
background-color: rgb(221, 221, 221); | |
} | |
#core_input { | |
padding: 15px; | |
} | |
#core_icon { | |
height: 24px; | |
width: 24px; | |
left: 890px; | |
top: 1110px; | |
} | |
#core_scroll_header_panel { | |
width: 380px; | |
height: 460px; | |
position: static; | |
} | |
#core_toolbar { | |
background-color: rgb(0, 111, 104); | |
color: rgb(241, 241, 241); | |
fill: #f1f1f1; | |
} | |
#section2 { | |
height: 5000px; | |
background-image: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
#paper_radio_button { | |
left: 950px; | |
top: 1050px; | |
} | |
#google_map { | |
width: 100%; | |
height: 100%; | |
display: block; | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
} | |
#paper_ripple { | |
width: 300px; | |
height: 300px; | |
left: 890px; | |
top: 1290px; | |
} | |
#code_mirror { | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
} | |
</style> | |
<core-drawer-panel selected="drawer" id="core_drawer_panel"> | |
<section id="section1" main> | |
<core-input placeholder="Type something..." id="core_input"></core-input> | |
<core-scroll-header-panel condenses headerheight="192" condensedheaderheight="64" id="core_scroll_header_panel"> | |
<core-toolbar id="core_toolbar" class="tall"> | |
<core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button> | |
<div id="div" flex></div> | |
<core-icon-button icon="search" id="core_icon_button1"></core-icon-button> | |
<core-icon-button icon="more-vert" id="core_icon_button2"></core-icon-button> | |
<div id="div1" class="bottom indent">Title</div> | |
</core-toolbar> | |
<section id="section2" content> | |
<paper-toast text="Toast!" id="paper_toast" class="core-transition core-transition-bottom"></paper-toast> | |
<paper-toast text="Toast!" id="paper_toast1" class="core-transition core-transition-bottom"></paper-toast> | |
<paper-toast text="Toast!" id="paper_toast2" class="core-transition core-transition-bottom"></paper-toast> | |
<paper-toast text="Toast!" id="paper_toast3" class="core-transition core-transition-bottom"></paper-toast> | |
<paper-toast text="Toast!" id="paper_toast4" class="core-transition core-transition-bottom"></paper-toast> | |
<google-map id="google_map"></google-map> | |
</section> | |
</core-scroll-header-panel> | |
</section> | |
<paper-toast text="Toast!" id="paper_toast5" class="core-transition core-transition-bottom"></paper-toast> | |
<code-mirror value="<polymer-element name='my-element'> | |
<template></template> | |
<script> | |
Polymer('my-element', {}); | |
</script> | |
</polymer-element>" id="code_mirror"><polymer-element name='my-element'> | |
<template></template> | |
<script> | |
Polymer('my-element', {}); | |
</script> | |
</polymer-element></code-mirror> | |
</core-drawer-panel> | |
</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