Fix chat bubbles

[socialXMPP.git] / css / standard.css

diff --git a/css/standard.css b/css/standard.css
index 5b260eb3d96656dd3a03e818b37bf1ea6527d7bf..64607c84316725a9d125e6a1e774cb0646a3239c 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -1,3 +1,94 @@
 #login {
   text-align: center;
 }
+
+#log_container {
+  clear: both;
+}
+
+#vCard_container {
+  display: none;
+  position: fixed;
+  height: 100%;
+  width: 100%;
+}
+
+#vCard {
+  background: white;
+  text-align: center;
+  margin: 2em auto;
+  width: 50%;
+  overflow: auto;
+}
+
+#ownInfo {
+  display: none;
+  background: lightgrey;
+  float: left;
+  padding: 1em;
+}
+
+#friends {
+  display: none;
+  max-width: 50%;
+  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 {
+  font-weight: bold;
+}
+
+.friend {
+  float: left;
+  margin: 0.5em;
+  text-align: center;
+  max-width: 10em;
+}
+
+.friend img, #vCard_container img {
+  max-width: 70px;
+  max-height: 70px;
+}
+
+.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;
+}