From c27362c9215e5b83826b327e582712e97de427fe Mon Sep 17 00:00:00 2001
From: Simon Grim <scary@tasty.sexy>
Date: Sun, 27 Nov 2016 19:03:31 +0500
Subject: [PATCH] add SASS & CSS for .new-users

---
 css/style.css           | 35 +++++++++++++++++++++++++++++++++++
 sass/layout/_modal.sass | 26 +++++++++++++++++++++++---
 sass/style.sass         | 15 +++++++++++++++
 3 files changed, 73 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 951bd1f..1f40dfd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -725,6 +725,29 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
   font-style: italic;
   padding: 0.25rem 0;
 }
+.modal-wrapper.new-users-modal a {
+  color: #222;
+}
+.modal-wrapper.new-users-modal a.twister-user-name:hover {
+  text-decoration: none;
+}
+.modal-wrapper.new-users-modal .twister-user-info {
+  text-align: left;
+  font-size: 0.8rem;
+  line-height: 1rem;
+  width: 80%;
+  padding-left: 68px;
+}
+.modal-wrapper.new-users-modal button {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+}
+.modal-wrapper.new-users-modal .bio {
+  color: rgba(0, 0, 0, 0.6);
+  font-style: italic;
+  padding: 0.25rem 0;
+}
 .modal-wrapper .modal-content {
   width: 100%;
   overflow: hidden;
@@ -2815,6 +2838,18 @@ img.twister-user-photo {
   font-size: 12px;
 }
 
+/*********** NEWCOMERS ************/
+.new-users.module li button {
+  position: absolute;
+  right: 30px;
+  top: 10px;
+  display: none;
+  padding: 0.4rem !important;
+}
+.new-users.module li:hover button {
+  display: block;
+}
+
 /******* LOADER ************ */
 .postboard-loading, .loading-roller {
   font-size: 100px;
diff --git a/sass/layout/_modal.sass b/sass/layout/_modal.sass
index 48bc659..d6da416 100644
--- a/sass/layout/_modal.sass
+++ b/sass/layout/_modal.sass
@@ -135,9 +135,29 @@ $header-modal-height : $menu-height
 			top: $header-modal-height +2
 			z-index: 2000
 			@extend .color-1
-
-
-
+			
+			
+	&.new-users-modal
+		a
+			color: $main-color-dark
+			&.twister-user-name
+				&:hover
+					text-decoration: none
+		.twister-user-info
+			text-align: left
+			font-size: .8rem
+			line-height: 1rem
+			width: 80%
+			padding-left: $mini-usr-img + 20
+		button
+			position: absolute
+			right: 10px
+			top: 10px
+			@extend .small
+		.bio
+			color: rgba(0, 0, 0, 0.6)
+			font-style: italic
+			padding: .25rem 0
 
 
 .modal-header
diff --git a/sass/style.sass b/sass/style.sass
index 3aedb0c..b80c4b7 100755
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -570,6 +570,21 @@ img.twister-user-photo
 	.twisterday 
 		font-size: 12px
 
+/*********** NEWCOMERS ************/
+
+.new-users
+	&.module
+		li
+			button
+				position: absolute
+				right: 30px
+				top: 10px
+				@extend .small
+				display: none
+				padding: .4rem!important
+			&:hover button
+				display: block
+
 
 /******* LOADER *************/