Created
June 30, 2014 13:27
-
-
Save c0d3rm0nk3y/771af8f8fec348511f41 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-icons/core-icons.html"> | |
<link rel="import" href="../paper-icon-button/paper-icon-button.html"> | |
<polymer-element name="my-element" attributes="title author word"> | |
<template> | |
<style> | |
:host { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
box-sizing: border-box; | |
} | |
#core_card { | |
position: absolute; | |
width: 300px; | |
height: 300px; | |
border-top-left-radius: 2px; | |
border-top-right-radius: 2px; | |
border-bottom-right-radius: 2px; | |
border-bottom-left-radius: 2px; | |
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px; | |
background-color: rgb(255, 255, 255); | |
} | |
#core_field { | |
left: 1210px; | |
top: 430px; | |
} | |
#title { | |
margin: 5px; | |
} | |
#author { | |
margin-top: 15px; | |
font-style: italic; | |
} | |
#word { | |
position: absolute; | |
top: 130px; | |
} | |
#pIconTogglePlay { | |
} | |
#controls { | |
position: absolute; | |
bottom: 5px; | |
width: auto; | |
} | |
</style> | |
<core-card id="core_card" layout vertical center> | |
<div id="div"> | |
<h1 id="title">{{ title }}</h1> | |
<h3 id="author">{{ author }}</h3> | |
<div id="div1" layout horizontal center> | |
<p id="word">{{ word }}</p> | |
</div> | |
</div> | |
<div id="controls" layout horizonal center> | |
<paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button> | |
<paper-icon-button icon="menu" id="paper_icon_button1"></paper-icon-button> | |
<paper-icon-button icon="menu" id="pIconTogglePlay"></paper-icon-button> | |
</div> | |
</core-card> | |
</template> | |
<script> | |
Polymer('my-element', { | |
title: 'the title', | |
author: 'by monkey', | |
word: 'mississppi' | |
}); | |
</script> | |
</polymer-element> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment