-#login {
- text-align: center;
+form {
+ display: table;
+ margin: auto;
+}
+
+input {
+ margin: 0.2em;
+ float: left;
+}
+
+label {
+ float: left;
+ width: 6em;
}
#log_container {
clear: both;
+ display: none;
}
#vCard_container {
- float: left;
display: none;
- margin: 1em;
+ position: fixed;
+ height: 100%;
+ width: 100%;
+}
+
+#vCard {
+ background: white;
+ text-align: center;
+ margin: 2em auto;
+ width: 50%;
+ overflow: auto;
}
#ownInfo {
}
#friends {
- max-width: 50%;
+ display: none;
+ padding: 1em;
background: grey;
- float: left;
+}
+
+#box-overlay {
+ background: black;
+ opacity: 0.8;
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: none;
}
.vCardName {
.friend {
float: left;
- margin: 2em;
+ margin: 0.5em;
text-align: center;
+ max-width: 10em;
+ height: 100px;
}
.friend img, #vCard_container img {
.sender {
color: blue;
}
+
+.receiver {
+ color: darkred;
+}
+
+.chat {
+ position: absolute;
+ background-color: white;
+ width: 30%;
+ padding: 1em;
+ border: 2px solid;
+}
+
+.chatForm {
+ width: 100%;
+}
+
+.chatTitle {
+ font-size: 15pt;
+ font-weight: bold;
+}
+
+.noMarker {
+ list-style-type: none;
+ display: inline;
+}