59 lines
979 B
HTML
59 lines
979 B
HTML
<!--
|
|
2015 - 2016 (c) Marcel Kapfer (mmk2410)
|
|
Licensed under MIT License
|
|
-->
|
|
<style is="custom-style">
|
|
:root {
|
|
--dark-primary-color: #1976D2;
|
|
--default-primary-color: #2196F3;
|
|
--light-primary-color: #64B5F6;
|
|
--color-gray: #fafafa;
|
|
font-family: "Roboto", sans-serif;
|
|
}
|
|
|
|
paper-toolbar {
|
|
background-color: var(--default-primary-color);
|
|
}
|
|
|
|
paper-drawer-panel {
|
|
--paper-drawer-panel-main-container: {
|
|
background-color: var(--color-gray);
|
|
};
|
|
}
|
|
|
|
paper-drawer-panel {
|
|
--paper-drawer-panel-left-drawer-container: {
|
|
background-color: white;
|
|
};
|
|
}
|
|
|
|
paper-material {
|
|
border-radius: 2px;
|
|
padding: 16px;
|
|
width: 50%;
|
|
margin: 16px auto;
|
|
background: white;
|
|
}
|
|
|
|
iron-autogrow-textarea, #input {
|
|
word-break: break-all!important;
|
|
}
|
|
|
|
p {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
paper-material {
|
|
width: 75%:
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 640px) {
|
|
paper-material {
|
|
width: calc(95% - 32px);
|
|
}
|
|
}
|
|
|
|
</style>
|