Styling for hidden attendees elements

1 files changed, 26 insertions, 0 deletions

diff --git a/public/css/style.css b/public/css/style.css
index d50ab11..dd59d6b 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -187,6 +187,28 @@ body, html {
     font-weight: bold;
 }
 
+.attendeesList > li.hidden-attendee {
+    border: 4px solid #ccc;
+    background: #eee;
+}
+
+.attendeesList > li.hidden-attendee a {
+    color: #555;
+}
+
+.hidden-attendees-message {
+    display: inline-block;
+    border: 4px solid #ccc;
+    text-align: center;
+    border-radius: 2em;
+    padding: 0.5em 1em;
+    background: #eee;
+    color: #555;
+    font-size: 0.95em;
+    font-weight: bold;
+    margin: 0;
+}
+
 .expand {
     -webkit-transition: height 0.2s;
     -moz-transition: height 0.2s;
@@ -321,6 +343,10 @@ body, html {
     color: #fff;
 }
 
+li.hidden-attendee .attendee-name {
+    color: #555;
+}
+
 .remove-attendee {
     color: #fff;
 }