Browse Source

tweaking nin theme

master
Julian Steinwachs 10 years ago
parent
commit
72766919ab
  1. 126
      theme_nin/css/style.css
  2. 4
      theme_nin/sass/style.sass

126
theme_nin/css/style.css

@ -2389,7 +2389,7 @@ ol.toptrends-list a:hover {
/*********** POPUP PROMPT ************ */ /*********** POPUP PROMPT ************ */
/* line 558, ../sass/style.sass */ /* line 558, ../sass/style.sass */
.prompt-wrapper { .prompt-wrapper {
position: absolute; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
background: white; background: white;
@ -2591,20 +2591,24 @@ ol.toptrends-list a:hover {
.reply .modal-buttons, .reply .post-expand, .reply .post-interactions { .reply .modal-buttons, .reply .post-expand, .reply .post-interactions {
display: none; display: none;
} }
/* line 721, ../sass/style.sass */
.reply .post-area {
padding-bottom: 6px;
}
/****** DIRECT MESSAGES MODAL********* */ /****** DIRECT MESSAGES MODAL********* */
/* line 725, ../sass/style.sass */ /* line 727, ../sass/style.sass */
.directMessages .post-area-new { .directMessages .post-area-new {
display: none; display: none;
padding: 20px; padding: 20px;
z-index: 5; z-index: 5;
background: #E2E1DE; background: #E2E1DE;
} }
/* line 732, ../sass/style.sass */ /* line 734, ../sass/style.sass */
.directMessages .post-area-new .modal-header h3 span { .directMessages .post-area-new .modal-header h3 span {
display: inline !important; display: inline !important;
} }
/* line 734, ../sass/style.sass */ /* line 736, ../sass/style.sass */
.directMessages .modal-wrapper { .directMessages .modal-wrapper {
width: 520px; width: 520px;
height: 490px; height: 490px;
@ -2612,7 +2616,7 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 741, ../sass/style.sass */ /* line 743, ../sass/style.sass */
.directMessages .modal-content { .directMessages .modal-content {
overflow-y: auto; overflow-y: auto;
height: 300px; height: 300px;
@ -2621,25 +2625,25 @@ ol.toptrends-list a:hover {
box-sizing: border-box; box-sizing: border-box;
width: 520px; width: 520px;
} }
/* line 748, ../sass/style.sass */ /* line 750, ../sass/style.sass */
.directMessages .modal-buttons { .directMessages .modal-buttons {
display: none; display: none;
} }
/* line 750, ../sass/style.sass */ /* line 752, ../sass/style.sass */
.directMessages .post-photo { .directMessages .post-photo {
height: 48px; height: 48px;
width: 48px; width: 48px;
} }
/* line 753, ../sass/style.sass */ /* line 755, ../sass/style.sass */
.directMessages .post-text { .directMessages .post-text {
margin-left: 58px; margin-left: 58px;
font-size: 0.9em; font-size: 0.9em;
} }
/* line 756, ../sass/style.sass */ /* line 758, ../sass/style.sass */
.directMessages .post-info-name { .directMessages .post-info-name {
float: none; float: none;
} }
/* line 758, ../sass/style.sass */ /* line 760, ../sass/style.sass */
.directMessages .post-info-tag { .directMessages .post-info-tag {
line-height: 1em; line-height: 1em;
padding: 0; padding: 0;
@ -2648,12 +2652,12 @@ ol.toptrends-list a:hover {
margin: 0 0 0 1em; margin: 0 0 0 1em;
} }
/* line 765, ../sass/style.sass */ /* line 767, ../sass/style.sass */
.direct-messages-list .post { .direct-messages-list .post {
padding: 10px 30px 10px 15px; padding: 10px 30px 10px 15px;
cursor: pointer; cursor: pointer;
} }
/* line 768, ../sass/style.sass */ /* line 770, ../sass/style.sass */
.direct-messages-list .post:after { .direct-messages-list .post:after {
content: ""; content: "";
font-family: "fontello"; font-family: "fontello";
@ -2666,19 +2670,19 @@ ol.toptrends-list a:hover {
display: none; display: none;
} }
/* line 780, ../sass/style.sass */ /* line 782, ../sass/style.sass */
.direct-messages-list .post:hover:after { .direct-messages-list .post:hover:after {
display: block; display: block;
} }
/* line 785, ../sass/style.sass */ /* line 787, ../sass/style.sass */
.direct-messages-thread .post { .direct-messages-thread .post {
background: none; background: none;
left: 0; left: 0;
margin: 0px 10px 20px 10px; margin: 0px 10px 20px 10px;
cursor: default; cursor: default;
} }
/* line 791, ../sass/style.sass */ /* line 793, ../sass/style.sass */
.direct-messages-thread .post .post-info-time { .direct-messages-thread .post .post-info-time {
float: none; float: none;
display: block; display: block;
@ -2687,11 +2691,11 @@ ol.toptrends-list a:hover {
margin: 10px 0; margin: 10px 0;
cursor: default; cursor: default;
} }
/* line 798, ../sass/style.sass */ /* line 800, ../sass/style.sass */
.direct-messages-thread .post .post-info-time:hover { .direct-messages-thread .post .post-info-time:hover {
color: #aaa; color: #aaa;
} }
/* line 802, ../sass/style.sass */ /* line 804, ../sass/style.sass */
.direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after { .direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after {
content: ""; content: "";
width: 1px; width: 1px;
@ -2700,14 +2704,14 @@ ol.toptrends-list a:hover {
top: 10px; top: 10px;
white-space: normal; white-space: normal;
} }
/* line 810, ../sass/style.sass */ /* line 812, ../sass/style.sass */
.direct-messages-thread .post .post-text:after { .direct-messages-thread .post .post-text:after {
border-top: solid 7px transparent; border-top: solid 7px transparent;
border-bottom: solid 7px transparent; border-bottom: solid 7px transparent;
border-right: solid 7px white; border-right: solid 7px white;
left: -7px; left: -7px;
} }
/* line 816, ../sass/style.sass */ /* line 818, ../sass/style.sass */
.direct-messages-thread .post .post-text { .direct-messages-thread .post .post-text {
background: white; background: white;
margin-right: 60px; margin-right: 60px;
@ -2723,13 +2727,13 @@ ol.toptrends-list a:hover {
max-width: 60%; max-width: 60%;
min-height: 15px; min-height: 15px;
} }
/* line 831, ../sass/style.sass */ /* line 833, ../sass/style.sass */
.direct-messages-thread .post .post-photo { .direct-messages-thread .post .post-photo {
position: absolute; position: absolute;
left: 0; left: 0;
top: 10px; top: 10px;
} }
/* line 840, ../sass/style.sass */ /* line 842, ../sass/style.sass */
.direct-messages-thread .post.sent .post-text:after { .direct-messages-thread .post.sent .post-text:after {
border-top: solid 7px transparent; border-top: solid 7px transparent;
border-bottom: solid 7px transparent; border-bottom: solid 7px transparent;
@ -2738,11 +2742,11 @@ ol.toptrends-list a:hover {
right: -7px; right: -7px;
left: auto; left: auto;
} }
/* line 847, ../sass/style.sass */ /* line 849, ../sass/style.sass */
.direct-messages-thread .post.sent .post-text { .direct-messages-thread .post.sent .post-text {
float: right; float: right;
} }
/* line 849, ../sass/style.sass */ /* line 851, ../sass/style.sass */
.direct-messages-thread .post.sent .post-photo { .direct-messages-thread .post.sent .post-photo {
position: absolute; position: absolute;
right: 0; right: 0;
@ -2750,7 +2754,7 @@ ol.toptrends-list a:hover {
} }
/********* NEW USER MODAL************* */ /********* NEW USER MODAL************* */
/* line 859, ../sass/style.sass */ /* line 861, ../sass/style.sass */
.new-user .modal-wrapper { .new-user .modal-wrapper {
width: 520px; width: 520px;
height: 600px; height: 600px;
@ -2759,31 +2763,31 @@ ol.toptrends-list a:hover {
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
} }
/* line 866, ../sass/style.sass */ /* line 868, ../sass/style.sass */
.new-user .modal-content { .new-user .modal-content {
margin: 10px 10px 10px 10px; margin: 10px 10px 10px 10px;
} }
/* line 868, ../sass/style.sass */ /* line 870, ../sass/style.sass */
.new-user .modal-buttons, .new-user .modal-close { .new-user .modal-buttons, .new-user .modal-close {
display: none; display: none;
} }
/* line 870, ../sass/style.sass */ /* line 872, ../sass/style.sass */
.new-user .text { .new-user .text {
margin: 0 0 15px 0; margin: 0 0 15px 0;
} }
/* line 872, ../sass/style.sass */ /* line 874, ../sass/style.sass */
.new-user .emphasis { .new-user .emphasis {
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
} }
/* line 875, ../sass/style.sass */ /* line 877, ../sass/style.sass */
.new-user .secret-key { .new-user .secret-key {
color: black; color: black;
font-weight: bold; font-weight: bold;
} }
/******** HASHTAG MODAL********** */ /******** HASHTAG MODAL********** */
/* line 882, ../sass/style.sass */ /* line 884, ../sass/style.sass */
.hashtag-modal .modal-wrapper { .hashtag-modal .modal-wrapper {
width: 520px; width: 520px;
height: 600px; height: 600px;
@ -2791,22 +2795,22 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow: hidden; overflow: hidden;
} }
/* line 888, ../sass/style.sass */ /* line 890, ../sass/style.sass */
.hashtag-modal .modal-content { .hashtag-modal .modal-content {
overflow-y: auto; overflow-y: auto;
height: 500px; height: 500px;
} }
/* line 891, ../sass/style.sass */ /* line 893, ../sass/style.sass */
.hashtag-modal .modal-buttons { .hashtag-modal .modal-buttons {
display: none; display: none;
} }
/* line 893, ../sass/style.sass */ /* line 895, ../sass/style.sass */
.hashtag-modal .postboard { .hashtag-modal .postboard {
padding: 0; padding: 0;
} }
/****** CONVERSATION MODAL********** */ /****** CONVERSATION MODAL********** */
/* line 899, ../sass/style.sass */ /* line 901, ../sass/style.sass */
.conversation-modal .modal-wrapper { .conversation-modal .modal-wrapper {
position: absolute; position: absolute;
width: 520px; width: 520px;
@ -2816,22 +2820,22 @@ ol.toptrends-list a:hover {
overflow: hidden; overflow: hidden;
background: white; background: white;
} }
/* line 907, ../sass/style.sass */ /* line 909, ../sass/style.sass */
.conversation-modal .modal-content { .conversation-modal .modal-content {
overflow-y: auto; overflow-y: auto;
height: 90%; height: 90%;
} }
/* line 910, ../sass/style.sass */ /* line 912, ../sass/style.sass */
.conversation-modal .modal-buttons { .conversation-modal .modal-buttons {
display: none; display: none;
} }
/* line 912, ../sass/style.sass */ /* line 914, ../sass/style.sass */
.conversation-modal .postboard { .conversation-modal .postboard {
padding: 0; padding: 0;
} }
/****** FOLLOWING MODAL****** */ /****** FOLLOWING MODAL****** */
/* line 918, ../sass/style.sass */ /* line 920, ../sass/style.sass */
.following-modal .modal-wrapper { .following-modal .modal-wrapper {
width: 520px; width: 520px;
top: 10%; top: 10%;
@ -2839,27 +2843,27 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 924, ../sass/style.sass */ /* line 926, ../sass/style.sass */
.following-modal .modal-content { .following-modal .modal-content {
height: 300px; height: 300px;
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;
} }
/* line 928, ../sass/style.sass */ /* line 930, ../sass/style.sass */
.following-modal .modal-buttons { .following-modal .modal-buttons {
display: none; display: none;
} }
/* line 930, ../sass/style.sass */ /* line 932, ../sass/style.sass */
.following-modal ol { .following-modal ol {
margin: 5px; margin: 5px;
} }
/* line 933, ../sass/style.sass */ /* line 935, ../sass/style.sass */
.following-modal .open-profile-modal:hover { .following-modal .open-profile-modal:hover {
text-decoration: none; text-decoration: none;
} }
/******* WHO TO FOLLOW MODAL****** */ /******* WHO TO FOLLOW MODAL****** */
/* line 941, ../sass/style.sass */ /* line 943, ../sass/style.sass */
.who-to-follow-modal .modal-wrapper { .who-to-follow-modal .modal-wrapper {
width: 520px; width: 520px;
top: 10%; top: 10%;
@ -2867,54 +2871,54 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 947, ../sass/style.sass */ /* line 949, ../sass/style.sass */
.who-to-follow-modal .modal-content { .who-to-follow-modal .modal-content {
padding: 15px; padding: 15px;
height: 400px; height: 400px;
overflow-y: auto; overflow-y: auto;
} }
/* line 951, ../sass/style.sass */ /* line 953, ../sass/style.sass */
.who-to-follow-modal .modal-buttons { .who-to-follow-modal .modal-buttons {
display: none; display: none;
} }
/* line 953, ../sass/style.sass */ /* line 955, ../sass/style.sass */
.who-to-follow-modal ol { .who-to-follow-modal ol {
margin: 5px; margin: 5px;
} }
/* line 956, ../sass/style.sass */ /* line 958, ../sass/style.sass */
.who-to-follow-modal .open-profile-modal:hover { .who-to-follow-modal .open-profile-modal:hover {
text-decoration: none; text-decoration: none;
} }
/* line 958, ../sass/style.sass */ /* line 960, ../sass/style.sass */
.who-to-follow-modal .twister-user { .who-to-follow-modal .twister-user {
position: relative; position: relative;
padding: 5px; padding: 5px;
} }
/* line 961, ../sass/style.sass */ /* line 963, ../sass/style.sass */
.who-to-follow-modal .twister-user-photo { .who-to-follow-modal .twister-user-photo {
position: relative; position: relative;
left: 0; left: 0;
float: left; float: left;
display: block; display: block;
} }
/* line 966, ../sass/style.sass */ /* line 968, ../sass/style.sass */
.who-to-follow-modal .twister-user-info { .who-to-follow-modal .twister-user-info {
position: relative; position: relative;
padding-left: 70px; padding-left: 70px;
width: auto; width: auto;
} }
/* line 970, ../sass/style.sass */ /* line 972, ../sass/style.sass */
.who-to-follow-modal .bio { .who-to-follow-modal .bio {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
font-style: italic; font-style: italic;
} }
/******* LOADER ************ */ /******* LOADER ************ */
/* line 976, ../sass/style.sass */ /* line 978, ../sass/style.sass */
.postboard-loading { .postboard-loading {
text-align: center; text-align: center;
} }
/* line 978, ../sass/style.sass */ /* line 980, ../sass/style.sass */
.postboard-loading div { .postboard-loading div {
display: inline-block; display: inline-block;
width: 120px; width: 120px;
@ -2923,7 +2927,7 @@ ol.toptrends-list a:hover {
position: relative; position: relative;
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
/* line 985, ../sass/style.sass */ /* line 987, ../sass/style.sass */
.postboard-loading div:after { .postboard-loading div:after {
content: ""; content: "";
position: absolute; position: absolute;
@ -3007,7 +3011,7 @@ ol.toptrends-list a:hover {
} }
} }
/* Options */ /* Options */
/* line 1060, ../sass/style.sass */ /* line 1062, ../sass/style.sass */
.suboptions { .suboptions {
margin: 5px 30px; margin: 5px 30px;
border: double 2px rgba(69, 71, 77, 0.1); border: double 2px rgba(69, 71, 77, 0.1);
@ -3024,22 +3028,22 @@ ol.toptrends-list a:hover {
line-height: 0.9em; line-height: 0.9em;
font-style: italic; font-style: italic;
} }
/* line 1075, ../sass/style.sass */ /* line 1077, ../sass/style.sass */
.suboptions div { .suboptions div {
float: none !important; float: none !important;
} }
/* line 1077, ../sass/style.sass */ /* line 1079, ../sass/style.sass */
.suboptions span { .suboptions span {
font-style: normal; font-style: normal;
} }
/* Autocomplite */ /* Autocomplite */
/* line 1082, ../sass/style.sass */ /* line 1084, ../sass/style.sass */
.textcomplete-wrapper textarea { .textcomplete-wrapper textarea {
display: inline; display: inline;
} }
/* line 1085, ../sass/style.sass */ /* line 1087, ../sass/style.sass */
ul.dropdown-menu { ul.dropdown-menu {
position: absolute; position: absolute;
top: 23px; top: 23px;
@ -3057,11 +3061,11 @@ ul.dropdown-menu {
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
} }
/* line 1101, ../sass/style.sass */ /* line 1103, ../sass/style.sass */
ul.dropdown-menu li { ul.dropdown-menu li {
line-height: 20px; line-height: 20px;
} }
/* line 1103, ../sass/style.sass */ /* line 1105, ../sass/style.sass */
ul.dropdown-menu > li > a { ul.dropdown-menu > li > a {
display: block; display: block;
padding: 3px 20px; padding: 3px 20px;

4
theme_nin/sass/style.sass

@ -556,7 +556,7 @@ ol.toptrends-list
/*********** POPUP PROMPT *************/ /*********** POPUP PROMPT *************/
.prompt-wrapper .prompt-wrapper
position: absolute position: fixed
top: 50% top: 50%
left: 50% left: 50%
background: rgba( 255, 255,255, 1.0 ) background: rgba( 255, 255,255, 1.0 )
@ -718,6 +718,8 @@ ol.toptrends-list
margin: 0 0 0 0-($postboard-modal-width/2) margin: 0 0 0 0-($postboard-modal-width/2)
.modal-buttons, .post-expand, .post-interactions .modal-buttons, .post-expand, .post-interactions
display: none display: none
.post-area
padding-bottom: 6px
/****** DIRECT MESSAGES MODAL**********/ /****** DIRECT MESSAGES MODAL**********/

Loading…
Cancel
Save