Permalink
Browse files

feature: Properties-Page added (mdl-properties) + pre-def-layouts

  • Loading branch information...
MikeMitterer committed Nov 20, 2015
1 parent d40a31b commit 90b524fd12916a190c21c6375ab02117d24e5587
@@ -0,0 +1,67 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14948) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY st0 "display:inline;fill:#1F4AFF;">
<!ENTITY st1 "fill:#22D3C5;">
<!ENTITY st2 "fill:#231F20;">
<!ENTITY st3 "display:inline;fill-rule:evenodd;clip-rule:evenodd;fill:#5D1FFF;">
<!ENTITY st4 "font-family:'ArialMT';">
<!ENTITY st5 "fill:#0075C9;">
<!ENTITY st6 "fill:#00A8E1;">
<!ENTITY st7 "fill:#22D3C5;stroke:#22D3C5;">
<!ENTITY st8 "font-size:12;">
<!ENTITY st9 "display:none;">
]>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="205px"
height="45px" viewBox="0 0 205 45" style="enable-background:new 0 0 205 45;" xml:space="preserve">
<g id="Layer_2_1_" style="&st9;">
<rect x="-36.5" y="-42.5" style="&st3;" width="281.5" height="126.5"/>
</g>
<g id="Layer_1">
<g id="Layer_2" style="&st9;">
<rect x="-38.2" y="-15.2" style="&st0;" width="309.8" height="77.2"/>
</g>
<path style="&st6;" d="M26.8,28c-0.5,0.3-1.2-0.1-1.4-0.7c-2.6-5.9-5-11.7-7.5-17c-0.3-0.6-0.1-1.2,0.4-1.5
c0.1-0.1,0.3-0.1,0.4-0.2c0.5-0.2,1.1,0,1.4,0.6c2.5,5.4,5,11.2,7.6,16.9c0.3,0.6,0.1,1.3-0.4,1.6C27.1,27.8,27,27.9,26.8,28z"/>
<path style="&st5;" d="M24.2,29.9c-0.1,0.6-0.4,1-0.7,0.9c-2.7-1.2-5.3-2.7-7.8-4.5c-0.3-0.2-0.4-0.8-0.3-1.3
c0-0.1,0.1-0.3,0.1-0.4c0.1-0.5,0.4-0.8,0.7-0.7c2.5,1.6,5.1,2.9,7.8,4.1c0.3,0.1,0.4,0.7,0.3,1.4C24.3,29.5,24.2,29.7,24.2,29.9z"
/>
<path style="&st5;" d="M33.6,20.4c-0.5,0.3-1.2,0.1-1.4-0.5C29.6,14.4,27,8.7,24.5,3.3c-0.3-0.6-0.1-1.3,0.4-1.6
c0.1-0.1,0.3-0.2,0.4-0.3c0.5-0.3,1.1-0.1,1.4,0.5c2.5,5.4,5.1,11.1,7.7,16.6c0.3,0.6,0.1,1.3-0.4,1.7
C33.9,20.2,33.8,20.3,33.6,20.4z"/>
<path style="&st1;" d="M30.2,24.1c-0.5,0.3-1.2,0-1.4-0.6c-2.6-5.7-5.1-11.5-7.6-16.8c-0.3-0.6-0.1-1.3,0.4-1.5
C21.7,5.1,21.9,5,22,4.9c0.5-0.3,1.1-0.1,1.4,0.5c2.5,5.4,5,11.1,7.7,16.7c0.3,0.6,0.1,1.3-0.4,1.7C30.5,23.9,30.4,24,30.2,24.1z"
/>
<path style="&st1;" d="M22.3,33.4c-0.1,0.6-0.4,1-0.7,0.8c-2.7-1.5-5.2-3.3-7.5-5.3c-0.2-0.2-0.4-0.8-0.3-1.3c0-0.1,0-0.3,0.1-0.4
c0.1-0.5,0.4-0.7,0.6-0.5c2.4,1.9,4.9,3.5,7.6,4.9c0.3,0.1,0.4,0.8,0.3,1.4C22.4,33.1,22.3,33.3,22.3,33.4z"/>
<path style="&st5;" d="M31.4,41.9c0.5-0.3,0.8-0.9,0.6-1.2c-1.5-2.8-3.1-5.7-4.5-8.6c-0.2-0.3-0.7-0.3-1.2-0.1
c-0.1,0.1-0.3,0.1-0.4,0.2c-0.5,0.3-0.8,0.7-0.6,1c1.5,3,2.9,6,4.5,8.8c0.2,0.3,0.7,0.3,1.2,0C31.1,42.1,31.3,42,31.4,41.9z"/>
<path style="&st1;" d="M28.3,45.3c0.5-0.3,0.8-0.8,0.6-1.1c-1.5-2.9-3-5.9-4.5-9c-0.2-0.3-0.7-0.4-1.2-0.2
c-0.1,0.1-0.3,0.1-0.4,0.2c-0.5,0.2-0.8,0.6-0.6,0.9c1.4,3.1,2.9,6.2,4.4,9.2c0.2,0.3,0.7,0.4,1.2,0.1C28,45.4,28.2,45.4,28.3,45.3
z"/>
<path style="&st5;" d="M52.7,19.9c0.1-0.6-0.3-0.9-0.8-0.8c-4.9,1.4-10.3,1.8-15.7,1.3c-0.6,0-1.1,0.5-1.2,1.1c0,0.2,0,0.4-0.1,0.6
c-0.1,0.7,0.4,1.3,0.9,1.3c5.5,0.4,10.9-0.1,15.8-1.7c0.5-0.2,1-0.8,1-1.4C52.7,20.3,52.7,20.1,52.7,19.9z"/>
<path style="&st6;" d="M46.6,30.4c0.1-0.7-0.3-1.1-0.9-0.9c-5.2,1.2-10.9,1-16.4-0.2c-0.6-0.1-1.1,0.3-1.2,0.9c0,0.2,0,0.4-0.1,0.5
c-0.1,0.7,0.3,1.3,0.9,1.5c5.5,1.3,11.2,1.4,16.5,0.2c0.6-0.1,1.1-0.8,1.1-1.4C46.6,30.7,46.6,30.5,46.6,30.4z"/>
<path style="&st1;" d="M49.6,25.3c0.1-0.6-0.3-1-0.9-0.9c-5.1,1.3-10.6,1.5-16.1,0.8c-0.6-0.1-1.1,0.4-1.2,1.1c0,0.2,0,0.4-0.1,0.5
c-0.1,0.7,0.3,1.3,0.9,1.4c5.5,0.8,11.1,0.6,16.2-0.9c0.5-0.2,1-0.8,1.1-1.4C49.5,25.7,49.5,25.5,49.6,25.3z"/>
<text transform="matrix(1.25 0 0 1 56.1738 41.752)" style="&st1; &st4; &st8;">Material Design Lite</text>
<g>
<path style="&st2;" d="M76.7,6c2.4,2.2,3.6,5.3,3.6,9.2c0,3.9-1.2,7.1-3.5,9.4c-2.3,2.3-6,3.4-10.8,3.4h-8.5V2.8h8.8
C70.8,2.8,74.3,3.8,76.7,6z M72.6,21c1.4-1.3,2.1-3.2,2.1-5.7c0-2.5-0.7-4.5-2.1-5.8c-1.4-1.3-3.5-2.1-6.4-2.1h-3.3V23h3.7
C69.2,23,71.2,22.3,72.6,21z"/>
<path style="&st2;" d="M100.4,28.1h-5v-2.4c-1.4,1.8-3.1,2.6-5.2,2.6c-2.1,0-3.8-0.6-5.2-1.8c-1.4-1.2-2.1-2.8-2.1-4.8
c0-2,0.7-3.5,2.2-4.5c1.4-1,3.4-1.5,6-1.5h4v-0.2c0-2.1-1.1-3.1-3.3-3.1c-0.9,0-1.9,0.2-3,0.6c-1,0.4-1.9,0.8-2.7,1.4l-2.4-3.5
c2.6-1.9,5.5-2.8,8.8-2.8c2.4,0,4.2,0.6,5.8,1.8c1.5,1.2,2.2,3.1,2.2,5.6V28.1L100.4,28.1z M95,20.6v-0.8h-3.4
c-2.2,0-3.3,0.6-3.3,1.9c0,0.7,0.3,1.2,0.8,1.6c0.5,0.4,1.3,0.5,2.2,0.5c1,0,1.8-0.3,2.5-0.9C94.7,22.3,95,21.5,95,20.6z"/>
<path style="&st2;" d="M114.8,13.3c-1.6,0-2.9,0.6-3.7,1.7c-0.8,1.1-1.3,2.7-1.3,4.6v8.5h-5.4V8.6h5.4v2.5c0.7-0.8,1.7-1.5,2.7-2
c1-0.6,2.3-0.9,3.4-0.9v5.1L114.8,13.3L114.8,13.3z"/>
<path style="&st2;" d="M124.6,12.5v8.6c0,0.7,0.2,1.3,0.6,1.8c0.4,0.4,0.9,0.6,1.4,0.6c1,0,1.9-0.5,2.6-1.4l2,3.8
c-1.7,1.5-3.5,2.3-5.3,2.3s-3.4-0.6-4.8-1.8c-1.3-1.2-1.9-2.9-1.9-5V2.8h5.4v5.4h5.8l-3,4.3L124.6,12.5L124.6,12.5z"/>
</g>
<path style="&st7;" d="M38.7,14.5c-0.2,0-0.5-0.1-0.5-0.4c-0.3-2-0.7-4-1-5.9c0-0.2,0.1-0.4,0.3-0.4c0,0,0.1,0,0.2,0
c0.2,0,0.4,0.1,0.5,0.3c0.3,1.9,0.6,4,1,5.9c0,0.2-0.1,0.4-0.3,0.4C38.8,14.5,38.8,14.5,38.7,14.5z"/>
<path style="&st7;" d="M40.9,14.6c0.1,0.2,0.3,0.4,0.5,0.3c1.9-0.4,3.9-0.9,5.8-1.4c0.2,0,0.3-0.2,0.3-0.5c0,0,0-0.1,0-0.2
c-0.1-0.2-0.3-0.3-0.5-0.3c-1.9,0.4-3.9,0.9-5.8,1.4c-0.2,0-0.3,0.2-0.3,0.5C40.9,14.5,40.9,14.5,40.9,14.6z"/>
</g>
</svg>
@@ -0,0 +1,298 @@
/**
* Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
* IT-Consulting and Development Limited.
*
* All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright 2015 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
* IT-Consulting and Development Limited.
*
* All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright 2015 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
* IT-Consulting and Development Limited.
*
* All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.application.mdl-layout {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.application.mdl-layout.is-small-screen > .mdl-layout__header {
background-position: 0 0; }
.application.mdl-layout > .mdl-layout__header {
box-shadow: -2px 1px 1px 1px rgba(0, 0, 0, 0.5);
/* background: <your bg-image> repeat -240px 0; */ }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row {
box-shadow: none;
padding-left: 24px;
padding-right: 24px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row .mdl-layout-title {
text-transform: capitalize; }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row .toolbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row .toolbar > * {
max-height: 20px;
margin-left: 12px; }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row .toolbar > * .material-icons {
font-weight: 100;
font-size: 20px; }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row .toolbar > .mdl-button--icon {
min-width: 20px;
width: 20px; }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row .toolbar > :last-child {
margin-right: 12px; }
.application.mdl-layout > .mdl-layout__header .mdl-layout__header-row .mdl-menu a {
text-decoration: none; }
.application.mdl-layout > .mdl-layout__header .mdl-layout__drawer-button {
background-color: transparent; }
.application.mdl-layout.mdl-layout--fixed-drawer.is-small-screen .mdl-layout__header-row {
padding-left: 60px; }
.application.mdl-layout > .mdl-layout__drawer {
overflow: scroll;
border-right: none;
height: calc(100% - 38px);
box-shadow: 0 64px 0 0 rgba(0, 0, 0, 0.14), 0 65px 1px -2px rgba(0, 0, 0, 0.2), 0 64px 5px 0 rgba(0, 0, 0, 0.12); }
.application.mdl-layout > .mdl-layout__drawer .mdl-layout-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: space-between;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 64px;
padding-left: initial;
/* background: <your bg-image> repeat 0 0; */
box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.5); }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
-webkit-font-feature-settings: 'liga';
-moz-font-feature-settings: 'liga';
font-feature-settings: 'liga'; }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
background-color: rgba(224, 224, 224, 0.2); }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-accordion {
line-height: 1px; }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-accordion input:checked ~ .mdl-accordion--content {
padding-top: 12px;
padding-bottom: 12px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 1; }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-accordion .mdl-accordion__label {
font-weight: 200;
border-bottom: 1px solid rgba(221, 221, 221, 0.1); }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-accordion .mdl-accordion__label .symbol {
margin-right: 8px; }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-accordion .mdl-accordion--content {
box-sizing: border-box;
margin: 0;
padding: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation .mdl-accordion .mdl-accordion--content .mdl-navigation__link {
padding: 5px 48px 5px 48px;
text-transform: capitalize;
display: block;
font-weight: 600; }
.application.mdl-layout > .mdl-layout__drawer .mdl-navigation input[name^='mdl-accordion']:checked ~ .mdl-accordion--content {
border-bottom: 1px solid rgba(221, 221, 221, 0.1); }
.application.mdl-layout > .mdl-layout__drawer.is-visible {
box-shadow: none; }
.application.mdl-layout > .mdl-layout__drawer.is-visible ~ .mdl-sticky-mini-footer {
z-index: 3; }
.application.mdl-layout > .mdl-layout__content {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.debug .application.mdl-layout > .mdl-layout__content {
border: 2px solid blue; }
.application.mdl-layout > .mdl-layout__content .mdl-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: calc(100% - 24px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 24px 24px 24px; }
.application.mdl-layout > .mdl-layout__content .mdl-content .mdl-accordion-group.usage .indicator.right {
margin-right: 12px; }
.debug .application.mdl-layout > .mdl-layout__content .mdl-content {
border: 1px solid green; }
.application.mdl-layout > .mdl-layout__content h6 {
margin-bottom: 0;
line-height: initial; }
.application.mdl-layout > .mdl-sticky-mini-footer {
z-index: 5;
/* background: <your bg-image> repeat 0 0; */ }
.application.mdl-layout > .mdl-sticky-mini-footer .gh-link, .application.mdl-layout > .mdl-sticky-mini-footer .mm-link {
margin-bottom: 0; }
.application.mdl-layout > .mdl-sticky-mini-footer .additional-info {
font-size: 12px; }
@media (max-width: 870px) {
.application.mdl-layout > .mdl-sticky-mini-footer .additional-info {
display: none; } }
.application.mdl-layout > .mdl-sticky-mini-footer .mm-link {
font-size: 12px; }
@media (max-width: 680px) {
.application.mdl-layout > .mdl-sticky-mini-footer .mm-link {
display: none; } }
Oops, something went wrong.

0 comments on commit 90b524f

Please sign in to comment.