Skip to content

Instantly share code, notes, and snippets.

@kyleledbetter

kyleledbetter/designer.html

Last active August 29, 2015 14:12
Download ZIP

Revisions

  1. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -59,7 +59,7 @@
    }
    #paper_fab {
    left: 80%;
    top: 370px;
    top: 100%;
    position: absolute;
    }
    </style>
  2. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -59,7 +59,7 @@
    }
    #paper_fab {
    left: 80%;
    top: 50%;
    top: 370px;
    position: absolute;
    }
    </style>
    @@ -85,9 +85,9 @@
    <core-icon-button icon="search" id="core_icon_button1"></core-icon-button>
    <core-icon-button icon="more-vert" id="core_icon_button2"></core-icon-button>
    <div id="div1" class="bottom indent">Title</div>
    <paper-fab icon="av:play-arrow" id="paper_fab"></paper-fab>
    </core-toolbar>
    <section id="section2" content></section>
    <paper-fab icon="av:play-arrow" id="paper_fab"></paper-fab>
    </core-scroll-header-panel>
    </section>
    </core-drawer-panel>
  3. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -59,7 +59,7 @@
    }
    #paper_fab {
    left: 80%;
    top: 100%;
    top: 50%;
    position: absolute;
    }
    </style>
    @@ -85,9 +85,9 @@
    <core-icon-button icon="search" id="core_icon_button1"></core-icon-button>
    <core-icon-button icon="more-vert" id="core_icon_button2"></core-icon-button>
    <div id="div1" class="bottom indent">Title</div>
    <paper-fab icon="av:play-arrow" id="paper_fab"></paper-fab>
    </core-toolbar>
    <section id="section2" content></section>
    <paper-fab icon="av:play-arrow" id="paper_fab"></paper-fab>
    </core-scroll-header-panel>
    </section>
    </core-drawer-panel>
  4. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,6 +4,9 @@
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-scroll-header-panel/core-scroll-header-panel.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">

    @@ -54,6 +57,11 @@
    top: 0px;
    position: static;
    }
    #paper_fab {
    left: 80%;
    top: 100%;
    position: absolute;
    }
    </style>
    <core-drawer-panel transition id="core_drawer_panel" touch-action>
    <section id="section" drawer>
    @@ -77,6 +85,7 @@
    <core-icon-button icon="search" id="core_icon_button1"></core-icon-button>
    <core-icon-button icon="more-vert" id="core_icon_button2"></core-icon-button>
    <div id="div1" class="bottom indent">Title</div>
    <paper-fab icon="av:play-arrow" id="paper_fab"></paper-fab>
    </core-toolbar>
    <section id="section2" content></section>
    </core-scroll-header-panel>
  5. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,7 +41,7 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 500px;
    height: 400px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="400" y="400" condenses keepcondensedheader headerheight="500" condensedheaderheight="100" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="300" y="300" condenses keepcondensedheader headerheight="400" condensedheaderheight="100" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  6. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="450" y="450" condenses keepcondensedheader headerheight="550" condensedheaderheight="100" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="400" y="400" condenses keepcondensedheader headerheight="500" condensedheaderheight="100" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  7. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -41,7 +41,7 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 550px;
    height: 500px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
  8. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader condensedheaderheight="100" scrollawaytopbar id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="450" y="450" condenses keepcondensedheader headerheight="550" condensedheaderheight="100" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  9. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses noreveal keepcondensedheader condensedheaderheight="100" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader condensedheaderheight="100" scrollawaytopbar id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  10. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader condensedheaderheight="100" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses noreveal keepcondensedheader condensedheaderheight="100" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  11. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader condensedheaderheight="100" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  12. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader headerheight="10" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  13. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="461" headermargin="66.66666666666666" y="66.66666666666666" condenses keepcondensedheader headerheight="100" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="6.666666666666666" y="6.666666666666666" condenses keepcondensedheader headerheight="10" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  14. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="977" headermargin="28" y="28" condenses keepcondensedheader headerheight="128" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="461" headermargin="66.66666666666666" y="66.66666666666666" condenses keepcondensedheader headerheight="100" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  15. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,6 +41,7 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 550px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
    @@ -70,7 +71,7 @@
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="977" headermargin="28" y="28" condenses keepcondensedheader headerheight="128" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar" class="tall">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
    <core-icon-button icon="search" id="core_icon_button1"></core-icon-button>
  16. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="977" headermargin="28" y="28" condenses keepcondensedheader headerheight="128" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-toolbar id="core_toolbar" class="tall">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
    <core-icon-button icon="search" id="core_icon_button1"></core-icon-button>
  17. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -69,7 +69,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="977" headermargin="400" y="400" condenses keepcondensedheader headerheight="600" condensedheaderheight="200" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="977" headermargin="28" y="28" condenses keepcondensedheader headerheight="128" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  18. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,7 +41,6 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 600px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
  19. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel headermargin="500" condenses keepcondensedheader headerheight="600" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="977" headermargin="400" y="400" condenses keepcondensedheader headerheight="600" condensedheaderheight="200" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  20. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,6 +41,7 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 600px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
    @@ -69,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="180" headermargin="466.66666666666663" y="180" condenses keepcondensedheader headerheight="700" id="core_scroll_header_panel">
    <core-scroll-header-panel headermargin="500" condenses keepcondensedheader headerheight="600" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  21. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,7 +41,6 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 700px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
  22. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -71,7 +71,7 @@
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="180" headermargin="466.66666666666663" y="180" condenses keepcondensedheader headerheight="700" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar" class="tall">
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
    <core-icon-button icon="search" id="core_icon_button1"></core-icon-button>
  23. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="180" headermargin="466.66666666666663" y="180" condenses keepcondensedheader headerheight="700" scrollawaytopbar id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="180" headermargin="466.66666666666663" y="180" condenses keepcondensedheader headerheight="700" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar" class="tall">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  24. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="180" headermargin="466.66666666666663" y="180" condenses keepcondensedheader headerheight="700" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="180" headermargin="466.66666666666663" y="180" condenses keepcondensedheader headerheight="700" scrollawaytopbar id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar" class="tall">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  25. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,7 +41,7 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 800px;
    height: 700px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="180" headermargin="533.3333333333333" y="180" condenses keepcondensedheader headerheight="800" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="180" headermargin="466.66666666666663" y="180" condenses keepcondensedheader headerheight="700" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar" class="tall">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  26. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,7 +41,7 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 500px;
    height: 800px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
    @@ -70,7 +70,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel headermargin="333.33333333333337" condenses keepcondensedheader headerheight="500" id="core_scroll_header_panel">
    <core-scroll-header-panel prevscrolltop="180" headermargin="533.3333333333333" y="180" condenses keepcondensedheader headerheight="800" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar" class="tall">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>
  27. kyleledbetter revised this gist Jan 3, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -41,6 +41,7 @@
    #core_toolbar {
    color: rgb(241, 241, 241);
    fill: rgb(241, 241, 241);
    height: 500px;
    background-color: rgb(66, 133, 244);
    }
    #section2 {
  28. kyleledbetter revised this gist Jan 3, 2015. No changes.
  29. kyleledbetter revised this gist Jan 3, 2015. No changes.
  30. kyleledbetter revised this gist Jan 3, 2015. 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
    @@ -69,7 +69,7 @@
    </core-menu>
    </section>
    <section id="section1" main>
    <core-scroll-header-panel prevscrolltop="415" headermargin="333.33333333333337" y="333.33333333333337" condenses keepcondensedheader headerheight="500" id="core_scroll_header_panel">
    <core-scroll-header-panel headermargin="333.33333333333337" condenses keepcondensedheader headerheight="500" id="core_scroll_header_panel">
    <core-toolbar id="core_toolbar" class="tall">
    <core-icon-button icon="arrow-back" id="core_icon_button"></core-icon-button>
    <div id="div" flex></div>