Skip to content

Instantly share code, notes, and snippets.

@reening

reening/designer.html

Last active August 29, 2015 14:12
Show Gist options
  • Save reening/f32e1500f4544f70bd3b to your computer and use it in GitHub Desktop.
Save reening/f32e1500f4544f70bd3b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. reening revised this gist Dec 27, 2014. 1 changed file with 0 additions and 15 deletions.
    15 changes: 0 additions & 15 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,3 @@
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../paper-tabs/paper-tabs.html">
    <link rel="import" href="../paper-tabs/paper-tab.html">

    @@ -31,20 +29,7 @@
    left: 1640px;
    top: 720px;
    }
    #core_toolbar {
    right: 0px;
    left: 0px;
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
    top: 0px;
    position: absolute;
    background-color: rgb(79, 125, 201);
    }
    </style>
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="menu" id="core_icon_button"></core-icon-button>
    <div id="div" flex>Toolbar</div>
    </core-toolbar>
    <section id="section" vertical layout>
    <paper-tabs noink nobar selected="1" selectedindex="1" id="paper_tabs" horizontal center layout>
    <paper-tab id="paper_tab" inline flex center-center horizontal layout>ITEM ONE</paper-tab>
  2. reening revised this gist Dec 27, 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
    @@ -33,7 +33,7 @@
    }
    #core_toolbar {
    right: 0px;
    left: 1440px;
    left: 0px;
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
    top: 0px;
  3. reening revised this gist Dec 27, 2014. 1 changed file with 37 additions and 30 deletions.
    67 changes: 37 additions & 30 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,51 +1,58 @@
    <link rel="import" href="../core-pages/core-pages.html">
    <link rel="import" href="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../paper-tabs/paper-tabs.html">
    <link rel="import" href="../paper-tabs/paper-tab.html">

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

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    }
    #core_pages {
    width: 930px;
    height: 710px;
    border: 1px solid silver;
    left: 280px;
    #section {
    height: 630px;
    border: none;
    left: 0px;
    top: 60px;
    opacity: 1;
    width: 100%;
    position: absolute;
    }
    #core_card {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    left: 29px;
    top: 49px;
    background-color: rgb(255, 255, 255);
    #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_field {
    left: 1640px;
    top: 720px;
    }
    #core_card1 {
    #core_toolbar {
    right: 0px;
    left: 1440px;
    color: rgb(255, 255, 255);
    fill: rgb(255, 255, 255);
    top: 0px;
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    left: 349px;
    top: 49px;
    background-color: rgb(255, 255, 255);
    background-color: rgb(79, 125, 201);
    }
    </style>
    <core-pages selected="0" selectedindex="0" notap id="core_pages">
    <section id="section" active>
    <core-card id="core_card" layout vertical></core-card>
    <core-card id="core_card1" layout vertical></core-card>
    <core-toolbar id="core_toolbar">
    <core-icon-button icon="menu" id="core_icon_button"></core-icon-button>
    <div id="div" flex>Toolbar</div>
    </core-toolbar>
    <section id="section" vertical layout>
    <paper-tabs noink nobar selected="1" selectedindex="1" id="paper_tabs" horizontal center layout>
    <paper-tab id="paper_tab" inline flex center-center horizontal layout>ITEM ONE</paper-tab>
    <paper-tab id="paper_tab1" inline flex center-center horizontal layout active>ITEM TWO</paper-tab>
    </paper-tabs>
    <section id="section1" flex relative>
    </section>
    <section id="section1">Page Two</section>
    </core-pages>
    </section>
    </template>

    <script>
  4. reening created this gist Dec 27, 2014.
    59 changes: 59 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,59 @@
    <link rel="import" href="../core-pages/core-pages.html">

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

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    #core_pages {
    width: 930px;
    height: 710px;
    border: 1px solid silver;
    left: 280px;
    top: 60px;
    position: absolute;
    }
    #core_card {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    left: 29px;
    top: 49px;
    background-color: rgb(255, 255, 255);
    }
    #core_card1 {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    left: 349px;
    top: 49px;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-pages selected="0" selectedindex="0" notap id="core_pages">
    <section id="section" active>
    <core-card id="core_card" layout vertical></core-card>
    <core-card id="core_card1" layout vertical></core-card>
    </section>
    <section id="section1">Page Two</section>
    </core-pages>
    </template>

    <script>

    Polymer({

    });

    </script>

    </polymer-element>