aboutsummaryrefslogtreecommitdiff
path: root/app/static/css
diff options
context:
space:
mode:
Diffstat (limited to 'app/static/css')
-rw-r--r--app/static/css/elements.scss0
-rw-r--r--app/static/css/page.scss88
2 files changed, 88 insertions, 0 deletions
diff --git a/app/static/css/elements.scss b/app/static/css/elements.scss
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/app/static/css/elements.scss
diff --git a/app/static/css/page.scss b/app/static/css/page.scss
new file mode 100644
index 0000000..dc25df3
--- /dev/null
+++ b/app/static/css/page.scss
@@ -0,0 +1,88 @@
+* {
+ box-sizing: border-box;
+ font-family: Georgia;
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ margin-top: 50px;
+ overflow-y: scroll;
+}
+
+.container {
+ width: 100%;
+ max-width: 600px;
+ margin: 0 auto;
+}
+
+.header h1, .header p {
+ display: inline;
+}
+
+.nav {
+ list-style-type: none;
+ padding: 0;
+
+ li {
+ display: inline;
+ padding: 5px 10px;
+ }
+}
+
+.demo {
+ background-color: #CCC;
+ padding: 2px 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+.inp {
+ margin-top: 10px;
+
+ textarea, .inp input[type="submit"] {
+ width: 100%;
+ border-radius: 4px;
+ }
+
+ textarea {
+ border: 3px solid #CCC;
+ border-radius: 4px;
+ min-height: 150px;
+ padding: 5px 7px;
+ box-sizing: border-box;
+ background-color: #f8f8f8;
+ resize: vertical;
+
+ transition: border 0.2s ease-in-out;
+ }
+ textarea:focus {
+ border: 3px solid #555;
+ }
+
+ input[type="submit"] {
+ width: 100%;
+ background-color: #777;
+ border: 2px solid #555;
+ border-radius: 4px;
+ color: white;
+ padding: 4px 4px;
+ text-decoration: none;
+ margin-top: 5px;
+ cursor: pointer;
+ }
+}
+
+a, a:visited, a:hover, a:active {
+ color: #707070;
+ text-decoration: none;
+}
+a:hover {
+ color: #505050;
+}
+a:active {
+ color: #202020;
+}