twisterarmy/theme_nin
1
0
Fork 0
mirror of https://github.com/twisterarmy/theme_nin.git synced 2025-02-06 03:54:29 +00:00
Code Issues Projects Releases Wiki Activity

add SASS & CSS for .new-users

Browse Source
This commit is contained in:
Simon Grim 2016-11-27 19:03:31 +05:00
parent 7933186018
commit c27362c921
3 changed files with 73 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
css/style.css
View File

@ -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;

26
sass/layout/_modal.sass
View File

@ -135,9 +135,29 @@ $header-modal-height : $menu-height
top: $header-modal-height +2 top: $header-modal-height +2
z-index: 2000 z-index: 2000
@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
View File

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