Browse Source

add SASS & CSS for .new-users

nin-v2
Simon Grim 8 years ago
parent
commit
c27362c921
  1. 35
      css/style.css
  2. 26
      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 { @@ -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 { @@ -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;

26
sass/layout/_modal.sass

@ -135,9 +135,29 @@ $header-modal-height : $menu-height @@ -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

15
sass/style.sass

@ -570,6 +570,21 @@ img.twister-user-photo @@ -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 *************/

Loading…
Cancel
Save