diff --git a/website/styles/chat.css b/website/styles/chat.css index d76e964..7df2169 100644 --- a/website/styles/chat.css +++ b/website/styles/chat.css @@ -19,9 +19,7 @@ } .chat-recent, .chat-history { - border-radius: 20px; width: 100%; - background-color: white; } /* List of chats. */ @@ -47,7 +45,7 @@ .chat-history { overflow-y: auto; height: 100%; - padding-bottom: 10px; + padding: 0 0 10px 0; } .chat-message { @@ -80,20 +78,35 @@ /* Chat reply field */ .chat-field { - padding: 15px; + width: 100%; + padding: 15px 0; + display: table; } -.chat-field input { - border-radius: 8px; +.chat-field form { + width: 100%; + overflow: hidden; +} + +.chat-field span { + display: block; + overflow: hidden; } .chat-field input[type="text"] { - width: calc(100% - 80px); + width: 100%; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .chat-field input[type="submit"] { width: auto; + float: right; background-color: #845663; color: white; padding: 5px 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } \ No newline at end of file diff --git a/website/styles/header.css b/website/styles/header.css index dfbd8a0..ffeaab6 100644 --- a/website/styles/header.css +++ b/website/styles/header.css @@ -26,16 +26,13 @@ header { } #header-search input[type="text"] { - padding: 5px 10px; - height: 19px; - border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -#header-search input[type="submit"] { - margin: 0 0 0 -4px; - padding: 5px; +#header-search input[type="submit"] { + background: none; + color: white; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } diff --git a/website/styles/main.css b/website/styles/main.css index 52df4f0..1346635 100644 --- a/website/styles/main.css +++ b/website/styles/main.css @@ -43,6 +43,7 @@ body { .platform { padding: 20px; + margin-bottom: 10px; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); @@ -65,11 +66,6 @@ body { border: 0; } - -input[type="text"] { - padding: 5px; -} - /* Move element down (clear), below floating elements */ .clear { clear: both; @@ -106,6 +102,10 @@ h5 { font-size: 1.4em; } +ul { + list-style-type: none; +} + p { font-size: 1.2em; } @@ -115,6 +115,21 @@ a, a:link, a:visited, a:hover, a:active { text-decoration: none; } +button, input, select { + width: auto; + height: 32px; + padding: 0 5px; + + background: white; + color: #3333333; + + cursor: pointer; + border: none; + + font-family: Arial; + font-size: 16px; +} + /* Tables */ table { border-spacing: 0; diff --git a/website/styles/search.css b/website/styles/search.css new file mode 100644 index 0000000..912723e --- /dev/null +++ b/website/styles/search.css @@ -0,0 +1,3 @@ +.search-form input { + border-bottom: #845663 solid 1px; +} \ No newline at end of file diff --git a/website/views/chat-view.php b/website/views/chat-view.php index d0a3f53..99a64fc 100644 --- a/website/views/chat-view.php +++ b/website/views/chat-view.php @@ -1,7 +1,7 @@
-