Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link rel="import" href="../core-menu/core-submenu.html">
- <link rel="import" href="../core-item/core-item.html">
- <link rel="import" href="../core-icon-button/core-icon-button.html">
- <link rel="import" href="../core-input/core-input.html">
- <link rel="import" href="../core-icons/core-icons.html">
- <link rel="import" href="../core-icon/core-icon.html">
- <polymer-element name="my-element">
- <template>
- <style>
- :host {
- position: absolute;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- }
- #section {
- width: 80%;
- height: 90%;
- margin: 20px auto;
- background-color: rgb(243, 243, 245);
- }
- #core_menu {
- font-size: 14px;
- width: 100%;
- height: 70%;
- margin: 0px;
- background-color: rgb(128, 255, 255);
- }
- #logoF {
- width: 100%;
- height: 30%;
- background-color: rgb(49, 47, 48);
- }
- #section1 {
- width: 15%;
- height: 100%;
- background-color: rgb(255, 255, 255);
- }
- #section2 {
- width: 85%;
- height: 100%;
- background-color: rgb(241, 246, 250);
- }
- #logo {
- width: 60%;
- height: 50%;
- background-color: rgb(255, 128, 192);
- }
- #Row1 {
- height: 6%;
- width: 100%;
- background-color: rgb(255, 255, 255);
- }
- #paper_button {
- left: 1610px;
- top: 690px;
- }
- #core_icon_button1 {
- width: 5%;
- height: 100%;
- padding: 15px;
- margin: 0px;
- }
- #core_scroll_header_panel {
- width: 380px;
- height: 460px;
- left: 571.609375px;
- top: 610px;
- position: absolute;
- }
- #core_toolbar {
- color: rgb(241, 241, 241);
- fill: rgb(241, 241, 241);
- background-color: rgb(66, 133, 244);
- }
- #core_icon_button2 {
- width: 10%;
- height: 100%;
- padding: 15px;
- margin: 0px;
- }
- #input {
- padding: 0px;
- width: 15%;
- height: 70%;
- margin: 3px;
- border: 1px solid;
- background-color: rgb(255, 255, 255);
- }
- #Row2 {
- width: 100%;
- height: 15%;
- background-color: rgb(255, 255, 128);
- }
- #Row3 {
- height: 79%;
- width: 95%;
- margin: 0px 0px 0px 5%;
- background-color: rgb(255, 128, 192);
- }
- #core_icon {
- height: 70%;
- width: 10%;
- margin: 2% auto auto 5%;
- }
- #content-row1 {
- width: 100%;
- height: 25%;
- background-color: rgb(255, 255, 255);
- }
- #Graph {
- width: 10%;
- height: 100%;
- background-color: rgb(0, 128, 255);
- }
- #core_icon1 {
- width: 100%;
- height: 100%;
- }
- #section3 {
- width: 90%;
- height: 100%;
- background-color: rgb(255, 0, 0);
- }
- #Manager {
- color: blue;
- background-color: rgb(0, 128, 192);
- }
- </style>
- <section id="section" horizontal layout>
- <section id="section1">
- <section id="logoF" active horizontal layout center center-justified>
- <section id="logo"></section>
- </section>
- <core-menu selected="0" selectedindex="0" id="core_menu">
- <core-submenu opened active id="Manager" icon="settings" label="Community Manager">
- <core-item id="core_item" label="James's Space" horizontal center layout></core-item>
- <core-item id="core_item1" label="Fiona's Space" horizontal center layout></core-item>
- <core-item id="core_item1" label="Kaitlyn's Space" horizontal center layout></core-item>
- <core-item id="core_item1" label="Sara's Space" horizontal center layout></core-item>
- </core-submenu>
- <core-submenu id="Client" icon="settings" label="Client">
- <core-item id="core_item2" label="iku Wholefood" horizontal center layout></core-item>
- <core-item id="core_item3" label="Nutriway" horizontal center layout></core-item>
- <core-item id="core_item4" label="Hello Social" horizontal center layout></core-item>
- </core-submenu>
- </core-menu>
- </section>
- <section id="section2">
- <section id="Row1">
- <core-icon-button icon="menu" id="core_icon_button1" theme="core-light-theme"></core-icon-button>
- <input id="input" placeholder="type something..." is="core-input">
- <core-icon-button icon="search" id="core_icon_button2">Search</core-icon-button>
- </section>
- <section id="Row2" horizontal layout around-justified>
- <core-icon icon="search" id="core_icon"></core-icon>
- </section>
- <section id="Row3">
- <section id="content-row1" horizontal layout>
- <section id="Graph">
- <core-icon icon="search" id="core_icon1"></core-icon>
- </section>
- <section id="section3"></section>
- </section>
- </section>
- </section>
- </section>
- </template>
- <script>
- Polymer({
- });
- </script>
- </polymer-element>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement