Last active
August 29, 2015 14:16
-
-
Save yubrajpokharel/33f66fbebff7bd66d164 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-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-icons/core-icons.html"> | |
<link rel="import" href="../core-icon/core-icon.html"> | |
<link rel="import" href="../paper-icon-button/paper-icon-button.html"> | |
<polymer-element name="my-element"> | |
<template> | |
<style> | |
:host { | |
width: 100%; | |
height: 100%; | |
box-sizing: border-box; | |
position: static; | |
background-color: rgb(255, 255, 255); | |
} | |
#main_menu { | |
font-size: 15px; | |
} | |
#counter { | |
color: rgb(0, 0, 0); | |
position: relative; | |
} | |
#core_icon1 { | |
color: rgb(119, 136, 136); | |
} | |
#container { | |
margin: 10px; | |
background-color: rgb(255, 255, 255); | |
} | |
#heading, #time, #icons { | |
color: rgb(104, 152, 206); | |
} | |
#div2 { | |
padding: 10px; | |
color: rgb(255, 255, 255); | |
margin: 0px; | |
background-color: rgb(255, 255, 255); | |
} | |
#tile-general { | |
box-sizing: border-box; | |
float: left; | |
height: 30%; | |
width: 48%; | |
margin: 3px; | |
} | |
#section4 { | |
background-color: rgb(255, 255, 141); | |
} | |
#core_icon1 { | |
height: 128px; | |
width: 128px; | |
margin: 0px; | |
background-color: rgb(255, 255, 255); | |
} | |
#div3 { | |
padding: 8px; | |
color: rgb(255, 255, 255); | |
background-color: rgb(255, 255, 255); | |
} | |
#core_icon2 { | |
height: 128px; | |
width: 128px; | |
} | |
#div6 { | |
box-sizing: border-box; | |
float: left; | |
margin: 3px; | |
background-color: rgb(255, 138, 128); | |
} | |
#core_icon3 { | |
height: 128px; | |
width: 128px; | |
} | |
#div7 { | |
padding: 8px; | |
color: rgb(255, 255, 255); | |
background-color: rgb(219, 68, 55); | |
} | |
#div8 { | |
box-sizing: border-box; | |
float: left; | |
height: 30%; | |
width: 48%; | |
margin: 3px; | |
background-color: rgb(130, 177, 255); | |
} | |
#core_icon4 { | |
height: 128px; | |
width: 128px; | |
} | |
#div9 { | |
padding: 8px; | |
color: rgb(255, 255, 255); | |
background-color: rgb(66, 133, 244); | |
} | |
#core_scaffold { | |
right: 0px; | |
bottom: 0px; | |
position: static; | |
background-color: rgb(255, 255, 255); | |
} | |
#core_header_panel { | |
background-color: rgb(255, 255, 255); | |
} | |
#core_menu { | |
font-size: 16px; | |
} | |
#h1 { | |
background-color: rgb(255, 255, 255); | |
} | |
#div1 { | |
position: absolute; | |
background-color: rgb(255, 255, 255); | |
} | |
#container { | |
background-color: rgb(255, 255, 255); | |
} | |
#profileimage { | |
background-color: rgb(255, 255, 255); | |
} | |
#paper_shadow { | |
padding: 10px; | |
} | |
#navheader { | |
background-color: rgb(0, 186, 210); | |
} | |
#logo-container { | |
margin: auto; | |
position: relative; | |
} | |
.logo_text { | |
color: rgb(255, 255, 255); | |
} | |
#paper_fab { | |
position: absolute; | |
} | |
</style> | |
<core-scaffold id="core_scaffold" class="ask_but"> | |
<core-header-panel id="core_header_panel" navigation flex> | |
<core-toolbar id="navheader" class="tall"> | |
<div flex self-center>Beta</div> | |
</core-toolbar> | |
<core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme"> | |
<core-item id="main_menu" icon="settings" label="Item1" horizontal center layout active></core-item> | |
<core-item id="main_menu" icon="settings" label="Item2" horizontal center layout></core-item> | |
</core-menu> | |
</core-header-panel> | |
<div id="div" tool twelve flex> | |
<div horizontal layout> | |
<div id="div5" self-start eleven flex>Alpha</div> | |
<div id="div4" self-end center end-justified one flex>Gamma</div> | |
</div> | |
</div> | |
<div id="container" vertical layout twelve flex> | |
<paper-shadow z="2" animated id="paper_shadow"> | |
<div id="div2" horizontal layout> | |
<div id="thread" layout horizontal flex on-hold="{{ onHold }"> | |
<profile-img id="profileimage" src letter horizontal layout> | |
<core-icon icon="polymer" id="core_icon1"></core-icon> | |
</profile-img> | |
<div id="div3" flex layout horizontal> | |
<header id="header" layout vertical flex class="unread"> | |
<span id="span5" layout horizontal center justified> | |
<time id="time">Feb 27</time> | |
</span> | |
<h2 id="heading" class="subject">What is the main source of karma?</h2> | |
<div id="div1" horizontal layout> | |
<paper-icon-button icon="question-answer" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>103</span> | |
</div> | |
<paper-icon-button icon="star" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>4.5</span> | |
</div> | |
<paper-icon-button icon="refresh" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>1.3K</span> | |
</div> | |
</div> | |
</header> | |
<div id="actionicons" self-start end vertical layout> | |
<paper-icon-button icon="more-vert" id="icons"></paper-icon-button> | |
<paper-icon-button icon="trending-up" id="icons"></paper-icon-button> | |
</div> | |
</div> | |
</div> | |
</div> | |
</paper-shadow> | |
<paper-shadow z="2" animated id="paper_shadow"> | |
<div id="div2" horizontal layout> | |
<div id="thread" layout horizontal flex on-hold="{{ onHold }"> | |
<profile-img id="profileimage" src letter horizontal layout> | |
<core-icon icon="polymer" id="core_icon1"></core-icon> | |
</profile-img> | |
<div id="div3" flex layout horizontal> | |
<header id="header" layout vertical flex class="unread"> | |
<span id="span5" layout horizontal center justified> | |
<time id="time">Feb 27</time> | |
</span> | |
<h2 id="heading" class="subject">What is the main source of karma?</h2> | |
<div id="div1" horizontal layout start> | |
<paper-icon-button icon="question-answer" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>103</span> | |
</div> | |
<paper-icon-button icon="star" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>4.5</span> | |
</div> | |
<paper-icon-button icon="refresh" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>1.3K</span> | |
</div> | |
</div> | |
</header> | |
<div id="actionicons" self-start end vertical layout> | |
<paper-icon-button icon="more-vert" id="icons"></paper-icon-button> | |
</div> | |
</div> | |
</div> | |
</div> | |
</paper-shadow> | |
<paper-shadow z="2" animated id="paper_shadow"> | |
<div id="div2" horizontal layout> | |
<div id="thread" layout horizontal flex on-hold="{{ onHold }"> | |
<profile-img id="profileimage" src letter horizontal layout> | |
<core-icon icon="polymer" id="core_icon1"></core-icon> | |
</profile-img> | |
<div id="div3" flex layout horizontal> | |
<header id="header" layout vertical flex class="unread"> | |
<span id="span5" layout horizontal center justified> | |
<time id="time">Feb 27</time> | |
</span> | |
<h2 id="heading" class="subject">What is the main source of karma?</h2> | |
<div id="div1" horizontal layout> | |
<paper-icon-button icon="question-answer" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>103</span> | |
</div> | |
<paper-icon-button icon="star" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>4.5</span> | |
</div> | |
<paper-icon-button icon="refresh" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>1.3K</span> | |
</div> | |
</div> | |
</header> | |
<div id="actionicons" self-start end vertical layout> | |
<paper-icon-button icon="more-vert" id="icons"></paper-icon-button> | |
</div> | |
</div> | |
</div> | |
</div> | |
</paper-shadow> | |
<paper-shadow z="2" animated id="paper_shadow"> | |
<div id="div2" horizontal layout> | |
<div id="thread" layout horizontal flex on-hold="{{ onHold }"> | |
<profile-img id="profileimage" src letter horizontal layout> | |
<core-icon icon="polymer" id="core_icon1"></core-icon> | |
</profile-img> | |
<div id="div3" flex layout horizontal> | |
<header id="header" layout vertical flex class="unread"> | |
<span id="span5" layout horizontal center justified> | |
<time id="time">Feb 27</time> | |
</span> | |
<h2 id="heading" class="subject">What is the main source of karma?</h2> | |
<div id="div1" horizontal layout> | |
<paper-icon-button icon="question-answer" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>103</span> | |
</div> | |
<paper-icon-button icon="star" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>4.5</span> | |
</div> | |
<paper-icon-button icon="refresh" id="icons" one flex></paper-icon-button> | |
<div id="rating" horizontal layout one flex> | |
<span id="counter" center one flex>1.3K</span> | |
</div> | |
</div> | |
</header> | |
<div id="actionicons" self-start end vertical layout> | |
<paper-icon-button icon="more-vert" id="icons"></paper-icon-button> | |
</div> | |
</div> | |
</div> | |
</div> | |
</paper-shadow> | |
</div> | |
</core-scaffold> | |
</template> | |
<script> | |
Polymer({ | |
}); | |
</script> | |
</polymer-element> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment