Skip to content

Instantly share code, notes, and snippets.

@ethancoder151

ethancoder151/designer.html

Last active August 29, 2015 14:06
Show Gist options
  • Save ethancoder151/820b36d969b1f4e50807 to your computer and use it in GitHub Desktop.
Save ethancoder151/820b36d969b1f4e50807 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ethancoder151 revised this gist Sep 24, 2014. No changes.
  2. ethancoder151 revised this gist Sep 24, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -62,7 +62,7 @@
    </style>
    <section id="section" layout vertical>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs">
    <paper-tab id="paper_tab" active>Login</paper-tab>
    <paper-tab active>Login</paper-tab>
    <paper-tab id="paper_tab1">Register</paper-tab>
    </paper-tabs>
    <section id="section1" flex relative>
  3. ethancoder151 revised this gist Sep 24, 2014. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -61,9 +61,9 @@
    }
    </style>
    <section id="section" layout vertical>
    <paper-tabs noink nobar selected="1" selectedindex="1" id="paper_tabs">
    <paper-tab id="paper_tab">Login</paper-tab>
    <paper-tab id="paper_tab1" active>Register</paper-tab>
    <paper-tabs noink nobar selected="0" selectedindex="0" id="paper_tabs">
    <paper-tab id="paper_tab" active>Login</paper-tab>
    <paper-tab id="paper_tab1">Register</paper-tab>
    </paper-tabs>
    <section id="section1" flex relative>
    <core-animated-pages selectedindex="0" notap id="core_animated_pages">
  4. ethancoder151 revised this gist Sep 24, 2014. 1 changed file with 58 additions and 10 deletions.
    68 changes: 58 additions & 10 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,11 @@
    <link rel="import" href="../paper-tabs/paper-tabs.html">
    <link rel="import" href="../paper-tabs/paper-tab.html">
    <link rel="import" href="../core-animated-pages/core-animated-pages.html">
    <link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
    <link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
    <link rel="import" href="../core-animated-pages/transitions/slide-down.html">
    <link rel="import" href="../core-animated-pages/transitions/slide-up.html">
    <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">
    <link rel="import" href="../paper-input/paper-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-icons/av-icons.html">
    @@ -14,27 +22,67 @@
    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;
    left: 270px;
    top: 140px;
    padding: 14px;
    background-color: rgb(255, 255, 255);
    }
    #section {
    width: 420px;
    height: 630px;
    border: 5px solid rgb(204, 204, 204);
    left: 70px;
    top: 0px;
    position: absolute;
    }
    #paper_tabs {
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px;
    background-color: rgb(0, 188, 212);
    }
    #core_animated_pages {
    width: 420px;
    height: 582px;
    overflow: hidden;
    left: -5px;
    top: -3px;
    position: static;
    background-color: rgb(238, 238, 238);
    }
    #section2 {
    left: 45px;
    top: 157px;
    position: absolute;
    }
    </style>
    <core-card id="core_card" layout vertical>
    <paper-input label="Username" willvalidate id="paper_input" layout vertical></paper-input>
    <paper-input label="Password" willvalidate type="password" id="paper_input1" layout vertical></paper-input>
    <div id="div" layout horizontal end-justified>
    <paper-fab icon="check" id="paper_fab"></paper-fab>
    </div>
    </core-card>
    <section id="section" layout vertical>
    <paper-tabs noink nobar selected="1" selectedindex="1" id="paper_tabs">
    <paper-tab id="paper_tab">Login</paper-tab>
    <paper-tab id="paper_tab1" active>Register</paper-tab>
    </paper-tabs>
    <section id="section1" flex relative>
    <core-animated-pages selectedindex="0" notap id="core_animated_pages">
    <section id="section3" active>
    <section id="section2" layout horizontal center justified>
    <core-card id="core_card" layout vertical>
    <paper-input label="Username" willvalidate id="paper_input" layout vertical></paper-input>
    <paper-input label="Password" willvalidate type="password" id="paper_input1" layout vertical></paper-input>
    <div id="div" layout horizontal end-justified>
    <paper-fab icon="check" id="paper_fab"></paper-fab>
    </div>
    </core-card>
    </section>
    </section>
    <section id="section4">
    </section>
    </core-animated-pages>
    </section>
    </section>
    </template>

    <script>
  5. ethancoder151 created this gist Sep 24, 2014.
    48 changes: 48 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,48 @@
    <link rel="import" href="../paper-input/paper-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-icons/av-icons.html">
    <link rel="import" href="../paper-fab/paper-fab.html">

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

    <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;
    left: 270px;
    top: 140px;
    padding: 14px;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-card id="core_card" layout vertical>
    <paper-input label="Username" willvalidate id="paper_input" layout vertical></paper-input>
    <paper-input label="Password" willvalidate type="password" id="paper_input1" layout vertical></paper-input>
    <div id="div" layout horizontal end-justified>
    <paper-fab icon="check" id="paper_fab"></paper-fab>
    </div>
    </core-card>
    </template>

    <script>

    Polymer({

    });

    </script>

    </polymer-element>