(Coding) style

[socialXMPP.git] / css / standard.css

diff --git a/css/standard.css b/css/standard.css
index b6c3b8e27a9f8a23a3fd48ab41fb0e753f4973db..d0e693819da63bbb2bdf1f5caac74a5a585c797f 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -1,15 +1,38 @@
-#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;
+  top: 0;
+  height: 100%;
+  width: 100%;
+}
+
+#vCard {
+  background: white;
+  text-align: center;
+  margin: 2em auto;
+  padding: 1em;
+  width: 50%;
+  overflow: auto;
 }
 
 #ownInfo {
@@ -21,10 +44,19 @@
 
 #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 {
@@ -35,7 +67,8 @@
   float: left;
   margin: 0.5em;
   text-align: center;
-  max-width: 10em;
+  min-width: 100px;
+  height: 100px;
 }
 
 .friend img, #vCard_container img {
@@ -52,7 +85,7 @@
 }
 
 .chat {
-  position: fixed;
+  position: absolute;
   background-color: white;
   width: 30%;
   padding: 1em;
@@ -67,3 +100,8 @@
   font-size: 15pt;
   font-weight: bold;
 }
+
+.noMarker {
+  list-style-type: none;
+  display: inline;
+}