From feb228c1fc35aae543d369012994eac7a1dca90f Mon Sep 17 00:00:00 2001 From: Kevin Chabowski Date: Thu, 27 Mar 2014 23:48:11 +0100 Subject: Homepage done --- static/chat.css | 97 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ static/home.css | 38 ++++++++++++++++++++++ static/style.css | 97 -------------------------------------------------------- 3 files changed, 135 insertions(+), 97 deletions(-) create mode 100644 static/chat.css create mode 100644 static/home.css delete mode 100644 static/style.css (limited to 'static') diff --git a/static/chat.css b/static/chat.css new file mode 100644 index 0000000..ed56fca --- /dev/null +++ b/static/chat.css @@ -0,0 +1,97 @@ +* { + font-family: sans-serif; +} + +#chatlog { + display: table; + list-style: none; + margin: 0; + padding: 0 +} + +#chatlog li { + display: table-row; + margin: 0; + padding: 0; +} + +#chatlog li .nick { + display: table-cell; + padding-right: 1ex; + font-weight: bold; + text-align: right; +} + +#chatlog li .msg { + display: table-cell; +} + +#chatlog li.leave, #chatlog li.join, #chatlog li.leave .nick, #chatlog li.join .nick { + color: gray !important; + font-style: italic !important; +} + +h1 { + text-align: center; + font-weight: bold; + font-size: 18pt; + margin: 0; + position: fixed; + top: 0; + left: 0; + right: 0; + border-bottom: 1px solid #28f; + height: 8mm; + background: white; +} + +#buddiescontainer { + position: fixed; + top: 0; + right: 0; + width: 35mm; + margin: 10mm 0 12mm 0; +} + +#buddiescontainer h2 { + font-weight: bold; + font-size: 12pt; +} + +#buddies { + margin: 0; + padding: 0; +} +#buddies li { + margin: 0; + padding: 0; +} + +#chatlog { + margin: 10mm 40mm 12mm 0; +} + +#chatinput { + position: fixed; + bottom: 0; + left: 0; + right: 0; + height: 10mm; + border-top: 1px solid #28f; +} + +#chatinput input { + position: absolute; + top: 0px; + left: 0px; + height: 8mm; + width: calc(100% - 25mm); +} + +#chatinput button { + position: absolute; + top: 0; + right: 0; + width: 20mm; + bottom: 0; +} \ No newline at end of file diff --git a/static/home.css b/static/home.css new file mode 100644 index 0000000..e3dd6ee --- /dev/null +++ b/static/home.css @@ -0,0 +1,38 @@ +* { + font-family: sans-serif; +} + +code { + font-family: monospace; +} + +code strong { + font-family: monospace; + font-weight: bold; +} + +body { + background: hsl(200, 90%, 85%); +} + +section { + background: white; + width: 80%; + min-width: 50mm; + margin: 5mm auto 5mm; + padding: 4mm 0 4mm; + border-radius: 4mm; +} + +section div.content { + padding: 0 4mm; +} + +h1, h2 { + margin: 0 0 2mm; + padding: 2mm 4mm 2mm; + border-bottom: 1px dotted hsl(200, 90%, 85%); + font-weight: normal; + font-size: 18pt; + text-align: center; +} \ No newline at end of file diff --git a/static/style.css b/static/style.css deleted file mode 100644 index ed56fca..0000000 --- a/static/style.css +++ /dev/null @@ -1,97 +0,0 @@ -* { - font-family: sans-serif; -} - -#chatlog { - display: table; - list-style: none; - margin: 0; - padding: 0 -} - -#chatlog li { - display: table-row; - margin: 0; - padding: 0; -} - -#chatlog li .nick { - display: table-cell; - padding-right: 1ex; - font-weight: bold; - text-align: right; -} - -#chatlog li .msg { - display: table-cell; -} - -#chatlog li.leave, #chatlog li.join, #chatlog li.leave .nick, #chatlog li.join .nick { - color: gray !important; - font-style: italic !important; -} - -h1 { - text-align: center; - font-weight: bold; - font-size: 18pt; - margin: 0; - position: fixed; - top: 0; - left: 0; - right: 0; - border-bottom: 1px solid #28f; - height: 8mm; - background: white; -} - -#buddiescontainer { - position: fixed; - top: 0; - right: 0; - width: 35mm; - margin: 10mm 0 12mm 0; -} - -#buddiescontainer h2 { - font-weight: bold; - font-size: 12pt; -} - -#buddies { - margin: 0; - padding: 0; -} -#buddies li { - margin: 0; - padding: 0; -} - -#chatlog { - margin: 10mm 40mm 12mm 0; -} - -#chatinput { - position: fixed; - bottom: 0; - left: 0; - right: 0; - height: 10mm; - border-top: 1px solid #28f; -} - -#chatinput input { - position: absolute; - top: 0px; - left: 0px; - height: 8mm; - width: calc(100% - 25mm); -} - -#chatinput button { - position: absolute; - top: 0; - right: 0; - width: 20mm; - bottom: 0; -} \ No newline at end of file -- cgit v1.2.3-54-g00ecf