designer

designer.html

<link rel="import" href="../polymer/polymer.html">

<polymer-element name="ael-comment">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #container {
        width: 100%;
        height: 100%;
        position: relative;
      }
      #icon {
        height: 100%;
        width: 65px;
        float: left;
        padding-right: 10px;
      }
      #icon img {
        width: 65px;
        height: 65px;
      }
      #p {
        margin-top: 2px;
      }
      .info {
        color: rgb(85, 85, 85);
        font-size: 0.5em;
      }
    </style>
    <div id="container">
      <div id="icon">
        <img src="http://i.imgur.com/QJ4vGXd.jpg">
      </div>
      <div>
        <strong>HANA Academy</strong>
        <span class="info">2013-11-19 23:31:51</span>
        <p id="p">Hi brookeerol and hotelvaleri. Thanks for your feedback. This video was made by us: www.goebelundmattes.com Feel free to get in contact with us: info@goebelundmattes.com We are happy to support you. Best regards, Jens</p>
      </div>
    </div>
    <script>
    Polymer('my-element', {});
  </script>
  </template>

  <script>

    Polymer('ael-comment', {
      
    });

  </script>

</polymer-element>