diff options
Diffstat (limited to 'static/main.css')
-rw-r--r-- | static/main.css | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/static/main.css b/static/main.css new file mode 100644 index 0000000..a5305a4 --- /dev/null +++ b/static/main.css @@ -0,0 +1,69 @@ +body { + margin: 0; + font-family: "Roboto", sans-serif; + font-weight: 300; + display: flex; + flex-direction: column; + min-height: 100vh; + background: #424242; + color: #ffffff; + font-family: "Roboto", "Open Sans", "Montserrat", sans-serif; + font-size: 1.25em; + +} + +header { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + background: #703f96; + padding: 0 2rem; + color: white; +} + +.stream-status { + border-bottom: solid 1px white; + animation: flash 0.75s infinite alternate; + font-size: 1.5rem; +} + +.content { + display: flex; + justify-content: center; + padding: 2rem 0; +} + +code { + font-family: "Iosekva", "Inconsolata", monospace; + font-size: 1.25em; +} + +.block { + display: flex; + flex-direction: column; + max-width: 75%; + align-self: center; +} + +a { + color: #FF88FF; + text-decoration: none; +} +a:hover { + border-bottom: solid 1px #FF88FF; +} + +#conversejs { + border: solid 2px black; +} + +.chat { + width: 27%; +} + +.stream { + border: solid 2px black; + align-self: flex-start; + width: 70%; +} |