diff options
Diffstat (limited to 'app/static/css')
-rw-r--r-- | app/static/css/elements.scss | 0 | ||||
-rw-r--r-- | app/static/css/page.scss | 88 |
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; +} |