Created
July 3, 2014 06:11
-
-
Save miensol/6d91b199a4d63548002c 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-icon-button/core-icon-button.html"> | |
<link rel="import" href="../core-toolbar/core-toolbar.html"> | |
<link rel="import" href="../core-header-panel/core-header-panel.html"> | |
<link rel="import" href="../paper-radio-group/paper-radio-group.html"> | |
<link rel="import" href="../paper-radio-button/paper-radio-button.html"> | |
<link rel="import" href="../paper-input/paper-input.html"> | |
<polymer-element name="my-element"> | |
<template> | |
<style> | |
:host { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
box-sizing: border-box; | |
} | |
#core_header_panel { | |
width: 300px; | |
height: 200px; | |
left: 20px; | |
top: 260px; | |
position: absolute; | |
} | |
#core_toolbar { | |
color: rgb(255, 255, 255); | |
background-color: rgb(79, 125, 201); | |
} | |
#section { | |
height: 1000px; | |
background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
#core_header_panel1 { | |
width: 300px; | |
height: 150px; | |
left: 400px; | |
top: 40px; | |
position: absolute; | |
} | |
#core_toolbar1 { | |
color: rgb(255, 255, 255); | |
background-color: rgb(79, 125, 201); | |
} | |
#section1 { | |
height: 1000px; | |
background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
#core_header_panel2 { | |
width: 300px; | |
height: 150px; | |
left: 730px; | |
top: 40px; | |
position: absolute; | |
} | |
#core_toolbar2 { | |
color: rgb(255, 255, 255); | |
background-color: rgb(79, 125, 201); | |
} | |
#section2 { | |
height: 1000px; | |
background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
#core_header_panel3 { | |
width: 300px; | |
height: 150px; | |
left: 1110px; | |
top: 260px; | |
position: absolute; | |
} | |
#core_toolbar3 { | |
color: rgb(255, 255, 255); | |
background-color: rgb(79, 125, 201); | |
} | |
#section3 { | |
height: 1000px; | |
background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
#core_header_panel4 { | |
width: 300px; | |
height: 150px; | |
left: 570px; | |
top: 260px; | |
position: absolute; | |
} | |
#core_toolbar4 { | |
color: rgb(255, 255, 255); | |
background-color: rgb(79, 125, 201); | |
} | |
#section4 { | |
height: 1000px; | |
background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
#section5 { | |
left: 1060px; | |
top: 400px; | |
position: absolute; | |
} | |
#core_header_panel5 { | |
width: 300px; | |
height: 150px; | |
left: 570px; | |
top: 560px; | |
position: absolute; | |
} | |
#core_toolbar5 { | |
color: rgb(255, 255, 255); | |
background-color: rgb(79, 125, 201); | |
} | |
#section6 { | |
height: 1000px; | |
background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230)); | |
} | |
</style> | |
<section id="section5"></section> | |
<core-header-panel mode="standard" id="core_header_panel"> | |
<section id="section"> | |
<core-toolbar id="core_toolbar"> | |
<div id="div">Do you like going home?</div> | |
</core-toolbar> | |
<paper-radio-group selected="Yes" valueattr="label" selectedindex="0" id="paper_radio_group" vertical layout> | |
<paper-radio-button label="Yes" id="paper_radio_button"></paper-radio-button> | |
<paper-radio-button label="No" id="paper_radio_button2"></paper-radio-button> | |
<paper-radio-button label="I don't know" id="paper_radio_button1"></paper-radio-button> | |
</paper-radio-group> | |
</section> | |
</core-header-panel> | |
<core-header-panel mode="standard" id="core_header_panel4"> | |
<core-toolbar id="core_toolbar4"> | |
<core-icon-button icon="menu" id="core_icon_button1"></core-icon-button> | |
<div id="div4">How long does it take to go home?</div> | |
</core-toolbar> | |
<section id="section4"> | |
<paper-radio-group selected="10 minutes" valueattr="label" selectedindex="0" id="paper_radio_group1"> | |
<paper-radio-button label="10 minutes" id="paper_radio_button3"></paper-radio-button> | |
<paper-radio-button label="30 minutes" id="paper_radio_button4"></paper-radio-button> | |
<paper-radio-button label="More than 60 minutes" id="paper_radio_button5"></paper-radio-button> | |
</paper-radio-group> | |
</section> | |
</core-header-panel> | |
<core-header-panel mode="standard" id="core_header_panel1"> | |
<core-toolbar id="core_toolbar1"> | |
<div id="div1">Why you don't like going home?</div> | |
</core-toolbar> | |
<section id="section1"> | |
<paper-input label="Give me your answer" id="paper_input" center one flex></paper-input> | |
</section> | |
</core-header-panel> | |
<core-header-panel mode="standard" id="core_header_panel2"> | |
<core-toolbar id="core_toolbar2"> | |
<div id="div2">What would improve your trip to home?</div> | |
</core-toolbar> | |
<section id="section2"> | |
<paper-input label="Give some explanation?" id="paper_input2" center one flex></paper-input> | |
</section> | |
</core-header-panel> | |
<core-header-panel mode="standard" id="core_header_panel5"> | |
<core-toolbar id="core_toolbar5"> | |
<core-icon-button icon="menu" id="core_icon_button2"></core-icon-button> | |
<div id="div5">And what do you know?</div> | |
</core-toolbar> | |
<section id="section6"> | |
<paper-input label="What's the result of 2+2=?" id="paper_input3"></paper-input> | |
</section> | |
</core-header-panel> | |
<core-header-panel mode="standard" id="core_header_panel3"> | |
<core-toolbar id="core_toolbar3"> | |
<core-icon-button icon="menu" id="core_icon_button"></core-icon-button> | |
<div id="div3">Did you like the survey?</div> | |
</core-toolbar> | |
<section id="section3"> | |
<paper-input label="Yes, no, very much?" id="paper_input1"></paper-input> | |
</section> | |
</core-header-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