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 *************/