Rename to VAR.Focus

2015-06-26 02:23:21 +02:00
parent 58d51ee3b7
commit 175fad80e4
52 changed files with 71 additions and 98 deletions
--- a/VAR.Focus.Web/Styles/10.
+++ b/VAR.Focus.Web/Styles/10.
@@ -0,0 +1,152 @@
+.divChatWindow {
+    box-sizing: border-box;
+    overflow: hidden;
+    border: solid 1px black;
+    padding: 5px;
+    border-radius: 5px;
+    background-color: rgb(220,220,220);
+    box-shadow: 0px 0px 5px black;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+}
+
+.divChatTitleBar{
+    text-align: right;
+}
+
+.titleChatNormal{
+    background-color: rgb(220,220,220);
+    cursor: pointer;
+    display: inline-block;
+    border-radius: 5px;
+    padding: 5px;
+}
+
+@keyframes alert {
+    0%   {background-color: red;}
+    50%  {background-color: rgb(220,220,220);}
+    100%  {background-color: red;}
+}
+
+.titleChatAlert{
+    background-color: red;
+    animation-name: alert;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+    cursor: pointer;
+    display: inline-block;
+    border-radius: 5px;
+    padding: 5px;
+}
+.titleChatDisconnected{
+    color: rgb(64,64,64);
+    background-color: rgb(220,220,220);
+    cursor: pointer;
+    display: inline-block;
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.divChat {
+    box-sizing: border-box;
+    overflow: auto;
+    height: calc(100% - 37px);
+    margin-bottom: 5px;
+    border-radius: 5px;
+    border: solid 1px black;
+    box-shadow: inset 0px 0px 5px black;
+    
+}
+
+.messageRow,
+.selfMessageRow {
+    vertical-align: top;
+    display: block;
+}
+
+.messageRow {
+    text-align: left;
+}
+
+.selfMessageRow {
+    text-align: right;
+}
+
+.message {
+    box-sizing: border-box;
+    display: inline-block;
+    vertical-align: top;
+    border: solid 1px rgb(32, 32, 32);
+    background-color: rgb(220,220,220);
+    border-radius: 5px;
+    box-shadow: 0px 0px 10px rgba(0,0,0,0.5), inset 0px 2px 5px rgba(255,255,255,0.5), inset 0px -2px 5px rgba(128,128,128,0.5);
+    margin: 2px;
+    padding: 5px;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.messageRow .message {
+    background-color: rgb(220,200,200);
+}
+
+.selfMessageRow .message {
+    background-color: rgb(200,220,200);
+}
+
+.message .user {
+    box-sizing: border-box;
+    color: rgb(64,64,64);
+    text-shadow: 0 0 1px rgba(0,0,0,0.3);
+    font-size: 10px;
+    font-weight: bold;
+}
+
+.message .text {
+    box-sizing: border-box;
+    color: rgb(32,32,32);
+    text-shadow: 0 0 1px rgba(0,0,0,0.3);
+    font-size: 12px;
+}
+
+.divChatControls {
+}
+
+.chatTextBox {
+    box-sizing: border-box;
+    padding: 5px;
+    box-shadow: inset 0px 0px 5px black;
+    width: calc(100% - 52px);
+    border-radius: 5px;
+    border: solid 1px black;
+    margin: 0 2px 0 0;
+    vertical-align: top;
+    height: 30px;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    font-size: 12px;
+    text-align: left;
+}
+
+
+.chatButton {
+    box-sizing: border-box;
+    padding: 5px;
+    box-shadow: 0px 0px 10px rgba(0,0,0,0.5), inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1);
+    width: 50px;
+    vertical-align: top;
+    border-radius: 5px;
+    border: solid 1px black;
+    height: 30px;
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    font-size: 12px;
+    text-align: center;
+    cursor: pointer;
+    background-color: rgb(192,192,192);
+}
+.chatButton:hover {
+    background-color: rgb(220,220,220);
+}
+.chatButton:active {
+    background-color: rgb(220,220,220);
+    box-shadow: inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1);
+}