Change vCard display

[socialXMPP.git] / css / standard.css

diff --git a/css/standard.css b/css/standard.css
index 62dbe00765609e49c99b577de8f0ed7c52c739bb..eb2b9d69a0f7167f57ecb731b1812a8166b20fc6 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -7,9 +7,18 @@
 }
 
 #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 {
@@ -20,19 +29,33 @@
 }
 
 #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: 2em;
+  margin: 0.5em;
   text-align: center;
+  max-width: 10em;
 }
 
 .friend img, #vCard_container img {
@@ -59,3 +82,13 @@
 .chatForm {
   width: 100%;
 }
+
+.chatTitle {
+  font-size: 15pt;
+  font-weight: bold;
+}
+
+.noMarker {
+  list-style-type: none;
+  display: inline;
+}