febe5a9eec
This is the beta version of the Morse Converter for the web. It is a complete rewrite and now a full webapp using Polymer. It supports all the features of the desktop and the android version.
54 lines
903 B
HTML
54 lines
903 B
HTML
<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>
|