Skip to content

Instantly share code, notes, and snippets.

@xumx
Created June 27, 2014 05:37
Show Gist options
  • Save xumx/0affd8be063c33271740 to your computer and use it in GitHub Desktop.
Save xumx/0affd8be063c33271740 to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../paper-ripple/paper-ripple.html">
<polymer-element name="smu-rooms">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
core-card {
display: block;
width: 300px;
height: 150px;
padding: 4px;
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;
margin: 20px 0px 0px;
font-size: 20px;
position: relative;
background-color: rgb(255, 255, 255);
}
#core_card1 {
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;
left: 330px;
top: -10px;
background-color: rgb(255, 255, 255);
}
#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;
left: 10px;
top: -10px;
background-color: rgb(255, 255, 255);
}
#core_card2 {
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;
left: 650px;
top: -10px;
background-color: rgb(255, 255, 255);
}
#paper_ripple {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
</style>
<core-card id="core_card" layout vertical center center-justified>
<paper-ripple id="paper_ripple" horizontal layout center center-justified>Seminar Room</paper-ripple>
</core-card>
<core-card id="core_card1" layout vertical center center-justified>Group Study Room</core-card>
<core-card id="core_card2" layout vertical center center-justified>Class Room</core-card>
</template>
<script>
Polymer('smu-rooms', {
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment