aNNiMON/designer.html

## designer.html
<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="../topeka-elements/avatars.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-item/paper-item.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="../code-mirror/code-mirror.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-field/core-field.html">
<link rel="import" href="../core-input/core-input.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;
      }
      #paper_tabs {
        color: rgb(65, 65, 65);
        width: 75%;
        left: 70px;
        height: 10%;
        background-color: rgb(245, 245, 245);
      }
      #core_scroll_header_panel {
        width: 380px;
        height: 460px;
        left: 1200px;
        top: 90px;
      }
      #core_toolbar {
        right: 0px;
        color: rgb(0, 0, 0);
        fill: rgb(255, 255, 255);
        top: 0px;
        position: absolute;
        width: 100%;
        height: 10%;
        left: 0px;
        opacity: 1;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px;
        background-color: rgb(245, 245, 245);
      }
      #core_field {
        left: 83%;
        top: 12px;
        position: absolute;
        width: 150px;
        border: 1px solid rgb(230, 230, 230);
      }
      #core_icon {
        border: 1px;
      }
      #core_drawer_panel {
        position: absolute;
        top: 60px;
        right: 0px;
        bottom: 0px;
        left: 0px;
      }
      #user_section {
        box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
        background-color: rgb(237, 250, 235);
      }
      #content_section {
        height: 100%;
        box-sizing: border-box;
        background-color: rgb(236, 246, 240);
      }
      #core_item {
        left: 26.875px;
        top: 190px;
        position: absolute;
      }
      #paper_icon_button {
        left: 1220px;
        top: 150px;
      }
      #paper_tab {
        width: 120px;
        height: 40px;
        left: 1160px;
        top: 220px;
      }
      #core_card {
        position: absolute;
        width: 70px;
        height: 580px;
        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: 0px;
        top: 0px;
        background-color: rgb(240, 249, 243);
      }
      #core_field1 {
        left: 1230px;
        top: 460px;
      }
      #section {
        box-sizing: border-box;
        width: 420px;
        height: 582px;
        left: 1230px;
        top: 410px;
      }
      #core_icon1 {
        height: 120px;
        width: 120px;
        left: 33px;
        top: 60px;
        position: absolute;
      }
      #core_selector {
        left: 1180px;
        top: 420px;
      }
      #core_icon2 {
        height: 256px;
        width: 256px;
        left: 1160px;
        top: 430px;
      }
      #div {
        height: 100%;
        width: 100%;
        overflow: hidden;
        left: 1140px;
        top: 440px;
      }
      #paper_button {
        left: 1160px;
        top: 460px;
      }
      #paper_item {
        left: 50px;
        top: 25px;
        position: absolute;
      }
      #core_item1 {
        left: 26.875px;
        top: 230px;
        position: absolute;
      }
      #core_item2 {
        left: 26.875px;
        top: 270px;
        position: absolute;
      }
      #core_icon_button1 {
        left: 8.875px;
        top: 542px;
        position: absolute;
      }
      #core_icon_button2 {
        left: 88.875px;
        top: 542px;
        position: absolute;
        color: rgb(255, 255, 255);
        background-color: rgb(255, 61, 42);
      }
      #core_icon_button3 {
        left: 48.875px;
        top: 542px;
        position: absolute;
      }
      #core_icon_button4 {
        left: 128.875px;
        top: 542px;
        position: absolute;
      }
      #core_item3 {
        width: 100%;
        top: 10px;
      }
      #core_menu_button {
        left: 1130px;
        top: 440px;
      }
      #core_card1 {
        position: absolute;
        width: 85%;
        height: 310px;
        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: 10%;
        top: 40px;
        background-color: rgb(255, 255, 255);
      }
      #core_item4 {
        position: absolute;
        top: 4px;
        width: 95%;
        font-size: 30px;
        left: 5%;
      }
      #code_mirror1 {
        width: 680px;
        height: 260px;
        top: 50px;
      }
      #core_card2 {
        position: absolute;
        width: 85%;
        height: 310px;
        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: 10%;
        top: 370px;
        background-color: rgb(255, 255, 255);
      }
    </style>
    <core-drawer-panel transition drawerwidth="180px" rightdrawer id="core_drawer_panel" touch-action>
      <section id="user_section" drawer>
        <core-icon icon="avatars:avatar-12" id="core_icon1" designmeta="topeka-avatar"></core-icon>
        <paper-item id="paper_item">Ксакеп</paper-item>
        <core-item id="core_item" icon="mail" horizontal center layout>Почта</core-item>
        <core-item id="core_item1" icon="note-add" horizontal center layout>Блокнот</core-item>
        <core-item id="core_item2" icon="exit-to-app" horizontal center layout>Выход</core-item>
        <core-icon-button icon="polymer" id="core_icon_button4" theme="core-light-theme"></core-icon-button>
        <core-icon-button active icon="google-plus" id="core_icon_button2" theme="core-light-theme" class="selected"></core-icon-button>
        <core-icon-button icon="cloud-circle" id="core_icon_button3" theme="core-light-theme"></core-icon-button>
        <core-icon-button active icon="grade" id="core_icon_button1" theme="core-light-theme" class="selected"></core-icon-button>
      </section>
      <section id="content_section" main>
        <core-card id="core_card" layout vertical>
          <core-item id="core_item3" icon="info-outline" vertical layout center horizontal>хз-панель</core-item>
        </core-card>
        <core-card id="core_card1" layout vertical>
          <core-item id="core_item4" horizontal center layout>PHP / Говнокод #5095</core-item>
          <code-mirror value="<polymer-element name='my-element'>
  <template></template>
  <script>
    Polym--('my-element', {});
  </script>
</polymer-element>" id="code_mirror1">
            <polymer-element name="my-element">
              <template></template>
              <script id="script1">    Polymer('my-element', {});  </script>
            </polymer-element>
          </code-mirror>
        </core-card>
        <core-card id="core_card2" layout vertical>
          <core-item id="core_item4" horizontal center layout>PHP / Говнокод #5096</core-item>
          <code-mirror value="<polymer-element name='my-element'>
  <template></template>
  <script>
    Polym--('my-element', {});
  </script>
</polymer-element>" id="code_mirror1">
            <polymer-element name="my-element">
              <template></template>
              <script id="script1">    Polymer('my-element', {});  </script>
            </polymer-element>
          </code-mirror>
        </core-card>
      </section>
    </core-drawer-panel>
    <core-toolbar id="core_toolbar">
      <core-icon-button icon="drive" id="core_icon_button"></core-icon-button>
      <core-field id="core_field" icon="search" theme="core-light-theme" horizontal layout center>
        <core-icon icon="search" id="core_icon"></core-icon>
        <core-input willvalidate placeholder="Поиск" id="core_input" flex></core-input>
      </core-field>
    </core-toolbar>
    <paper-tabs selected="0" valueattr="main_tabs" selectedindex="0" id="paper_tabs">
      <paper-tab id="paper_tab0" active>Статьи</paper-tab>
      <paper-tab id="paper_tab1">Форум</paper-tab>
      <paper-tab id="paper_tab2">Файлы</paper-tab>
      <paper-tab id="paper_tab3">Альбомы</paper-tab>
      <paper-tab id="paper_tab4">Дневники</paper-tab>
    </paper-tabs>
  </template>

  <script>

    Polymer({

    });

  </script>

</polymer-element>
	<link rel="import" href="../core-drawer-panel/core-drawer-panel.html">
	<link rel="import" href="../topeka-elements/avatars.html">
	<link rel="import" href="../core-icon/core-icon.html">
	<link rel="import" href="../core-icons/core-icons.html">
	<link rel="import" href="../paper-item/paper-item.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="../code-mirror/code-mirror.html">
	<link rel="import" href="../core-toolbar/core-toolbar.html">
	<link rel="import" href="../core-field/core-field.html">
	<link rel="import" href="../core-input/core-input.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;
	}
	#paper_tabs {
	color: rgb(65, 65, 65);
	width: 75%;
	left: 70px;
	height: 10%;
	background-color: rgb(245, 245, 245);
	}
	#core_scroll_header_panel {
	width: 380px;
	height: 460px;
	left: 1200px;
	top: 90px;
	}
	#core_toolbar {
	right: 0px;
	color: rgb(0, 0, 0);
	fill: rgb(255, 255, 255);
	top: 0px;
	position: absolute;
	width: 100%;
	height: 10%;
	left: 0px;
	opacity: 1;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 2px;
	background-color: rgb(245, 245, 245);
	}
	#core_field {
	left: 83%;
	top: 12px;
	position: absolute;
	width: 150px;
	border: 1px solid rgb(230, 230, 230);
	}
	#core_icon {
	border: 1px;
	}
	#core_drawer_panel {
	position: absolute;
	top: 60px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	}
	#user_section {
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
	background-color: rgb(237, 250, 235);
	}
	#content_section {
	height: 100%;
	box-sizing: border-box;
	background-color: rgb(236, 246, 240);
	}
	#core_item {
	left: 26.875px;
	top: 190px;
	position: absolute;
	}
	#paper_icon_button {
	left: 1220px;
	top: 150px;
	}
	#paper_tab {
	width: 120px;
	height: 40px;
	left: 1160px;
	top: 220px;
	}
	#core_card {
	position: absolute;
	width: 70px;
	height: 580px;
	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: 0px;
	top: 0px;
	background-color: rgb(240, 249, 243);
	}
	#core_field1 {
	left: 1230px;
	top: 460px;
	}
	#section {
	box-sizing: border-box;
	width: 420px;
	height: 582px;
	left: 1230px;
	top: 410px;
	}
	#core_icon1 {
	height: 120px;
	width: 120px;
	left: 33px;
	top: 60px;
	position: absolute;
	}
	#core_selector {
	left: 1180px;
	top: 420px;
	}
	#core_icon2 {
	height: 256px;
	width: 256px;
	left: 1160px;
	top: 430px;
	}
	#div {
	height: 100%;
	width: 100%;
	overflow: hidden;
	left: 1140px;
	top: 440px;
	}
	#paper_button {
	left: 1160px;
	top: 460px;
	}
	#paper_item {
	left: 50px;
	top: 25px;
	position: absolute;
	}
	#core_item1 {
	left: 26.875px;
	top: 230px;
	position: absolute;
	}
	#core_item2 {
	left: 26.875px;
	top: 270px;
	position: absolute;
	}
	#core_icon_button1 {
	left: 8.875px;
	top: 542px;
	position: absolute;
	}
	#core_icon_button2 {
	left: 88.875px;
	top: 542px;
	position: absolute;
	color: rgb(255, 255, 255);
	background-color: rgb(255, 61, 42);
	}
	#core_icon_button3 {
	left: 48.875px;
	top: 542px;
	position: absolute;
	}
	#core_icon_button4 {
	left: 128.875px;
	top: 542px;
	position: absolute;
	}
	#core_item3 {
	width: 100%;
	top: 10px;
	}
	#core_menu_button {
	left: 1130px;
	top: 440px;
	}
	#core_card1 {
	position: absolute;
	width: 85%;
	height: 310px;
	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: 10%;
	top: 40px;
	background-color: rgb(255, 255, 255);
	}
	#core_item4 {
	position: absolute;
	top: 4px;
	width: 95%;
	font-size: 30px;
	left: 5%;
	}
	#code_mirror1 {
	width: 680px;
	height: 260px;
	top: 50px;
	}
	#core_card2 {
	position: absolute;
	width: 85%;
	height: 310px;
	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: 10%;
	top: 370px;
	background-color: rgb(255, 255, 255);
	}
	</style>
	<core-drawer-panel transition drawerwidth="180px" rightdrawer id="core_drawer_panel" touch-action>
	<section id="user_section" drawer>
	<core-icon icon="avatars:avatar-12" id="core_icon1" designmeta="topeka-avatar"></core-icon>
	<paper-item id="paper_item">Ксакеп</paper-item>
	<core-item id="core_item" icon="mail" horizontal center layout>Почта</core-item>
	<core-item id="core_item1" icon="note-add" horizontal center layout>Блокнот</core-item>
	<core-item id="core_item2" icon="exit-to-app" horizontal center layout>Выход</core-item>
	<core-icon-button icon="polymer" id="core_icon_button4" theme="core-light-theme"></core-icon-button>
	<core-icon-button active icon="google-plus" id="core_icon_button2" theme="core-light-theme" class="selected"></core-icon-button>
	<core-icon-button icon="cloud-circle" id="core_icon_button3" theme="core-light-theme"></core-icon-button>
	<core-icon-button active icon="grade" id="core_icon_button1" theme="core-light-theme" class="selected"></core-icon-button>
	</section>
	<section id="content_section" main>
	<core-card id="core_card" layout vertical>
	<core-item id="core_item3" icon="info-outline" vertical layout center horizontal>хз-панель</core-item>
	</core-card>
	<core-card id="core_card1" layout vertical>
	<core-item id="core_item4" horizontal center layout>PHP / Говнокод #5095</core-item>
	<code-mirror value="<polymer-element name='my-element'>
	<template></template>
	<script>
	Polym--('my-element', {});
	</script>
	</polymer-element>" id="code_mirror1">
	<polymer-element name="my-element">
	<template></template>
	<script id="script1"> Polymer('my-element', {}); </script>
	</polymer-element>
	</code-mirror>
	</core-card>
	<core-card id="core_card2" layout vertical>
	<core-item id="core_item4" horizontal center layout>PHP / Говнокод #5096</core-item>
	<code-mirror value="<polymer-element name='my-element'>
	<template></template>
	<script>
	Polym--('my-element', {});
	</script>
	</polymer-element>" id="code_mirror1">
	<polymer-element name="my-element">
	<template></template>
	<script id="script1"> Polymer('my-element', {}); </script>
	</polymer-element>
	</code-mirror>
	</core-card>
	</section>
	</core-drawer-panel>
	<core-toolbar id="core_toolbar">
	<core-icon-button icon="drive" id="core_icon_button"></core-icon-button>
	<core-field id="core_field" icon="search" theme="core-light-theme" horizontal layout center>
	<core-icon icon="search" id="core_icon"></core-icon>
	<core-input willvalidate placeholder="Поиск" id="core_input" flex></core-input>
	</core-field>
	</core-toolbar>
	<paper-tabs selected="0" valueattr="main_tabs" selectedindex="0" id="paper_tabs">
	<paper-tab id="paper_tab0" active>Статьи</paper-tab>
	<paper-tab id="paper_tab1">Форум</paper-tab>
	<paper-tab id="paper_tab2">Файлы</paper-tab>
	<paper-tab id="paper_tab3">Альбомы</paper-tab>
	<paper-tab id="paper_tab4">Дневники</paper-tab>
	</paper-tabs>
	</template>

	<script>

	Polymer({

	});

	</script>

	</polymer-element>