designer

designer.html

<link rel="import" href="../paper-button/paper-button.html">

<polymer-element name="my-element">

  <template>
    <style>    
      #core_card {
        position: absolute;
        width: 80%;
        height: 80%;
        border-radius: 2px;
        box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
        left: 10%;
        top: 10%;
        background-color: rgb(117, 117, 117);
      }
      #paper_button {
        position: absolute;
        width: 50%;
        height: 30%;
        top: 60%;
        left: 5%;
        background-color: rgb(228, 0, 0);
      }
      #paper_button1 {
        position: absolute;
        width: 30%;
        height: 30%;
        left: 65%;
        top: 60%;
        background-color: rgb(11, 255, 0);
      }
      #h1 {
        font-size: 36px;
        width: 55%;
        position: relative;
        left: 22.5%;
      }
      #h {
        font-size: 12px;
        height: 30%;
        width: 80%;
        left: 10%;
        position: absolute;
      }
    </style>
    <core-card id="core_card" layout vertical>
      <h1 id="h1" horizontal layout center-justified center>Welcome to xectron.tk</h1>
      <h id="h" horizontal layout center center-justified>Thanks for visiting my blog! Click the green button if you acknowledge that you are over the age of 18. All characters depicted here are original works, created by individuals. All resembelances towards copyrighted works are purely coincidental</h>
      <paper-button id="paper_button" horizontal layout center-justified>Woah there partner, I'm < 18 years old</paper-button>
      <paper-button id="paper_button1" horizontal layout center-justified center>Let me in!! :3</paper-button>
    </core-card>
  </template>

  <script>

    Polymer({
      
    });

  </script>

</polymer-element>