Browse Source

add SASS & CSS for .new-users

nin-v2
Simon Grim 8 years ago
parent
commit
c27362c921
  1. 35
      css/style.css
  2. 22
      sass/layout/_modal.sass
  3. 15
      sass/style.sass

35
css/style.css

@ -725,6 +725,29 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
font-style: italic; font-style: italic;
padding: 0.25rem 0; 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 { .modal-wrapper .modal-content {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
@ -2815,6 +2838,18 @@ img.twister-user-photo {
font-size: 12px; 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 ************ */ /******* LOADER ************ */
.postboard-loading, .loading-roller { .postboard-loading, .loading-roller {
font-size: 100px; font-size: 100px;

22
sass/layout/_modal.sass

@ -137,7 +137,27 @@ $header-modal-height : $menu-height
@extend .color-1 @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 .modal-header

15
sass/style.sass

@ -570,6 +570,21 @@ img.twister-user-photo
.twisterday .twisterday
font-size: 12px 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 *************/ /******* LOADER *************/

Loading…
Cancel
Save