Nin is a theme for twister-html
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2704 lines
61 KiB

@charset "UTF-8";
9 years ago
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, .profile-bio, center,
9 years ago
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
@font-face {
font-family: "Roboto";
src: url("fonts/roboto/Roboto-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url("fonts/roboto/Roboto-Medium.ttf");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url("fonts/roboto/Roboto-Bold.ttf");
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url("fonts/roboto/Roboto-Black.ttf");
font-weight: 900;
}
@font-face {
font-family: "Roboto";
src: url("fonts/roboto/Roboto-Italic.ttf");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Droid";
src: url("fonts/DroidSerif-Italic.ttf");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Roboto";
src: url("fonts/roboto/Roboto-MediumItalic.ttf");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Roboto";
src: url("fonts/roboto/Roboto-BoldItalic.ttf");
font-weight: 700;
font-style: italic;
}
/* ICONS */
@font-face {
font-family: "Ionicons";
src: url("fonts/ionicons/ionicons.eot?v=2.0.0");
src: url("fonts/ionicons/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("fonts/ionicons/ionicons.ttf?v=2.0.0") format("truetype"), url("fonts/ionicons/ionicons.woff?v=2.0.0") format("woff"), url("fonts/ionicons/ionicons.svg?v=2.0.0#Ionicons") format("svg");
font-weight: normal;
font-style: normal;
}
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-context span:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before, .ion-after:after, .isFollowing:after, .direct-messages-list .post:after {
display: inline-block;
font-family: "Ionicons";
speak: none;
font-style: inherit;
font-weight: inherit;
font-variant: inherit;
text-transform: normal;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
9 years ago
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-context span:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .view-all-users:before {
padding: 0 3px;
}
.ion:after, .userMenu li.userMenu-config > a:after, .modal-header span:after, .prompt-wrapper .modal-header span:after, .bitmessage-ctc:after, .tox-ctc:after, .profile-modal .profile-tox:after, .profile-modal .profile-bitmessage:after, .post-context span:after, .post-interactions span:after, .post-stats li.stat-count:after, ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .show-more-followers:after, .mini-profile-indicators .userMenu-connections a:after, .mini-profile-indicators .userMenu-messages a:after, .mini-profile-indicators .userMenu-user a:after, .twister-user-remove:after, .refresh-toptrends:after, .twistday-reminder .refresh:after, .refresh-users:after, .view-all-users:after, .ion-after:before, .isFollowing:before, .direct-messages-list .post:before {
display: none;
}
9 years ago
.ion-alert:before, .post-interactions span.post-favorite:before {
content: "";
}
.ion-checkmark:after, .isFollowing:after, .modal-header span.mark-all-as-read:after, .ion-checkmark:before, .isFollowing:before, .modal-header span.mark-all-as-read:before {
content: "";
}
.ion-gear:before, .userMenu li.userMenu-config > a:before {
content: "";
}
9 years ago
.ion-shuffle:before, .post-context span:before, .post-interactions span.post-propagate:before, .post-stats li.stat-count:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
content: "";
}
.ion-mention:before, .mini-profile-indicators .userMenu-connections a:before {
content: "";
}
.ion-chatbox:before, .mini-profile-indicators .userMenu-messages a:before {
content: "";
}
9 years ago
.ion-profile:before, .mini-profile-indicators .userMenu-user a:before {
content: "";
}
.ion-plus:before, .post-interactions span.post-reply:before {
content: "";
}
.ion-reply:before {
content: "";
}
.ion-close:before, .modal-header span.modal-close:before, .twister-user-remove:before {
content: "";
}
.ion-back:before, .modal-header span.modal-back:before {
content: "";
}
.ion-post-promo:before {
content: "";
}
.ion-post-normal:before {
content: "";
}
9 years ago
.ion-home:before {
content: "";
}
9 years ago
.ion-network:before {
content: "";
}
9 years ago
.ion-eye:before, .view-all-users:before {
content: "";
}
.ion-tox:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before {
content: "";
}
.ion-copy:before, .bitmessage-ctc:before, .tox-ctc:before {
content: "";
}
.ion-search:after {
content: "";
}
.ion-right:after, .direct-messages-list .post:after {
content: "";
}
/* FONTS */
9 years ago
* {
outline: none !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
9 years ago
list-style: none;
9 years ago
}
html, body {
min-height: 100%;
color: #3E3C42;
9 years ago
position: absolute;
width: 100%;
}
html {
font-size: 15px;
background-color: #ddd;
9 years ago
background-image: url('../img/bg.png?1438449671');
background-attachment: fixed;
9 years ago
}
body {
font-size: 1rem;
line-height: 1.3rem;
9 years ago
font-family: "Roboto", sans-serif;
font-weight: 400;
overflow-y: scroll !important;
9 years ago
}
a {
text-decoration: none;
color: #A1B775;
9 years ago
}
a:hover, a:active {
color: #A1B775;
text-decoration: underline;
9 years ago
}
a i, a .profile-bio {
9 years ago
text-decoration: underline;
font-style: normal;
}
i, .profile-bio, em {
9 years ago
font-style: italic;
font-family: "Droid", serif;
letter-spacing: 0;
9 years ago
}
strong, b {
font-weight: 600;
}
9 years ago
img {
background: #F3F2F0;
9 years ago
}
9 years ago
h1 {
font-size: 1.1em;
font-weight: 700;
line-height: 1.1em;
}
h2 {
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 0.07em;
font-weight: 400;
line-height: 1.1em;
}
h3 {
font-size: 1.1em;
font-weight: 400;
line-height: 1.1em;
}
br {
display: block;
}
textarea, input {
background: white;
display: block;
border: none;
}
samp {
background: #3E3C42;
color: white;
font-size: 11px;
line-height: 11px;
display: inline-block;
padding: 5px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
font-weight: 500;
font-family: monospace;
word-wrap: break-word;
}
9 years ago
/* isFollowing */
.isFollowing:after {
color: #A1B775;
padding-left: 3px;
9 years ago
display: inline;
font-size: 11px;
9 years ago
vertical-align: top;
line-height: 10px;
}
h3 .isFollowing:before {
display: none !important;
9 years ago
}
h3 .isFollowing:after {
display: none !important;
9 years ago
}
.box-shadow, .modal-wrapper, ul.dropdown-menu {
-moz-box-shadow: 0 8px 13px rgba(17, 17, 17, 0);
-webkit-box-shadow: 0 8px 13px rgba(17, 17, 17, 0);
box-shadow: 0 8px 13px rgba(17, 17, 17, 0);
9 years ago
}
9 years ago
.clear-fix:after, .userMenu > ul:after, .wrapper:after, .dashboard > .module:after, .dashboard > .module ol:after, .modal-wrapper.following-modal a:after, .modal-wrapper .modal-content:after, .modal-header:after, .prompt-wrapper .modal-header:after, .twister-user:after, .direct-messages-thread .post:after, .forEdition.profile-card:after, #postboard-top:after, #postboard-top .post-area:after, .expanded-content:after, .following .following-list li a:after, .network.singleBlock:after, .network.singleBlock .module:after, .options .tab-content:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after {
content: "";
display: table;
clear: both;
}
9 years ago
/************** BUTTONS *********** */
button, .show-more-followers, a.button {
9 years ago
padding: 0.6rem 1rem;
display: inline-block;
line-height: 0.75rem;
letter-spacing: 0.07rem;
font-size: 0.75rem;
position: relative;
font-weight: 300;
text-transform: uppercase;
-moz-transition-property: background, border-color;
-o-transition-property: background, border-color;
-webkit-transition-property: background, border-color;
transition-property: background, border-color;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
color: #3E3C42;
9 years ago
background: #F8F8F8;
border: 1px solid #ebebeb;
font-family: "Ionicons", "Roboto", sans-serif;
9 years ago
cursor: pointer;
}
button:hover, .show-more-followers:hover, a.button:hover {
9 years ago
border-color: #d2d2d2;
text-decoration: none;
color: #3E3C42;
9 years ago
}
button.disabled, .disabled.show-more-followers, a.button.disabled {
9 years ago
opacity: 0.5;
color: #999;
background-color: #F3F2F0;
9 years ago
}
button.disabled:hover, .disabled.show-more-followers:hover, a.button.disabled:hover {
9 years ago
color: #666;
-moz-box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.3);
-webkit-box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.3);
box-shadow: 1px 1px 0 rgba(68, 68, 68, 0.3);
}
button.color-1, .modal-wrapper .modal-content button.postboard-news, .modal-wrapper .modal-content .postboard-news.show-more-followers, button.follow, .follow.show-more-followers, .forEdition.profile-card button.submit-changes, .forEdition.profile-card .submit-changes.show-more-followers, .color-1.show-more-followers, a.button.color-1, .modal-wrapper .modal-content a.button.postboard-news, a.button.follow {
background: #A1B775;
border-color: #96ae64;
9 years ago
color: white;
font-weight: 500;
}
button.color-1:hover, .modal-wrapper .modal-content button.postboard-news:hover, .modal-wrapper .modal-content .postboard-news.show-more-followers:hover, button.follow:hover, .follow.show-more-followers:hover, .forEdition.profile-card button.submit-changes:hover, .forEdition.profile-card .submit-changes.show-more-followers:hover, .color-1.show-more-followers:hover, a.button.color-1:hover, .modal-wrapper .modal-content a.button.postboard-news:hover, a.button.follow:hover {
border-color: #687b40;
9 years ago
}
button.color-2, button.unfollow, .unfollow.show-more-followers, .forEdition.profile-card button.toggle-priv-key, .forEdition.profile-card .toggle-priv-key.show-more-followers, .color-2.show-more-followers, a.button.color-2, a.button.unfollow {
background: #64676C;
border-color: #585a5f;
9 years ago
color: white;
font-weight: 500;
}
button.color-2:hover, button.unfollow:hover, .unfollow.show-more-followers:hover, .forEdition.profile-card button.toggle-priv-key:hover, .forEdition.profile-card .toggle-priv-key.show-more-followers:hover, .color-2.show-more-followers:hover, a.button.color-2:hover, a.button.unfollow:hover {
border-color: #3f4144;
9 years ago
}
button.small, .modal-wrapper.who-to-follow-modal button, .modal-wrapper.who-to-follow-modal .show-more-followers, .show-more-followers, .who-to-follow.module li button, .who-to-follow.module li .show-more-followers, a.button.small, a.button.show-more-followers {
padding: 0.5rem;
9 years ago
font-weight: 700;
font-size: 0.7rem;
line-height: 0.7rem;
9 years ago
}
button.light, .light.show-more-followers, a.button.light {
background: #eee;
border-color: #e1e1e1;
color: #222;
font-weight: 500;
}
button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
border-color: #aeaeae;
}
9 years ago
.userMenu {
width: 100%;
position: fixed;
height: 52px;
left: 0;
margin: 0;
background-color: #3E3C42;
z-index: 20;
}
9 years ago
.userMenu > ul {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
width: 1200px;
margin: auto;
9 years ago
background: url('../img/logo.png?1438462463') no-repeat 50% 50%;
background-size: 20px;
}
9 years ago
.userMenu > ul li {
position: relative;
display: inline-block;
9 years ago
margin: 0 10px;
}
9 years ago
.userMenu > ul li > a {
line-height: 52px;
display: inline-block;
color: rgba(255, 255, 255, 0.5) !important;
font-size: 1rem;
position: relative;
font-size: 1rem;
}
9 years ago
.userMenu > ul li > a:hover {
9 years ago
color: white !important;
text-decoration: none;
}
.userMenu > ul li > a:before {
padding-right: 5px;
}
.userMenu > ul li > a span {
display: inline-block;
}
.userMenu > ul li.current a {
9 years ago
color: white !important;
}
/* Menu specific entries */
.userMenu li.userMenu-home a .label {
display: inline-block !important;
}
.userMenu li.userMenu-home .menu-news {
position: absolute;
text-align: center;
display: none;
top: 5px;
right: -12px;
background: #A1B775;
width: 15px;
height: 15px;
line-height: 15px;
font-size: 10px;
padding: 1px;
margin: 0;
font-weight: 900;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: white;
}
.userMenu li.userMenu-home .menu-news.show {
display: block;
}
.userMenu li.userMenu-dhtindicator, .userMenu li.userMenu-connections, .userMenu li.userMenu-messages {
display: none !important;
}
.userMenu li.userMenu-config, .userMenu li.userMenu-search {
float: right;
position: relative;
9 years ago
color: white;
}
.userMenu li.userMenu-config + a, .userMenu li.userMenu-search + a {
9 years ago
color: #222;
}
.userMenu li.userMenu-search > input {
border: 1px solid rgba(255, 255, 255, 0.3);
line-height: 26px;
9 years ago
margin-top: 13px;
font-size: 12px;
padding: 0 7px;
background: rgba(255, 255, 255, 0.1);
color: white;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.userMenu li.userMenu-search > input:focus {
border-color: rgba(255, 255, 255, 0.7);
}
.userMenu li.userMenu-config > a {
9 years ago
font-size: 1.5rem;
}
/* Wrapper and blocks */
.wrapper {
width: 1200px;
max-width: 100%;
margin: auto;
9 years ago
padding-top: 70px;
position: relative;
z-index: 1;
}
.dashboard.left {
top: 52px;
float: left;
9 years ago
width: 168px;
min-height: 700px;
}
.dashboard.left > .module {
width: 150px;
position: fixed;
9 years ago
top: 70px;
}
.dashboard.right {
float: left;
top: 52px;
overflow: hidden;
9 years ago
width: 362px;
padding-left: 18px;
padding-right: 3px;
}
.dashboard > .module {
width: 100%;
margin-bottom: 20px;
background: #FDFCFA;
width: 100%;
min-height: 48px;
-moz-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
-webkit-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.dashboard > .module h3 {
float: left;
padding: 10px;
}
.dashboard > .module h4 {
clear: left;
padding: 10px 10px 5px 10px;
font-size: 90%;
}
.dashboard > .module small {
display: none;
}
.dashboard > .module ol {
clear: both;
position: relative;
}
9 years ago
/*********** POPUP MODAL ************* */
.modal-blackout {
display: none;
}
9 years ago
.modal-wrapper {
background: #F3F2F0;
z-index: 100;
width: 34%;
9 years ago
position: fixed;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
9 years ago
height: 100vh;
9 years ago
right: 0;
bottom: 0;
overflow: hidden;
-moz-box-shadow: -8px 0 13px rgba(17, 17, 17, 0.2);
-webkit-box-shadow: -8px 0 13px rgba(17, 17, 17, 0.2);
box-shadow: -8px 0 13px rgba(17, 17, 17, 0.2);
-moz-transition-property: top, bottom;
-o-transition-property: top, bottom;
-webkit-transition-property: top, bottom;
transition-property: top, bottom;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.modal-wrapper.remove {
bottom: 300%;
}
.modal-wrapper.new-user .modal-content {
padding: 25px;
}
.modal-wrapper.new-user .modal-close {
display: none;
}
.modal-wrapper.new-user .text {
margin: 0 0 15px 0;
}
.modal-wrapper.new-user .emphasis {
text-align: center;
}
.modal-wrapper.new-user .secret-key {
display: block;
margin-top: 8px;
color: black;
font-weight: bold;
font-size: 110%;
}
.modal-wrapper.following-modal h2 {
display: none;
}
.modal-wrapper.following-modal .mini-following-info {
border-bottom: 1px solid #eee;
line-height: 48px;
}
.modal-wrapper.following-modal a {
display: block;
9 years ago
padding: 10px;
width: 100%;
color: #3E3C42;
background: #FDFCFA;
}
.modal-wrapper.following-modal a:hover {
background: white;
text-decoration: none;
font-weight: 500;
}
.modal-wrapper.following-modal .mini-profile-photo {
width: 48px;
min-height: 48px;
overflow-x: hidden;
line-height: 0;
margin: 0 1rem 0 0;
float: left;
}
.modal-wrapper.following-modal .mini-following-name:after {
line-height: 20px;
}
.modal-wrapper.following-modal .mini-screen-name {
display: none;
}
.modal-wrapper.who-to-follow-modal a {
color: #222;
}
.modal-wrapper.who-to-follow-modal a.twister-user-name:hover {
text-decoration: none;
}
.modal-wrapper.who-to-follow-modal .twister-user-info {
text-align: left;
font-size: 0.8rem;
line-height: 1rem;
width: 80%;
padding-left: 68px;
}
.modal-wrapper.who-to-follow-modal button, .modal-wrapper.who-to-follow-modal .show-more-followers {
position: absolute;
right: 10px;
top: 10px;
}
.modal-wrapper.who-to-follow-modal .bio {
color: rgba(0, 0, 0, 0.6);
font-style: italic;
padding: 0.25rem 0;
}
.modal-wrapper .modal-content {
width: 100%;
9 years ago
overflow: hidden;
9 years ago
overflow-y: auto;
}
.modal-wrapper .modal-content .postboard {
padding: 0;
clear: none !important;
position: relative;
width: 100%;
margin: auto;
}
.modal-wrapper .modal-content .postboard h2 {
display: block;
}
.modal-wrapper .modal-content .postboard h2 span {
display: none;
}
.modal-wrapper .modal-content .postboard-news {
position: fixed;
9 years ago
display: block;
right: 2px;
top: 54px;
z-index: 2000;
}
9 years ago
.modal-header, .prompt-wrapper .modal-header {
position: relative;
background: #212121;
height: 52px;
9 years ago
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.modal-header h3, .prompt-wrapper .modal-header h3 {
9 years ago
padding-left: 20px;
line-height: 52px;
9 years ago
font-weight: 500;
font-size: 1rem;
9 years ago
float: left;
9 years ago
color: white;
}
.modal-header span, .prompt-wrapper .modal-header span {
9 years ago
position: absolute;
top: 0;
line-height: 52px;
9 years ago
font-size: 1rem;
9 years ago
cursor: pointer;
color: rgba(255, 255, 255, 0.7);
9 years ago
transition: color 0.1s linear;
}
9 years ago
.modal-header span:hover {
9 years ago
color: white;
}
.modal-header span b, .prompt-wrapper .modal-header span b {
9 years ago
display: none;
}
9 years ago
.modal-header span.modal-close {
right: 10px;
}
9 years ago
.modal-header span.mark-all-as-read {
9 years ago
position: static;
float: left;
margin-left: 10px;
display: none;
}
9 years ago
.modal-header span.modal-back {
9 years ago
right: 35px;
}
9 years ago
/* Composants */
.twister-user {
position: relative;
box-sizing: border-box;
background: #FDFCFA;
border-bottom: 1px solid #eee;
9 years ago
width: 100%;
min-height: auto;
padding: 7px;
clear: left;
}
.twister-user:first-child {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee !important;
}
.twister-user:last-child {
border-bottom: 0;
}
.twister-user small {
display: none;
}
9 years ago
/*********** POPUP PROMPT ************ */
9 years ago
/*********** POPUP PROMPT ************ */
.prompt-wrapper {
9 years ago
background: #FDFCFA;
z-index: 200;
9 years ago
position: fixed;
top: 50%;
left: 50%;
width: 600px;
margin-left: -300px;
9 years ago
-moz-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
}
.prompt-wrapper .modal-buttons, .prompt-wrapper .following-config-method-buttons {
padding: 0 20px 20px 0;
float: right;
}
9 years ago
.prompt-wrapper .modal-content {
padding: 20px;
}
.prompt-wrapper .post-data {
border: 1px solid #F3F2F0;
position: relative;
padding: 10px;
background: white;
}
.prompt-wrapper .modal-header h3 span {
padding-left: 5px;
color: white;
}
.prompt-wrapper .modal-header h3 span:hover {
cursor: default;
9 years ago
}
9 years ago
/************ FOLLOWING-CONFIG MODAL ********* */
.prompt-wrapper.following-config-modal {
margin-top: -100px;
}
9 years ago
.prompt-wrapper.following-config-modal .modal-buttons {
display: none;
}
9 years ago
.prompt-wrapper.following-config-modal h2 {
text-transform: none;
9 years ago
display: inline-block !important;
font-size: 1rem;
font-weight: 400;
padding: 1rem;
}
.prompt-wrapper.following-config-modal h2 span {
display: inline-block !important;
}
.prompt-wrapper.following-config-modal h2 span b {
font-weight: 400;
}
9 years ago
/************ RETWIST POSTS MODAL ********* */
.prompt-wrapper.reTwist.prompt-wrapper {
margin-top: -110px;
}
9 years ago
.prompt-wrapper.reTwist .post-expand, .prompt-wrapper.reTwist .post-interactions {
display: none;
}
.prompt-wrapper.reTwist .post-info-time {
position: static;
float: right;
}
9 years ago
/********* REPLY POSTS MODAL************** */
.prompt-wrapper.reply.prompt-wrapper {
margin-top: -110px;
}
9 years ago
.prompt-wrapper.reply .modal-buttons, .prompt-wrapper.reply .post-expand, .prompt-wrapper.reply .post-interactions {
display: none;
}
9 years ago
.prompt-wrapper.reply .post-area {
padding-bottom: 6px;
}
9 years ago
/********* DIRECT MESSAGES MODAL ********** */
9 years ago
/****** DIRECT MESSAGES MODAL********* */
.modal-wrapper.directMessages .post-area-new {
display: none;
z-index: 5;
background: #FDFCFA !important;
9 years ago
position: absolute;
bottom: 0;
width: 100% !important;
padding: 20px !important;
-moz-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
-webkit-box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
box-shadow: 0 -8px 13px rgba(17, 17, 17, 0.1);
}
.modal-wrapper.directMessages #post-preview {
background: none;
border: none;
padding: 5px;
width: 100% !important;
}
9 years ago
.modal-wrapper.directMessages .modal-header h3 span {
display: inline-block !important;
padding-left: 5px;
color: white;
cursor: default;
}
9 years ago
.modal-wrapper.directMessages .modal-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
9 years ago
.modal-wrapper.directMessages .post-photo {
width: 48px;
}
9 years ago
.modal-wrapper.directMessages .post-text {
margin-left: 58px;
font-size: 0.9rem;
}
9 years ago
.modal-wrapper.directMessages .post-info-name {
float: none;
}
9 years ago
.modal-wrapper.directMessages .post-info-tag {
line-height: 1em;
padding: 0;
display: inline;
font-size: 80%;
margin: 0 0 0 1em;
}
.modal-wrapper.directMessages .post-info-sent {
position: absolute;
left: 50%;
top: 10px;
display: none;
}
9 years ago
.direct-messages-list .post {
padding: 20px;
cursor: pointer;
}
9 years ago
.direct-messages-list .post:after {
position: absolute;
right: 25px;
9 years ago
top: 50%;
font-size: 1.1em;
margin: -6px 0 0 0;
color: rgba(0, 0, 0, 0.4);
opacity: 0;
-moz-transition-property: right, opacity;
-o-transition-property: right, opacity;
-webkit-transition-property: right, opacity;
transition-property: right, opacity;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
9 years ago
.direct-messages-list .post:hover:after {
opacity: 1;
right: 5px;
}
.direct-messages-list .post:hover {
background: white;
}
9 years ago
.direct-messages-list li {
position: relative;
border-bottom: 1px solid #eee;
background: #FDFCFA;
9 years ago
}
9 years ago
.direct-messages-thread {
padding-bottom: 180px;
max-width: 420px;
margin: auto;
}
9 years ago
.direct-messages-thread li {
position: relative !important;
9 years ago
}
9 years ago
.direct-messages-thread .post {
background: none;
left: 0;
margin: 0px 10px 20px 10px;
cursor: default;
9 years ago
position: relative;
9 years ago
}
.direct-messages-thread .post .post-info-time {
float: none;
display: block;
text-align: center;
font-size: 10px;
padding-top: 10px;
margin-bottom: 10px;
9 years ago
cursor: default;
9 years ago
position: static;
9 years ago
}
.direct-messages-thread .post .post-info-time:hover {
color: #000;
9 years ago
}
.direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after {
content: "";
width: 1px;
background: transparent;
position: absolute;
top: 10px;
white-space: normal;
}
.direct-messages-thread .post .post-text:after {
border-top: solid 7px transparent;
border-bottom: solid 7px transparent;
border-right: solid 7px white;
left: -7px;
}
.direct-messages-thread .post .post-text {
background: white;
9 years ago
margin-right: 58px;
margin-left: 58px;
position: relative;
9 years ago
display: inline-block;
max-width: 300px;
font-size: 0.9rem;
9 years ago
padding: 5px 10px;
z-index: 4;
float: left;
word-wrap: break-word;
max-width: 70%;
min-height: 48px;
}
9 years ago
.direct-messages-thread .post .post-photo {
position: absolute;
left: 0;
9 years ago
top: 30px;
float: none;
margin: 0;
}
9 years ago
.direct-messages-thread .post.sent .post-text:after {
border-top: solid 7px transparent;
border-bottom: solid 7px transparent;
border-right: none;
border-left: solid 7px white;
right: -7px;
left: auto;
}
9 years ago
.direct-messages-thread .post.sent .post-text {
float: right;
}
9 years ago
.direct-messages-thread .post.sent .post-photo {
position: absolute;
right: 0;
left: auto;
}
9 years ago
/*************************************
******************* PROFILE MODAL
************************************** */
.profile-modal .modal-content {
overflow: hidden;
padding: 0;
9 years ago
position: relative;
}
9 years ago
.profile-modal .modal-content #profile-posts {
padding: 0;
}
9 years ago
.profile-modal .modal-content .postboard {
width: 100%;
height: 100%;
position: absolute;
}
9 years ago
.profile-modal .modal-content .postboard-posts {
display: block;
9 years ago
height: 100%;
overflow: auto;
9 years ago
}
.profile-modal .modal-content .profile-card {
margin: 0;
padding: 0;
border-bottom: 1px solid #eee;
}
.profile-modal .modal-content .profile-data {
background: none;
}
9 years ago
.profile-modal h2.profile-screen-name {
display: block;
letter-spacing: 0;
text-transform: none;
color: #8a8691;
9 years ago
padding: 5px 0;
margin: 0;
font-size: 13px;
9 years ago
line-height: 13px;
}
9 years ago
/* Profile card */
.profile-card {
width: 100%;
background: #FDFCFA;
9 years ago
padding: 15px;
}
9 years ago
.profile-card-main {
position: relative;
text-align: left;
9 years ago
word-wrap: break-word;
background: none !important;
padding: 10px;
}
.profile-card-main h1, .profile-card-main h2 {
display: inline !important;
}
.profile-card-main h1 b, .profile-card-main h2 b {
font-weight: 400;
}
9 years ago
.profile-card-main:before {
content: "";
border: solid 0px #fff;
position: absolute;
9 years ago
left: 1px;
top: 1px;
right: 1px;
bottom: 1px;
z-index: 0;
}
9 years ago
.profile-card-main * {
position: relative;
z-index: 1;
}
9 years ago
.profile-card-photo {
height: auto;
width: 64px;
margin: 0 10px 10px 0;
9 years ago
display: block;
float: left;
}
9 years ago
.profile-card-photo.forEdition {
float: none;
}
9 years ago
.profile-bio {
text-align: left;
font-size: 0.9rem;
margin-left: 74px;
}
9 years ago
.profile-card-buttons {
text-align: center;
padding: 0 0 1rem 0;
}
9 years ago
.isFollowing:after {
font-size: 10px;
}
9 years ago
.known-followers {
text-align: center;
clear: both;
width: 100%;
}
9 years ago
#msngrswr {
display: none;
9 years ago
text-align: center;
margin: 10px 0;
}
9 years ago
.profile-extra-contact {
display: none;
margin: 0 15px 0 0;
font-weight: 500;
padding: 2px 8px 3px 8px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
9 years ago
.bitmessage-ctc, .tox-ctc {
9 years ago
background: #999;
color: white;
font-size: 1rem;
9 years ago
display: inline-block;
9 years ago
padding: 10px;
line-height: 1rem;
}
9 years ago
.profile-modal .profile-tox, .profile-modal .profile-bitmessage {
display: inline-block;
margin-right: 5px;
font-size: 13px;
}
.profile-modal .profile-tox:hover, .profile-modal .profile-bitmessage:hover {
color: #A1B775;
9 years ago
text-decoration: none;
9 years ago
}
.profile-modal .modal-buttons {
display: none;
9 years ago
/* EDITION PROFILE */
}
9 years ago
.forEdition.profile-card {
margin: 0;
9 years ago
width: 670px;
background: none;
padding: 0;
9 years ago
}
.forEdition.profile-card .profile-card-main {
padding: 10px 0;
9 years ago
}
.forEdition.profile-card .profile-card-main input {
display: block;
margin: 0 0 10px 100px;
width: 600px;
background: #F3F2F0;
border: 1px solid #FDFCFA;
9 years ago
padding: 6px 4px;
margin-bottom: 4px;
font-size: 1rem;
font-weight: 400;
9 years ago
}
.forEdition.profile-card .profile-card-main input:hover, .forEdition.profile-card .profile-card-main input:focus {
background: white;
border-color: #000;
}
.forEdition.profile-card img {
width: 70px;
float: left;
}
.forEdition.profile-card h2 {
font-weight: 400;
padding: 1rem 2rem;
color: white;
}
.forEdition.profile-card button, .forEdition.profile-card .show-more-followers {
float: right;
margin: 10px;
}
.forEdition.profile-card button.last-child, .forEdition.profile-card .last-child.show-more-followers {
margin-right: 0;
9 years ago
}
.forEdition.profile-card .secret-key-container {
text-align: left !important;
font-size: 1rem !important;
9 years ago
}
.forEdition.profile-card .secret-key {
clear: both;
margin: 20px 0;
background: white;
text-align: left !important;
font-size: 1rem !important;
padding: 10px;
9 years ago
}
.forEdition.profile-card .label {
clear: both;
display: block;
font-weight: 500;
margin: 20px 0;
9 years ago
}
/************* TOP TEXTAREA ************ */
#postboard-top {
position: relative;
margin-bottom: 10px;
transition: height 0.3s linear;
9 years ago
padding: 15px;
background: white;
overflow: hidden;
background: #FDFCFA;
-moz-transition-property: top;
-o-transition-property: top;
-webkit-transition-property: top;
transition-property: top;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
top: 0;
-moz-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
-webkit-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
z-index: 120;
}
#postboard-top .profile-photo {
position: absolute;
top: 10px;
left: 10px;
width: 48px;
}
#postboard-top .profile-photo img {
width: 100%;
}
#postboard-top .post-area {
overflow: hidden;
width: 100%;
padding-left: 58px;
padding-right: 0;
display: inline;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: none;
float: right;
}
#postboard-top .post-area .post-area-new {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#postboard-top .post-area .post-area-new textarea {
margin: 0 0 10px 0;
}
/************* POSTBOARD ************ */
9 years ago
.postboard {
9 years ago
width: 670px;
float: left;
}
.postboard h2, .postboard .postboard-news {
9 years ago
display: none;
}
.postboard-posts {
position: relative;
9 years ago
z-index: 1;
clear: both;
/*********** EVERYTHING SPECIFIC TO OPEN POSTS ************* */
}
.postboard-posts .post {
9 years ago
position: relative;
margin-bottom: 1px;
-moz-transition-property: margin;
-o-transition-property: margin;
-webkit-transition-property: margin;
transition-property: margin;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
9 years ago
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
color: #3E3C42;
cursor: pointer;
}
.postboard-posts .post:hover {
color: #000;
9 years ago
}
.postboard-posts .post .show-more {
display: inline-block;
float: right;
font-size: 0.8rem;
color: #8a8691;
}
.postboard-posts .post .show-more:hover {
color: #4b484f;
}
.postboard-posts .post .post-expand {
color: #8a8691;
background: #FDFCFA;
cursor: pointer;
font-size: 0.8rem;
position: absolute;
left: 10px;
bottom: 10px;
}
.postboard-posts .post .post-expand:hover {
color: #4b484f;
}
.postboard-posts .post .post-data {
9 years ago
padding: 15px;
background: #FDFCFA;
}
.postboard-posts > .post {
-moz-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
-webkit-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
}
.postboard-posts > .post.open, #postboard-top .post-area .postboard-posts > .post.post-area-new, .mini-profile .postboard-posts > .post.post-area-new {
9 years ago
margin-top: 1rem;
margin-bottom: 1rem;
-moz-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0);
-webkit-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0);
box-shadow: 1px 2px 2px rgba(17, 17, 17, 0);
}
.postboard-posts > .post.open .post, #postboard-top .post-area .postboard-posts > .post.post-area-new .post, .mini-profile .postboard-posts > .post.post-area-new .post {
color: #18181a;
-moz-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
-webkit-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
margin-bottom: 1px;
}
.postboard-posts > .post.open .post:not(.original) .post-expand, #postboard-top .post-area .postboard-posts > .post.post-area-new .post:not(.original) .post-expand, .mini-profile .postboard-posts > .post.post-area-new .post:not(.original) .post-expand {
display: none;
margin: 0;
}
9 years ago
.post-photo {
margin: 0;
display: inline-block;
float: left;
vertical-align: middle;
overflow: hidden;
width: 48px;
9 years ago
margin: 0 15px 15px 0;
}
9 years ago
.post-photo img {
width: 100%;
height: auto !important;
}
9 years ago
.post-info-name {
9 years ago
font-weight: 500;
color: inherit;
9 years ago
text-decoration: none;
display: inline-block;
9 years ago
font-size: 1rem;
9 years ago
float: left;
}
9 years ago
.post-info-name:hover {
text-decoration: none;
color: black;
}
9 years ago
.post-info-tag {
font-size: 0.8rem;
9 years ago
opacity: 0.6;
margin-top: 4px;
display: inline-block;
}
9 years ago
.post-info-sent {
display: block;
position: absolute;
top: 0;
left: 3px;
font-size: 15px;
}
9 years ago
.post-info-time {
position: absolute;
font-size: 0.8rem;
line-height: 0.8rem;
9 years ago
text-decoration: none;
top: 12px;
right: 15px;
color: #8a8691;
}
9 years ago
.post-info-time:hover {
color: #4b484f;
}
9 years ago
.post-text {
margin: 0 0 0 58px;
9 years ago
word-wrap: break-word;
min-height: 28px;
padding: 0;
}
.post-text a:hover {
text-decoration: underline;
}
9 years ago
.post-context {
font-size: 0.8rem;
line-height: 0.8rem;
margin: 0 0 0.8rem 0;
color: #8a8691;
}
.post-context span:before {
display: block;
9 years ago
float: left;
color: #A1B775;
line-height: 0.8rem;
font-size: 0.8rem;
9 years ago
margin-right: 0.4em;
}
9 years ago
.post-interactions {
margin: 10px 0 3px 0;
text-align: right;
height: 0.8rem;
line-height: 0.8rem;
9 years ago
}
.post-interactions span {
color: #8a8691;
cursor: pointer;
font-size: 0.8rem;
line-height: 0.8rem;
position: relative;
margin-left: 7px;
9 years ago
display: none;
}
.open .original .post-interactions span, #postboard-top .post-area .post-area-new .original .post-interactions span, .mini-profile .post-area-new .original .post-interactions span {
display: inline-block !important;
}
.post-interactions span:hover {
color: #4b484f;
}
.post-interactions span:before {
padding: 3px;
}
9 years ago
.post:hover .post-interactions .post-reply, .post:hover .post-interactions .post-propagate, .post:hover .post-interactions .post-favorite {
display: inline-block;
}
.open .related .post-reply, #postboard-top .post-area .post-area-new .related .post-reply, .mini-profile .post-area-new .related .post-reply,
.open .related .post-propagate,
#postboard-top .post-area .post-area-new .related .post-propagate,
.mini-profile .post-area-new .related .post-propagate,
.open .related .post-favorite,
#postboard-top .post-area .post-area-new .related .post-favorite,
.mini-profile .post-area-new .related .post-favorite {
9 years ago
display: none !important;
}
.open .related:hover .post-reply, #postboard-top .post-area .post-area-new .related:hover .post-reply, .mini-profile .post-area-new .related:hover .post-reply,
.open .related:hover .post-propagate,
#postboard-top .post-area .post-area-new .related:hover .post-propagate,
.mini-profile .post-area-new .related:hover .post-propagate {
9 years ago
display: inline-block !important;
}
9 years ago
.expanded-content {
padding: 0;
}
.expanded-content textarea {
clear: left;
}
9 years ago
.image-preview {
max-width: 100%;
width: auto;
9 years ago
display: block;
margin: auto;
}
9 years ago
.preview-container {
width: 100%;
text-align: center;
9 years ago
overflow-y: auto;
background: black;
clear: both;
9 years ago
}
.post-stats {
float: left;
}
9 years ago
.post-stats li {
display: inline-block;
}
9 years ago
.post-stats li.stat-count {
font-size: 12px;
9 years ago
float: left;
line-height: 20px;
}
.post-stats li.stat-count:before {
margin-right: 0;
}
9 years ago
.post-stats li.stat-count span:last-child {
display: none;
}
9 years ago
.post-stats a {
position: relative;
text-decoration: none;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 2px 0 0;
}
9 years ago
.post-stats a img {
width: 20px;
height: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.avatar-row {
margin-left: 5px;
}
.avatar-row a:hover .user-name-tooltip {
display: block;
}
.avatar-row .user-name-tooltip {
9 years ago
display: none;
position: absolute;
background: #222;
font-size: 11px;
line-height: 11px;
9 years ago
white-space: nowrap;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
9 years ago
color: #fff;
top: -32px;
left: -10px;
9 years ago
}
.avatar-row .user-name-tooltip:after {
9 years ago
content: "";
position: absolute;
width: 0;
left: 13px;
9 years ago
bottom: -5px;
border-top: solid 5px #222;
9 years ago
border-left: solid 5px transparent;
border-right: solid 5px transparent;
}
9 years ago
.post-replies .sub-replies {
border-left: solid 18px transparent;
}
9 years ago
.following {
9 years ago
width: 670px;
float: left;
}
9 years ago
.following h2 {
display: none;
}
9 years ago
.following .following-list li {
border-bottom: 1px solid #eee;
9 years ago
line-height: 45px;
background: #FDFCFA;
9 years ago
position: relative;
9 years ago
-moz-transition-property: background;
-o-transition-property: background;
-webkit-transition-property: background;
transition-property: background;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
9 years ago
.following .following-list li:hover {
background: white;
}
.following .following-list li a {
display: block;
9 years ago
padding: 1rem;
width: 100%;
color: #3E3C42;
}
9 years ago
.following .mini-profile-photo {
width: 48px;
9 years ago
line-height: 0;
margin: 0 1rem 0 0;
float: left;
}
9 years ago
.following .mini-profile-name {
9 years ago
font-size: 1rem;
font-weight: 500;
float: left;
display: block;
9 years ago
line-height: 1rem;
padding: 10px 0;
}
9 years ago
.following .mini-screen-name {
display: block;
9 years ago
float: left;
line-height: 1rem;
font-weight: 400;
font-size: 1rem;
padding: 10px;
color: #666;
}
9 years ago
.following .mini-screen-name b {
font-weight: 400;
padding: 0;
color: inherit;
font-size: inherit;
line-height: inherit;
}
9 years ago
.following .mini-profile-actions {
display: none;
}
9 years ago
.following .following-config {
9 years ago
position: absolute;
top: 0;
9 years ago
right: 0;
padding: 1rem;
}
9 years ago
.following .swarm-status {
display: none !important;
}
9 years ago
.login .header-bold {
display: block;
width: 720px;
margin: 0px auto 12px auto;
}
.login .module {
background: white;
9 years ago
padding: 1rem;
}
9 years ago
.login .module p {
margin-bottom: 5px;
}
9 years ago
.login .module input {
padding: 5px 10px;
background: #f3f3f3;
border: solid 1px #dcdcdc;
transition: box-shadow 0.3s, border 0.3s;
font-size: 14px;
}
9 years ago
.login .module input:focus, .login .module select:focus {
background: white;
transition: background-color 100ms linear;
border-bottom: solid 2px #A1B775;
9 years ago
}
.login .module select {
height: 30px;
padding: 3px 30px 3px 10px;
margin: 0;
border: 1px solid #ccc;
font-size: 14px;
}
.login .module span.availability {
margin-left: 10px;
color: #45474d;
}
.login .module:nth-child(2) div,
.login .module:nth-child(3) div:nth-child(2),
.login .secret-key-import,
.login .username-import {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 16px;
}
.login .create-user,
.login .import-secret-key {
display: block;
margin-left: auto;
margin-right: 16px;
}
.login .with-nickname, .login .import-secret-key, .login .create-user {
margin-top: 10px;
}
/********** LOGIN AND NETWORK PAGES ****** */
.network.singleBlock ul {
line-height: 2rem;
9 years ago
padding: 1rem 2rem;
9 years ago
}
.network.singleBlock .module {
background: #F3F2F0;
9 years ago
-moz-box-shadow: 0 1px 1px rgba(85, 85, 85, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(85, 85, 85, 0.1);
box-shadow: 0 1px 1px rgba(85, 85, 85, 0.1);
margin-bottom: 50px;
9 years ago
width: 49%;
float: left;
margin-right: 1%;
}
.network.singleBlock .module:last-child {
margin-right: 0;
9 years ago
}
.network.singleBlock .module:last-child h2 {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYjc3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlODBhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
9 years ago
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #a1b775), color-stop(100%, #5e80a2));
background-image: -moz-linear-gradient(left, #a1b775, #5e80a2);
background-image: -webkit-linear-gradient(left, #a1b775, #5e80a2);
background-image: linear-gradient(to right, #a1b775, #5e80a2);
9 years ago
}
.network .spam-msg {
resize: none;
width: 100%;
display: block;
padding: 1rem;
height: 180px;
border: solid 1px rgba(0, 0, 0, 0.1);
position: relative;
margin: 1rem 0;
font-family: "Roboto", sans-serif;
}
.network .highlight {
font-size: 1.2rem;
display: block;
margin: 1rem 0;
}
.network span.connection-status {
font-weight: 500;
}
.network span.connection-status:before {
content: "";
display: inline-block;
height: 0.8em;
width: 0.8em;
margin-right: 0.8em;
background: #EF5D43;
color: white;
}
.network span.connection-status.connected:before {
background: #A1B775;
9 years ago
}
.network .character-limit {
float: right;
margin-right: 1rem;
}
.network .connections span, .network .known-peers, .network .dht-nodes, .network .blocks, .network .last-block-time, .network .mining-difficulty {
color: #A1B775;
9 years ago
font-weight: 700;
font-family: Arial;
font-size: 95%;
}
.network h2 {
font-weight: 400;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYjc3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlODBhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
9 years ago
background-size: 100%;
background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #a1b775), color-stop(100%, #5e80a2));
background-image: -moz-linear-gradient(right, #a1b775, #5e80a2);
background-image: -webkit-linear-gradient(right, #a1b775, #5e80a2);
background-image: linear-gradient(to left, #a1b775, #5e80a2);
9 years ago
padding: 1rem 2rem;
color: white;
}
.network h3 {
font-weight: 600;
margin-top: 2rem;
padding: 0 1.5rem;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.network h3:after {
display: block;
content: "";
height: 1px;
width: 100%;
background: rgba(95, 129, 161, 0.5);
margin-top: 1rem;
}
.options {
position: relative;
}
.options button, .options .show-more-followers, .options input, .options select {
9 years ago
font-size: 13px;
}
.options label {
cursor: pointer;
}
.options .label-h {
font-weight: 700;
}
.options input[type=radio] {
display: none !important;
visibility: hidden;
opacity: 0;
}
.options input[type='checkbox'] {
cursor: pointer;
vertical-align: sub;
}
.options input[type='range'] {
cursor: pointer;
vertical-align: -16px;
}
.options .container {
margin: 5px 0px 5px 12px;
}
.options .tab-content {
background: #F3F2F0;
9 years ago
position: relative;
padding: 20px;
}
.options .tab-content > div {
position: absolute;
top: 0;
left: 0;
height: auto;
width: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.options input#tab_language:checked ~ .tab-content .language, .options input#t-2:checked ~ .tab-content .theme, .options input#t-3:checked ~ .tab-content .notifications, .options input#t-4:checked ~ .tab-content .keys, .options input#t-5:checked ~ .tab-content .appearance, .options input#t-6:checked ~ .tab-content .users {
position: relative;
z-index: 10;
opacity: 1;
visibility: visible;
}
.options label.tabs {
text-align: center;
width: auto;
display: inline-block !important;
margin: 0 5px 0 0;
padding: 5px 15px;
color: #000;
}
.options label.tabs:hover {
9 years ago
color: #222;
}
.options input:checked + label.tabs {
background: #F3F2F0;
9 years ago
color: #222;
}
.promoted-posts-only {
margin: 0 0;
}
.promoted-posts-only li {
cursor: pointer;
display: block;
margin: 0;
width: 50%;
padding: 0.5rem;
float: left;
text-align: center;
transition: color 0.1s linear;
position: relative;
border-left: 1px solid #eee;
}
.promoted-posts-only li span {
font-size: 0.8rem;
line-height: 0.8rem;
display: block;
}
.promoted-posts-only li.disabled {
background: #F3F2F0;
color: rgba(62, 60, 66, 0.3);
z-index: 3;
}
.promoted-posts-only li.active {
color: #3E3C42;
cursor: default;
z-index: 5;
}
/********** CONFIG SUBMENU & SEARCH RESULTS *********** */
.dialog-modal {
display: none;
9 years ago
background: #222;
position: absolute;
top: 48px;
right: 0;
width: 320px;
overflow: hidden;
9 years ago
-moz-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
}
.userMenu-search .dialog-modal:after {
right: auto;
left: 150px;
}
.direct-messages, .dropdown-menu-item {
display: block;
padding: 10px;
}
ul.userMenu-search-profiles {
width: 100%;
padding: 0;
}
ul.userMenu-search-profiles li {
float: none;
display: block;
margin: 0;
cursor: pointer;
background: #FDFCFA;
border-bottom: 1px solid #eee;
}
ul.userMenu-search-profiles li:hover {
background: white;
}
ul.userMenu-search-profiles li a {
display: block;
width: 100%;
font-size: 12px;
font-weight: 400;
line-height: 32px;
display: block;
margin: 0;
padding: 0;
color: #3E3C42;
}
ul.userMenu-search-profiles li a span, ul.userMenu-search-profiles li a b, ul.userMenu-search-profiles li a span:hover, ul.userMenu-search-profiles li a b:hover {
display: inline-block;
color: #3E3C42;
font-weight: 400;
font-size: 12px;
}
ul.userMenu-search-profiles .mini-screen-name b,
ul.userMenu-search-profiles .mini-screen-name {
font-weight: 500;
}
ul.userMenu-search-profiles .mini-profile-photo {
width: 32px;
height: auto;
height: 32px;
overflow: hidden;
margin: 5px;
float: left;
overflow-x: hidden;
}
ul.userMenu-search-profiles .mini-profile-info {
width: 100%;
float: none;
}
ul.userMenu-search-profiles .mini-profile-name {
padding: 5px 0 0 0;
}
ul.userMenu-search-profiles button, ul.userMenu-search-profiles .show-more-followers {
font-size: 13px;
line-height: 24px;
height: 32px;
width: 32px;
text-align: center;
font-weight: 700;
padding: 0;
position: absolute;
top: 5px;
right: 5px;
}
.userMenu-search-sugestions a {
color: rgba(0, 0, 0, 0.7);
padding: 10x 20px;
display: block;
clear: both;
}
/***************** MINI PROFILE ****************************** */
.mini-profile a:hover {
text-decoration: none;
}
.mini-profile a.button {
background: #000;
margin: 1em auto;
}
.mini-profile .post-area {
margin-top: 1px;
margin-bottom: 20px;
padding: 0.5em;
}
.mini-profile .post-area-new {
9 years ago
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
margin: 0;
}
.mini-profile .post-area-new textarea {
width: 100%;
}
.mini-profile-indicators {
margin: 0;
text-align: center;
border-top: 1px solid #eee;
background: #F3F2F0;
}
.mini-profile-indicators li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
font-size: 0.8em;
text-align: center;
border-bottom: 1px solid #eee;
}
.mini-profile-indicators li a {
color: #57545d;
display: block;
padding: 1rem 0;
}
.mini-profile-indicators li a:hover {
color: #3E3C42;
background: #FDFCFA;
}
.mini-profile-indicators li a:before {
display: block !important;
width: 100% !important;
font-size: 1.4rem !important;
}
.messages-qtd {
position: absolute;
top: 5px;
right: 5px;
background: #A1B775;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
color: #fff;
width: 25px;
height: 25px;
line-height: 25px;
font-size: 10px;
font-weight: 900;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.mini-profile-view {
display: none;
}
.left .mini-profile-info {
padding-top: 20px;
}
.mini-profile-name {
color: #3E3C42;
font-size: 1em;
font-weight: 500;
padding: 10px 0;
display: block;
text-align: center;
margin: auto;
}
.mini-profile-name:hover {
color: #000;
}
.mini-profile-photo img {
width: 64px;
height: auto;
display: block;
margin: auto;
}
.profile-data {
clear: both;
padding: 0 0 1em 0;
text-align: center;
background: #F3F2F0;
}
9 years ago
.mini-profile .profile-data {
display: none;
}
.profile-data li {
9 years ago
display: inline;
margin: 0 5px;
float: none;
}
.profile-data li a {
color: #3E3C42;
display: inline-block;
font-size: 13px;
padding-bottom: 3px;
}
.profile-data li a:hover {
color: #000;
}
.profile-data li a span.posts-count, .profile-data li a span.following-count, .profile-data li a span.followers-count {
9 years ago
display: inline-block;
padding-right: 5px;
}
.mini-profile a span.following-count {
display: block;
font-weight: 900;
font-size: 1.2rem;
color: #706d77;
}
.mini-profile a:hover span.following-count {
color: #3E3C42;
}
.mini-profile-info a:hover {
text-decoration: none;
}
.who-follow {
display: block;
position: absolute;
bottom: 10px;
padding: 10px;
width: 100%;
background: #FDFCFA;
font-size: 12px;
z-index: 10;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-moz-box-shadow: -8px 0 13px rgba(17, 17, 17, 0.2);
-webkit-box-shadow: -8px 0 13px rgba(17, 17, 17, 0.2);
box-shadow: -8px 0 13px rgba(17, 17, 17, 0.2);
}
.show-more-followers {
float: right;
margin-right: 5px;
}
.mini-follower-link, .followed-by {
display: inline-block;
margin: 1px 5px;
line-height: 12px;
}
.mini-follower-link.isFollowing:after, .followed-by.isFollowing:after {
display: none;
}
/***************** POST AREA ************** */
.post-area-new textarea {
resize: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: block;
transition: all 0.3s linear;
-webkit-transition: height 0.3s linear;
-moz-transition: height 0.3s linear;
-o-transition: height 0.3s linear;
-ms-transition: height 0.3s linear;
height: 48px;
border: none;
background: white;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 5px;
margin: 5px 0;
}
.post-area-new textarea:focus {
border-bottom: solid 1px #A1B775;
}
.mini-profile .post-area {
display: none;
}
#post-preview {
border: 1px solid #eee;
border-bottom: 0;
padding: 5px;
-moz-transition-property: all;
-o-transition-property: all;
-webkit-transition-property: all;
transition-property: all;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
width: 100% !important;
font-size: 90%;
word-wrap: break-word;
clear: left;
}
.post-area-new.open textarea, #postboard-top .post-area .post-area-new textarea, .mini-profile .post-area-new textarea {
height: 80px;
}
textarea.splited-post {
box-shadow: none !important;
height: 28px;
}
.splited-post-counter {
color: rgba(0, 0, 0, 0.3);
font-weight: bold;
}
.splited-post-counter:before {
content: "…";
}
.post-area-extras {
overflow: hidden;
height: 0;
text-align: right;
}
.post-area-new.open > .post-area-extras, #postboard-top .post-area .post-area-new > .post-area-extras, .mini-profile .post-area-new > .post-area-extras {
height: auto;
transition: all 0.6s linear;
}
.post-area-remaining {
padding-right: 3px;
}
.post-area-remaining.warn {
color: #ff0000;
}
/******** WHO TO FOLLOW ******* */
.who-to-follow.module li button, .who-to-follow.module li .show-more-followers {
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.who-to-follow.module li:hover button, .who-to-follow.module li:hover .show-more-followers {
display: block;
}
img.twister-user-photo {
float: left;
display: block;
float: left;
9 years ago
width: 36px;
height: auto;
margin: 0 10px 0 0;
}
.followers {
font-size: 12px;
}
.followers label, .followers a {
display: inline-block;
}
.followed-by {
font-size: 12px;
cursor: pointer;
display: block;
}
.twister-user-name, .twister-by-user-name {
font-weight: 500;
font-size: 14px;
text-decoration: none;
color: #222;
}
.twister-user-name {
font-weight: 700;
}
.twister-user-tag {
font-size: 12px;
line-height: 14px;
opacity: 0.8;
display: inline-block;
letter-spacing: 0px;
}
.twister-user-remove {
font-size: 13px;
opacity: 0.5;
text-decoration: none;
cursor: pointer;
position: absolute;
padding: 5px;
top: 0;
right: 0;
display: block;
}
.twister-user:hover .twister-user-remove {
text-decoration: none;
}
.twister-user-remove:hover {
opacity: 1;
}
.refresh-toptrends, .twistday-reminder .refresh, .refresh-users {
9 years ago
color: #6f6f6f;
cursor: pointer;
9 years ago
font-size: 0.7rem;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
float: right;
display: block;
9 years ago
margin: 10px;
position: relative;
}
.view-all-users {
9 years ago
color: #6f6f6f;
cursor: pointer;
9 years ago
font-size: 0.7rem;
font-weight: 500;
text-transform: none;
letter-spacing: 0;
float: right;
display: block;
9 years ago
margin: 10px;
position: relative;
}
.refresh-toptrends:hover, .twistday-reminder .refresh:hover, .refresh-users:hover, .view-all-users:hover {
color: #A1B775;
text-decoration: none;
background-color: transparent;
}
/***********TOP TRENDS************** */
.toptrends-list {
margin: 0;
clear: both;
border-top: 1px solid #eee;
padding: 10px;
}
.toptrends-list li {
display: inline-block;
}
.toptrends-list a {
color: #000;
padding: 3px 8px;
display: inline-block;
text-transform: uppercase;
font-size: 11px;
margin: 3px;
font-weight: 500;
9 years ago
background: white;
-moz-box-shadow: 0 5px 8px rgba(85, 85, 85, 0.2);
-webkit-box-shadow: 0 5px 8px rgba(85, 85, 85, 0.2);
box-shadow: 0 5px 8px rgba(85, 85, 85, 0.2);
}
.toptrends-list a:hover {
9 years ago
color: #222;
}
/********* TWISTDAY REMINDER ****** */
.twistday-reminder .twister-user-full, .twistday-reminder .twister-user-tag {
font-size: 0.9rem;
line-height: 1rem;
color: #3E3C42;
font-weight: 500;
opacity: 1;
display: inline-block;
}
.twistday-reminder .twisterday {
font-size: 12px;
}
/******* LOADER ************ */
.postboard-loading, .loading-roller {
font-size: 100px;
width: 0.4em;
height: 0.4em;
position: relative;
list-style: none;
border-radius: 50%;
margin: 100px auto;
display: none;
}
.postboard-loading div, .loading-roller div {
width: 0.1em;
height: 0.1em;
position: absolute;
border-radius: 50%;
}
.postboard-loading div:nth-child(1), .loading-roller div:nth-child(1) {
background: #62839F;
top: 0;
left: 50%;
margin-left: -0.05em;
transform-origin: 50% 250%;
animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
}
.postboard-loading div:nth-child(2), .loading-roller div:nth-child(2) {
background: #749294;
top: 50%;
right: 0;
margin-top: -0.05em;
transform-origin: -150% 50%;
animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
}
.postboard-loading div:nth-child(3), .loading-roller div:nth-child(3) {
background: #94AC7E;
bottom: 0;
left: 50%;
margin-left: -0.05em;
transform-origin: 50% -150%;
animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
}
.postboard-loading div:nth-child(4), .loading-roller div:nth-child(4) {
background: #B4C669;
top: 50%;
left: 0;
margin-top: -0.05em;
transform-origin: 250% 50%;
animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
}
@keyframes rota {
to {
transform: rotate(360deg);
}
}
@keyframes opa {
12.0% {
opacity: 0.8;
}
19.5% {
opacity: 0.88;
}
37.2% {
opacity: 0.64;
}
40.5% {
opacity: 0.52;
}
52.7% {
opacity: 0.69;
}
60.2% {
opacity: 0.6;
}
66.6% {
opacity: 0.52;
}
70.0% {
opacity: 0.63;
}
79.9% {
opacity: 0.6;
}
84.2% {
opacity: 0.75;
}
91.0% {
opacity: 0.87;
}
}
/* Options */
.options .appearance div {
clear: both;
}
.options .appearance div div {
float: left;
clear: none;
padding: 10px;
}
.options .appearance div div .label {
font-weight: 400;
}
.options #filterLangList {
width: 90%;
}
.options #filterLangListCont div, .options #TopTrendsCont div, .options #TwistdayReminderCont div {
float: none;
padding: 0px 4px;
}
.suboptions {
margin: 5px 30px;
border: double 2px rgba(69, 71, 77, 0.1);
height: 0px;
padding: 0 !important;
overflow: hidden;
float: right;
transition: height 0.3s linear;
-webkit-transition: height 0.3s linear;
-moz-transition: height 0.3s linear;
-o-transition: height 0.3s linear;
-ms-transition: height 0.3s linear;
font-size: 0.9em;
line-height: 0.9em;
font-style: italic;
}
.suboptions div {
float: none !important;
}
.suboptions span {
font-style: normal;
}
/********** AUTOCOMPLETING ******** */
.textcomplete-wrapper textarea {
display: inline;
}
ul.dropdown-menu {
min-width: 160px;
padding: 5px 0 7px;
margin: 2px 0 0;
list-style: none;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: solid 2px #B4C669;
}
ul.dropdown-menu li > li > a {
padding: 3px 20px;
white-space: nowrap;
transition: all 100ms;
}
/* Language filter messages */
.langFilterSimData {
color: rgba(0, 0, 0, 0.7);
font: 10px "Open Sans", sans-serif;
text-align: center;
}
.langFilterSimData em {
color: #B4C669;
}
@media (max-width: 1200px) {
.right {
display: none;
}
.userMenu ul {
padding: 0;
}
.postboard, #postboard-top.onTop {
position: absolute;
9 years ago
left: 168px;
right: 20px;
width: auto;
}
.modal-wrapper {
width: 85%;
}
.modal-wrapper .postboard {
9 years ago
width: 670px;
float: left;
position: relative;
left: 0;
}
}
9 years ago
@media (max-width: 700px) {
9 years ago
.network.singleBlock {
margin-top: 52px;
}
9 years ago
.network.singleBlock .module {
9 years ago
width: 100%;
margin: 0 !important;
9 years ago
float: none;
}
.userMenu > ul {
background-image: none;
}
.userMenu .userMenu-profile {
display: none;
}
.userMenu li.userMenu-search > input {
width: 150px;
}
.prompt-wrapper {
width: 98%;
left: 1%;
margin-left: 0;
}
9 years ago
.dashboard.left {
top: 0;
margin-top: 0;
min-height: 122px;
9 years ago
width: 100%;
}
.dashboard.left > .module {
top: 52px;
float: none;
9 years ago
width: 100%;
position: fixed;
z-index: 10;
9 years ago
}
.dashboard.left .mini-profile-info {
9 years ago
display: none;
}
.mini-profile-indicators li {
width: 25%;
9 years ago
margin: 0;
float: left;
9 years ago
}
.who-follow {
display: none;
9 years ago
}
.promoted-posts-only {
9 years ago
display: none;
}
.wrapper {
padding-top: 0;
}
.postboard {
width: 100%;
float: none;
left: 0;
z-index: 5;
top: 0;
9 years ago
position: relative;
margin-top: 0;
}
.modal-wrapper .postboard {
top: auto;
9 years ago
}
#postboard-top {
position: fixed;
bottom: 0;
top: auto;
margin: 0;
width: 100%;
-moz-box-shadow: 0 -5px 13px rgba(17, 17, 17, 0.2);
-webkit-box-shadow: 0 -5px 13px rgba(17, 17, 17, 0.2);
box-shadow: 0 -5px 13px rgba(17, 17, 17, 0.2);
9 years ago
}
.modal-wrapper {
width: 90%;
}
}
@media (max-width: 360px) {
.userMenu li.userMenu-search > input {
width: 100px;
9 years ago
}
.dialog-modal {
right: -50px;
width: 290px;
9 years ago
}
}