From 04b0d8f636805733dab3dd36b4f3a56f74126676 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Wed, 21 Jan 2015 12:10:04 +0100 Subject: [PATCH 01/20] still experimenting --- js/interface_common.js | 33 ++++++++++++++++++++++++++++++--- 1 file changed, 30 insertions(+), 3 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index cddb7e6..397e9c6 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -386,21 +386,44 @@ function watchHashChange(e) var hashstring = window.location.hash hashstring = decodeURIComponent(hashstring); + if(e!=null){ + //console.log(e.oldURL); + var prevhashstring = e.oldURL.split('#'); + prevhashstring=prevhashstring[1]; + //console.log(prevhashstring); + //var prevhashdata = prevhashstring.match(/(hashtag|profile|mentions)\?(?:user|hashtag)=(.+)/); + //console.log(prevhashdata); + + + if(prevhashstring.length>0){ + $('.modal-back').css('display','inline'); + $('.modal-back').on('click', function(){ + window.location.hash = '#' + prevhashstring; + }); + } + + } + var hashdata = hashstring.split(':'); if (hashdata[0] != '#web+twister') { - hashdata = hashstring.match(/(hashtag|profile|mentions)\?(?:user|hashtag)=(.+)/); + hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages)\?(?:user|hashtag)=(.+)/); } + //console.log(hashdata); - if (hashdata && hashdata[1] != undefined && hashdata[2] != undefined) - { + if (hashdata && hashdata[1] != undefined && hashdata[2] != undefined) { if(hashdata[1] == 'profile') { openProfileModalWithUsernameHandler(hashdata[2]); }else if (hashdata[1] == 'hashtag') { openHashtagModalFromSearchHandler(hashdata[2]); }else if (hashdata[1] == 'mentions') { openMentionsModalHandler(hashdata[2]); + }else if (hashdata[1] == 'directmessages') { + openDmWithUserModal(hashdata[2]); } + } else if (hashstring == '#directmessages') { + directMessagesPopup(); } else { + console.log(hashstring); closeModalHandler(); } } @@ -1362,11 +1385,15 @@ function initInterfaceCommon() { $('.modal-back').css('display', 'none'); $('.mark-all-as-read').css('display', 'none'); }); + + /* $('.modal-back').on('click', function(){ if($('.modal-content .direct-messages-list')[0]) return; directMessagesPopup(); $(".modal-content").removeAttr("style"); }); + */ + $('.dropdown-menu').on('keydown', function(e){ e = event || window.event; e.stopPropagation(); From 01823434a8b2b09e2629940fa71b1dd43c49238d Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Wed, 21 Jan 2015 13:38:59 +0100 Subject: [PATCH 02/20] streamlined all modal navigation trough the hash watching function and implemented a global back button --- js/twister_directmsg.js | 47 ++++++++++++++--------------------------- 1 file changed, 16 insertions(+), 31 deletions(-) diff --git a/js/twister_directmsg.js b/js/twister_directmsg.js index 8738bb2..1f32ce0 100644 --- a/js/twister_directmsg.js +++ b/js/twister_directmsg.js @@ -158,7 +158,6 @@ function directMessagesPopup() $( ".directMessages h3" ).text( polyglot.t("Direct Messages") ); requestDMsnippetList($(".directMessages").find(".direct-messages-list")); - $('.modal-back').css('display','inline'); $('.mark-all-as-read').css('display', 'inline'); $('.mark-all-as-read').attr('title', polyglot.t("Mark all as read")); @@ -171,35 +170,13 @@ function directMessagesPopup() }); } - -//exibe a thread de mensagens individual -function hideDmSnippetShowDmThread() -{ - var $this = $( this ); - - //escondo a listagem de mensagens diretas... - var containerToAnimate = $this.parents( ".direct-messages-list" ); - containerToAnimate.hide(); - - var dm_screenname = $this.attr("data-dm-screen-name"); - openDmWithUserModal(dm_screenname); -} - - -function directMessagesWithUserPopup() +function openDmWithUserModal(dm_screenname) { - if(!defaultScreenName) - { - alert(polyglot.t("You have to log in to use direct messages.")); - return; + if(!defaultScreenName){ + alert(polyglot.t("You have to log in to use direct messages.")); + return; } - var $userInfo = $(this).closest("[data-screen-name]"); - var dm_screenname = $userInfo.attr("data-screen-name"); - openDmWithUserModal( dm_screenname ); -} -function openDmWithUserModal(dm_screenname) -{ var directMessagesClass = "directMessages"; openModal( directMessagesClass ); @@ -220,10 +197,18 @@ function openDmWithUserModal(dm_screenname) function initInterfaceDirectMsg() { - $( ".direct-messages" ).bind( "click", directMessagesPopup ); - $( "#dm-snippet-template" ).bind( "click", hideDmSnippetShowDmThread ); + + $( ".direct-messages" ).attr("href","#directmessages"); + $( ".userMenu-messages a" ).attr("href","#directmessages"); + + $( "#dm-snippet-template" ).bind( "click", function(){ + window.location.hash='#directmessages?user='+$(this).attr("data-dm-screen-name"); + } ); + $( ".dm-submit").click( directMsgSubmit ); - $( ".userMenu-messages a" ).bind( "click", directMessagesPopup ); - $( ".direct-messages-with-user" ).bind( "click", directMessagesWithUserPopup ); + $( ".direct-messages-with-user" ).bind( "click", function() { + window.location.hash='#directmessages?user='+$(this).closest("[data-screen-name]").attr("data-screen-name"); + } ); + } From fd2678754972b1840ea4f55f93515f635ea4ff28 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Wed, 21 Jan 2015 14:13:45 +0100 Subject: [PATCH 03/20] router also following modal navigation through watchHashChange --- js/interface_common.js | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 397e9c6..40174fc 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -253,13 +253,13 @@ function newFollowingModal(username) { return followingModalContent; } -function openFollowingModal(e) +function openFollowingModal(username) { - e.stopPropagation(); - e.preventDefault(); + //e.stopPropagation(); + //e.preventDefault(); - var $this = $( this ); - var username = $.MAL.followingUrlToUser( $this.attr("href") ); + //var $this = $( this ); + //var username = $.MAL.followingUrlToUser( $this.attr("href") ); var followingModalClass = "following-modal"; openModal( followingModalClass ); @@ -406,7 +406,7 @@ function watchHashChange(e) var hashdata = hashstring.split(':'); if (hashdata[0] != '#web+twister') { - hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages)\?(?:user|hashtag)=(.+)/); + hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages|following)\?(?:user|hashtag)=(.+)/); } //console.log(hashdata); @@ -419,6 +419,8 @@ function watchHashChange(e) openMentionsModalHandler(hashdata[2]); }else if (hashdata[1] == 'directmessages') { openDmWithUserModal(hashdata[2]); + }else if (hashdata[1] == 'following') { + openFollowingModal(hashdata[2]); } } else if (hashstring == '#directmessages') { directMessagesPopup(); @@ -1424,7 +1426,7 @@ function initInterfaceCommon() { $( ".open-profile-modal").bind( "click", openProfileModal ); $( ".open-hashtag-modal").bind( "click", openHashtagModal ); - $( ".open-following-modal").bind( "click", openFollowingModal ); + //$( ".open-following-modal").bind( "click", openFollowingModal ); $( ".userMenu-connections a").bind( "click", openMentionsModal ); $( ".mentions-from-user").bind( "click", openMentionsModal ); From c09e4199f3be7355e1fedd3d7f69a8ee21512222 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Wed, 21 Jan 2015 15:12:49 +0100 Subject: [PATCH 04/20] seams to work with defualt theme and calm theme --- js/interface_common.js | 6 ++++-- theme_nin/css/style.css | 1 + theme_nin/sass/style.sass | 2 +- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 40174fc..874a7f3 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -162,6 +162,7 @@ function newHashtagModal(hashtag) { return hashtagModalContent; } +/* function openHashtagModal(e) { e.stopPropagation(); @@ -176,6 +177,7 @@ function openHashtagModalFromSearch(hashtag) { window.location.hash = '#hashtag?hashtag=' + encodeURIComponent(hashtag); } +*/ function openHashtagModalFromSearchHandler(hashtag) { @@ -395,7 +397,7 @@ function watchHashChange(e) //console.log(prevhashdata); - if(prevhashstring.length>0){ + if(prevhashstring.length>0 && prevhashstring!=undefined){ $('.modal-back').css('display','inline'); $('.modal-back').on('click', function(){ window.location.hash = '#' + prevhashstring; @@ -1425,7 +1427,7 @@ function initInterfaceCommon() { $replyText.on("keyup", replyTextKeypress ); $( ".open-profile-modal").bind( "click", openProfileModal ); - $( ".open-hashtag-modal").bind( "click", openHashtagModal ); + //$( ".open-hashtag-modal").bind( "click", openHashtagModal ); //$( ".open-following-modal").bind( "click", openFollowingModal ); $( ".userMenu-connections a").bind( "click", openMentionsModal ); $( ".mentions-from-user").bind( "click", openMentionsModal ); diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 4d9af3c..3ecaba2 100755 --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -1 +1,2 @@ @charset "UTF-8";@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}@font-face{font-family:"Bemio";src:url("fonts/BemioItalic.otf")}@font-face{font-family:"fontello";src:url("fonts/fontello/fontello.eot?7584488");src:url("fonts/fontello/fontello.eot?7584488#iefix") format("embedded-opentype"),url("fonts/fontello/fontello.woff?7584488") format("woff"),url("fonts/fontello/fontello.ttf?7584488") format("truetype"),url("fonts/fontello/fontello.svg?7584488#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before,.extend-icon:before,.userMenu li.userMenu-config>a:before,.post-context span:before,.post-reply:before,.post-propagate:before,.post-favorite:before,.post .show-more:before,.mini-profile-actions span:before,ul.userMenu-search-profiles button:before,ul.userMenu-search-profiles .modal-back: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-users:before,.modal-close:before,.mark-all-as-read:before,.modal-back:before,.icon-down-after:after{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:3px;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:2px}.icon-search:before{content:"\e800"}.icon-mail:before,.mini-profile-indicators .userMenu-messages a:before{content:"\e801"}.icon-heart:before{content:"\e802"}.icon-star:before,.post-favorite:before{content:"\e803"}.icon-user:before,.mini-profile-indicators .userMenu-user a:before{content:"\e804"}.icon-camera:before{content:"\e805"}.icon-ok:before,.mark-all-as-read:before{content:"\e806"}.icon-cancel:before,.twister-user-remove:before,.modal-close:before{content:"\e807"}.icon-plus:before,.mini-profile-actions span:before,ul.userMenu-search-profiles button:before,ul.userMenu-search-profiles .modal-back:before{content:"\e808"}.icon-minus:before{content:"\e809"}.icon-down:before{content:"\e80a"}.icon-down-after:after{content:"\e80a"}.icon-lock:before{content:"\e80b"}.icon-quote:before{content:"\e80c"}.icon-comment:before,.post-reply:before{content:"\e80d"}.icon-chat:before,.post .show-more:before{content:"\e80e"}.icon-left:before,.modal-back:before{content:"\e80f"}.icon-right:before{content:"\e810"}.icon-up:before{content:"\e811"}.icon-cog:before,.userMenu li.userMenu-config>a:before{content:"\e812"}.icon-doc:before{content:"\e813"}.icon-arrows:before,.refresh-users:before{content:"\e814"}.icon-twistagain:before,.post-context span:before,.post-propagate:before{content:"\e815"}.icon-bell:before,.mini-profile-indicators .userMenu-connections a:before{content:"\e816"}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,center,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}.clear-fix:after,.userMenu ul:after,.profile-modal .profile-data:after,.profile-card .twister-user-info:after,.forEdition.profile-card:after,.postboard:after,.following:after,.expanded-content:after,.following-list li:after,.mini-following-info:after,.network.singleBlock:after,.options .tab-content:after,.promoted-posts-only:after,.dashboard.right:after,ul.userMenu-search-profiles li:after,.mini-profile .post-area:after,.mini-profile-indicators:after,.profile-data:after,#postboard-top:after,#postboard-top .post-area:after,.who-to-follow ol:after,.twister-user:after,.modal-content:after,.modal-header:after,.direct-messages-thread .post:after{content:"";display:table;clear:both}.userMenu{width:100%;position:fixed;left:0;margin:0;height:50px;background:#66686b;z-index:2}.userMenu ul{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:1180px;max-width:100%;margin:auto;background:url('../img/twister_logo.png?1418542889') no-repeat 50% 50%;background-size:20px}.userMenu ul li{float:left;margin:0 20px 0 0;position:relative;display:block}.userMenu ul li>a{line-height:50px;height:50px;padding:0 0.5em;display:inline-block;color:rgba(255,255,255,0.5);font-size:1.1em;transition:all 0.2s linear;position:relative;font-weight:500;border-bottom:3px solid transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.userMenu ul li>a:hover{color:#fff}.userMenu ul li.current>a{color:#fff;border-bottom:3px solid #b4c669}.userMenu li.userMenu-home a span.label{display:block !important}.userMenu li.userMenu-home .menu-news{position:absolute;top:6px;right:-6px;background:#b4c669;color:#fff;padding:1px 3px;line-height:12px;display:none;font-size:9px;font-weight:700;border-radius:2px}.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;margin-right:0;color:#fff}.userMenu li.userMenu-config+a,.userMenu li.userMenu-search+a{color:#66686b}.userMenu li.userMenu-search{padding-top:5px}.userMenu li.userMenu-config>a{font-size:1.5em}.profile-modal .modal-wrapper{width:980px;max-width:98%;position:absolute;top:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:550px;margin:-275px 0 0 -490px}.profile-modal .modal-wrapper h3{display:none}.profile-modal .profile-data{display:block;margin:auto;padding-top:0}.profile-modal .profile-data li{display:inline;margin:0 5px;float:none}.profile-modal .profile-data li a{display:inline}.profile-modal .profile-data li a span.posts-count,.profile-modal .profile-data li a span.following-count,.profile-modal .profile-data li a span.followers-count{display:inline-block;padding-right:5px}.profile-modal .modal-content{height:100%;overflow:hidden;padding:0;position:relative}.profile-modal .modal-content #profile-posts{padding:0}.profile-modal .modal-content .postboard{margin-left:0;height:100%;bottom:0;position:relative;float:right;width:535px !important}.profile-modal .modal-content .postboard-posts{display:block;height:505px;overflow:auto}.profile-modal .modal-content .postboard-posts .post{padding:0}.profile-modal .modal-content .post-interactions{margin:2px 10px 3px 60px}.profile-modal .modal-content .profile-card{margin:0;padding:0}.profile-modal h2.profile-screen-name{display:block;letter-spacing:0;text-transform:none;color:#b3b5b7;padding:5px 0;margin:0;font-size:13px;line-height:13px}.profile-card{height:100%;background:#fff}.profile-card-main{position:relative;text-align:center;word-wrap:break-word;transition:all 0.2s linear;background:none !important;padding:10px}.profile-card-main h1{font-size:22px;font-weight:bold;display:inline-block;padding-top:10px}.profile-card-main:before{content:"";border:solid 0px #fff;transition:all 0.2s linear;position:absolute;left:1px;top:1px;right:1px;bottom:1px;z-index:0}.profile-card-main *{position:relative;z-index:1}.profile-card-photo{height:75px;margin:0 auto;display:block;width:auto}.profile-card-photo.forEdition{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;height:75px;margin:0 auto;display:block;width:75px}.profile-bio{padding:10px;font-style:italic;text-align:center}.profile-card{float:left;width:400px;position:relative;padding:15px}.profile-card .direct-messages-with-user,.profile-card .follow,.profile-card .profileUnfollow,.profile-card .follow{display:inline-block;position:static}.profile-card .isFollowing:after{font-size:15px;position:absolute}.profile-card .profileUnfollow{background:#aaa}.profile-card .twister-user-info{text-align:center;width:100%;padding:0}.profile-card .follow{background:#b4c669}.profile-card .known-followers{text-align:center;clear:both;width:100%}#msngrswr{display:none;text-align:center;margin:10px 0}.profile-extra-contact{display:none;margin:0 15px 0 0;font-weight:500;background:#f3f2f1;padding:2px 8px 3px 8px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.bitmessage-ctc,.tox-ctc{font-size:13px;line-height:15px;cursor:pointer;color:#66686b}.bitmessage-ctc:hover,.tox-ctc:hover{color:#b4c669}.bitmessage-ctc:after,.tox-ctc:after{font-family:"fontello";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.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:#b4c669}.profile-modal .modal-buttons{display:none}.forEdition.profile-card{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;background:#f3f2f1}.forEdition.profile-card .profile-card-main{margin:0;width:330px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#f3f2f1}.forEdition.profile-card .profile-card-main input{display:block;margin:5px auto;background:#fff;border:1px solid #e7e8e9;padding:6px 4px;margin-bottom:4px;text-align:center;transition:all 0.2s linear}.forEdition.profile-card .profile-card-main input:hover,.forEdition.profile-card .profile-card-main input:focus{background:#fff;border-color:#aaa}.input-description{width:90%}.input-name{font-size:20px}.forEdition .profile-card-main .input-website,.forEdition .profile-card-main .input-city{display:inline-block}.forEdition .profile-card-main .input-tox,.forEdition .profile-card-main .input-bitmessage{width:90%;margin-top:10px}.forEdition .profile-card-main h2{text-transform:none;font-weight:700;font-size:0.9em}.profile-edition-buttons{text-align:right}.selectable_theme.theme_calm{display:none}.postboard,.following{padding-left:330px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:850px}.postboard-posts{position:relative;z-index:1;clear:both}.postboard-news{font-size:12px;box-sizing:border-box;position:relative;margin-bottom:1px;cursor:pointer;padding:10px;font-weight:900;clear:both;color:#fff;text-align:center;text-transform:uppercase;background:#b4c669}.post,.following li{background:#fff;box-sizing:border-box;position:relative;margin-bottom:1px;transition:margin 0.4s ease-out;-moz-transition:margin 0.4s ease-out}.post .post,.post .original.post,.post .post.open,.post .mini-profile .post.post-area-new,.mini-profile .post .post.post-area-new,.post #postboard-top .post-area .post.post-area-new,#postboard-top .post-area .post .post.post-area-new,.following li .post,.following li .original.post,.following li .post.open,.following li .mini-profile .post.post-area-new,.mini-profile .following li .post.post-area-new,.following li #postboard-top .post-area .post.post-area-new,#postboard-top .post-area .following li .post.post-area-new{background:#fff;position:relative;margin-bottom:1px}.module.open .post,.mini-profile .module.post-area-new .post,#postboard-top .post-area .module.post-area-new .post{color:#414244}.post:hover{color:#414244}.post-data{padding:10px}.post.open .original,.mini-profile .post.post-area-new .original,#postboard-top .post-area .post.post-area-new .original,.post.open .related,.mini-profile .post.post-area-new .related,#postboard-top .post-area .post.post-area-new .related{margin-bottom:1px}.postboard-posts>.post.open,.mini-profile .postboard-posts>.post.post-area-new,#postboard-top .post-area .postboard-posts>.post.post-area-new{margin-top:20px;margin-bottom:20px}.postboard-posts>.post:after{content:"";position:absolute;right:0;top:0;width:0;height:100%;transition:all 0.2s linear}.postboard-posts>.post.open:after,.mini-profile .postboard-posts>.post.post-area-new:after,#postboard-top .post-area .postboard-posts>.post.post-area-new:after{width:5px}.post:hover{cursor:pointer}.open,.mini-profile .post-area-new,#postboard-top .post-area .post-area-new{background:none}.open:hover,.mini-profile .post-area-new:hover,#postboard-top .post-area .post-area-new:hover{background:none}.post-photo{margin:0;display:inline-block;float:left;vertical-align:middle;width:48px;height:48px;overflow:hidden}.post-photo img{width:100%;height:100%}.post-info-name{font-weight:700;font-size:1em;line-height:14px;color:inherit;text-decoration:none;display:inline-block;padding-left:10px;float:left}.post-info-name:hover{text-decoration:none;color:#aaa}.post-info-tag{font-size:12px;opacity:0.6;margin-top:4px;display:inline-block}.post-info-time{float:right;font-size:11px;line-height:14px;text-decoration:none;color:#b3b5b7}.post-info-time:hover{color:#727578}.post-text{margin:0 0 0 58px;word-wrap:break-word;min-height:25px;padding:0}.post-context{font-size:11px;line-height:11px;margin:0 0 1em 0;color:#b3b5b7}.post-context span:before{display:block;float:left;background:#b4c669;text-align:center;padding:1px 2px 2px 2px;line-height:9px;font-size:9px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;margin-right:0.4em}.mini-screen-name{font-size:13px;color:#66686b}.post-retransmited-icon{display:none}.post-interactions{margin:10px 0 3px 0;text-align:right;height:12px;line-height:12px}.post-interactions span{color:#b3b5b7;cursor:pointer;font-size:12px;line-height:12px}.post-expand{color:#b3b5b7;cursor:pointer;font-size:12px;position:absolute;left:10px;bottom:10px}.post-expand:hover{color:#727578}.post-favorite{display:none !important}.post .show-more{display:inline-block;float:right;font-size:12px;color:#b3b5b7}.post .show-more:hover{color:#727578}.expanded-content.show-pic{display:block}.expanded-post .post-expand,.expanded-post .post-reply,.expanded-post .post-propagate,.expanded-post .post-favorite{color:#b3b5b7}.expanded-post .post-expand:hover,.expanded-post .post-reply:hover,.expanded-post .post-propagate:hover,.expanded-post .post-favorite:hover{color:#727578}.related .post-expand{display:none;margin:0}.post-reply,.post-propagate,.post-favorite{padding-left:10px;display:none}.post:hover .post-reply,.post:hover .post-propagate,.post:hover .post-favorite,.original.open .post-interactions .post-reply,.mini-profile .original.post-area-new .post-interactions .post-reply,#postboard-top .post-area .original.post-area-new .post-interactions .post-reply,.original.open .post-interactions .post-propagate,.mini-profile .original.post-area-new .post-interactions .post-propagate,#postboard-top .post-area .original.post-area-new .post-interactions .post-propagate,.original.open .post-interactions .post-favorite,.mini-profile .original.post-area-new .post-interactions .post-favorite,#postboard-top .post-area .original.post-area-new .post-interactions .post-favorite,.post:hover .original .post-interactions .post-reply,.post:hover .original .post-interactions .post-propagate,.post:hover .original .post-interactions .post-favorite,.related.post:hover .post-reply,.related.post:hover .post-propagate,.related.post:hover .post-favorite{display:inline-block}.open .related .post-reply,.mini-profile .post-area-new .related .post-reply,#postboard-top .post-area .post-area-new .related .post-reply,.open .related .post-propagate,.mini-profile .post-area-new .related .post-propagate,#postboard-top .post-area .post-area-new .related .post-propagate,.open .related .post-favorite,.mini-profile .post-area-new .related .post-favorite,#postboard-top .post-area .post-area-new .related .post-favorite{display:none !important}.open .related:hover .post-reply,.mini-profile .post-area-new .related:hover .post-reply,#postboard-top .post-area .post-area-new .related:hover .post-reply,.open .related:hover .post-propagate,.mini-profile .post-area-new .related:hover .post-propagate,#postboard-top .post-area .post-area-new .related:hover .post-propagate{display:inline-block !important}.post-reply:hover,.post-propagate:hover,.post-favorite:hover{color:#727578}.expanded-content{display:none;padding:5px 5px 0 5px}.image-preview{width:100%;display:block;margin:auto}.preview-container{max-height:500px;width:100%;text-align:center;overflow-y:auto;background:#000}.post-stats{float:left}.post-stats li{display:inline-block}.post-stats li.stat-count{font-weight:700;font-size:11px;float:left;line-height:20px;color:llighten(#66686b, 30%)}.post-stats li.stat-count span:last-child{padding-right:5px}.post-stats a{position:relative;text-decoration:none;display:inline-block;width:20px;height:20px;margin:0 1px 0 0}.post-stats a img{width:20px;height:20px}.user-name-tooltip{display:none;position:absolute;background:#6d7073;font-size:12px;white-space:nowrap;padding:3px 5px;color:#fff;top:-42px;left:0px}.user-name-tooltip:after{content:"";position:absolute;width:0;left:4px;bottom:-5px;border-top:solid 5px #6d7073;border-left:solid 5px transparent;border-right:solid 5px transparent}.post-stats a:hover .user-name-tooltip{display:inline-block}.post-replies .sub-replies{border-left:solid 3px #b4c669;margin-left:1px}.modal-content .postboard{width:auto !important;padding:0;clear:none !important;position:relative}.modal-content .post-text{margin:0 0 0 40px}.modal-content .post-photo{width:30px;height:30px}.modal-content .post-photo img{width:100%;height:100%}.following{width:100% !important}.following-list li{text-align:center;float:left;width:30%;padding:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin:0 2% 2% 0}.following .mini-profile{margin-bottom:10px}.following .mini-profile-info{position:relative}.following .mini-profile-photo{margin:0 auto 10px auto;display:block;width:64px;height:64px;overflow:hidden;background:#e2e1de}.following .mini-profile-view{display:inline;color:rgba(0,0,0,0.5);font-size:12px;position:absolute;top:32px;left:65px;z-index:1}.following .mini-profile-name{font-weight:900;font-size:1em;line-height:1em;padding:0;text-decoration:none;display:block;color:inherit;display:inline}.following .mini-screen-name{color:inherit;display:block;margin-bottom:10px}.following button,.following .mini-profile-actions span,.mini-profile-actions .following span,.following .modal-back{display:inline-block;margin:5px 0}.following button.unfollow,.following .mini-profile-actions span.unfollow,.mini-profile-actions .following span.unfollow,.following .unfollow.modal-back{background-color:#aaa}.following button.public-following,.following .mini-profile-actions span.public-following,.mini-profile-actions .following span.public-following,.following .public-following.modal-back{background-color:#b4c669}.mini-profile-actions{position:absolute;width:auto;top:0;right:-16px;display:inline-block}.mini-profile-actions span{cursor:pointer !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.mini-profile-actions span:before{margin:0;padding:0;line-height:1em;font-size:10px}.mini-profile-actions ul{height:0;overflow:hidden;position:absolute;top:2em;right:-2em;transition:height 0.4s linear;transition:padding-top 0.1s linear;background:#66686b;z-index:3}.mini-profile-actions:hover ul{padding:8px;height:112px}.mini-profile-actions ul li{text-align:left;margin:0;background:#66686b;white-space:nowrap;color:#aaa;font-size:12px;line-height:12px;cursor:pointer;display:block;float:none;width:auto;padding:8px}.mini-profile-actions:hover ul li:hover{color:#b4c669}.following .who-follow{height:auto;background-color:rgba(69,71,77,0.1);overflow:hidden;font-size:12px}.following .show-more-followers{color:#f11;font-weight:bold;cursor:pointer;float:right}.following .mini-follower-link{display:inline-block;margin-right:10px}.following .mini-follower-link:before{content:" \2027"}.following a.open-profile-modal{display:inline;text-align:center;color:#66686b}.following a.open-profile-modal:hover{color:#aaa}.following .post-area-new{padding-bottom:4px}.following .post-area-new textarea{resize:none;width:445px;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:28px;border-radius:3px;border:solid 1px rgba(0,0,0,0.3);margin-left:55px;margin-bottom:10px;padding:4px;font-size:13px}.following .mini-profile .post-area-new{padding:9px}.following .mini-profile .post-area-new textarea{margin-left:0;width:100%}.following .post-area-new.open textarea,.following .mini-profile .post-area-new textarea,.mini-profile .following .post-area-new textarea,.following #postboard-top .post-area .post-area-new textarea,#postboard-top .post-area .following .post-area-new textarea{height:80px;border:solid 1px rgba(227,79,66,0.5);box-shadow:0 0 10px rgba(0,0,0,0.3)}.following textarea.splited-post{box-shadow:none !important;height:28px}.following .splited-post-counter{color:rgba(0,0,0,0.3);font-weight:bold}.following .splited-post-counter:before{content:"\2026"}.following .post-area-extras{overflow:hidden;height:0;text-align:right}.following .post-submit{background:#45474d;color:rgba(255,255,255,0.8);border:none;padding:5px 10px;cursor:pointer;display:inline-block;margin-top:4px}.following .post-area-new.open>.post-area-extras,.following .mini-profile .post-area-new>.post-area-extras,.mini-profile .following .post-area-new>.post-area-extras,.following #postboard-top .post-area .post-area-new>.post-area-extras,#postboard-top .post-area .following .post-area-new>.post-area-extras{height:35px;transition:all 0.6s linear}.following .post-area-remaining{font-size:13px}.following .post-area-remaining.warn{color:red}.following .post .show-more{font-size:13px;font-weight:bold;margin-left:60px;color:rgba(0,0,0,0.5)}.following .post .show-more:before{content:"💭"}.swarm-status{display:none !important}.following-modal .modal-wrapper{width:200px}.following-modal h2{display:none}.mini-following-info{width:45px;height:45px;text-align:center;background:#fff;margin:1%;float:left}.mini-following-info .mini-screen-name,.mini-following-info .mini-following-name{display:none}.mini-following-info .mini-profile-photo{height:45px;width:45px;border-radius:0}.network.singleBlock ul{padding-left:20px}.network.singleBlock ul li{line-height:36px;font-size:13px}.network.singleBlock .module{width:46%;float:left;margin:0 1% 0 0;padding:1.5%;background:#fff}.network.singleBlock h2{display:block}.network.singleBlock h3{font-weight:500;text-transform:none;border-bottom:1px solid rgba(0,0,0,0.2);margin:20px 0 10px 0}.singleBlock .spam-msg{resize:none;width:100%;display:block;border-radius:3px;padding:4px;font-size:13px;height:80px;border:solid 1px rgba(0,0,0,0.1);line-height:20px;position:relative;margin-left:-20px;margin-bottom:10px}.highlight{background:#fff;padding:5px 8px;line-height:1.7;display:inline-block}span.connection-status{line-height:1em;font-weight:500;font-size:1em}span.connection-status:before{content:"";display:inline-block;height:0.8em;width:0.8em;margin-right:0.8em;background:#ef5d43;color:#fff}span.connection-status.connected:before{background:#b4c669}.character-limit{float:right;margin-right:18px}.connections span,.known-peers,.dht-nodes,.blocks,.last-block-time,.mining-difficulty{color:#333;font-weight:700}*{outline:none !important}li{list-style:none}html,body{height:100%;min-height:100%;background:#e2e1de;color:#66686b;font:0.95em/1.3em "Roboto",sans-serif;font-weight:400}br{display:block}img{background:#e2e1de;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}a{text-decoration:none;color:#aaa}a:hover{color:#b4c669;text-decoration:none}p{padding:5px 0}h2,h3{font-size:1.1em;text-transform:uppercase;letter-spacing:0.07em;font-weight:500;line-height:1.8em}textarea,input[type=text]{font:0.95em/1.3em "Roboto",sans-serif;font-weight:400}.isFollowing:after{color:#b4c669;content:"\e806";font-family:"fontello";padding-left:2px;display:inline;font-size:10px;vertical-align:top;line-height:10px}.isFollowing:after:hover{text-decoration:none !important}h3 .isFollowing:after{display:none}button,.mini-profile-actions span,.modal-back,a.button{padding:6px 8px;font-size:13px;display:inline-block;line-height:1em;font-weight:500;margin:0;float:none;text-shadow:2px 2px 0 transparent;-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;color:#fff;background-color:#66686b;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:none;font-family:"fontello","Roboto";cursor:pointer}button:hover,.mini-profile-actions span:hover,.modal-back:hover,a.button:hover{background:#aaa;text-shadow:2px 2px 0 rgba(0,0,0,0.1)}button.disabled,.mini-profile-actions span.disabled,.disabled.modal-back,a.button.disabled{opacity:0.5;background-color:#999}button.disabled:hover,.mini-profile-actions span.disabled:hover,.disabled.modal-back:hover,a.button.disabled:hover{color:#fff}.options{position:relative}.options .label{font-weight:700}.options label{cursor:pointer}.options input[type=radio]{display:none !important;visibility:hidden;opacity:0}.options .postboard-display div{clear:both}.options .postboard-display div div{float:left;clear:none;padding:10px}.options .postboard-display div div .label{font-weight:400}.options .tab-content{background:#fff;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 .sounds,.options input#t-4:checked ~ .tab-content .keys,.options input#t-5:checked ~ .tab-content .postboard-display,.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:#aaa;background:#f3f2f1}.options label.tabs:hover{color:#66686b}.options input:checked+label.tabs{background:#fff;color:#66686b}.promoted-posts-only{margin:0 0;float:right}.promoted-posts-only li{cursor:pointer;display:inline-block;margin:0 0 0 5px;padding:5px 15px;font-size:0.9em;transition:color 0.1s linear}.promoted-posts-only li.active{color:#66686b;background:#fff;cursor:default}.promoted-posts-only li:hover,.promoted-posts-only li.disabled:hover{color:#66686b}.promoted-posts-only li.disabled{color:#aaa;background:#f3f2f1}.wrapper{max-width:100%;width:1180px;margin:0 auto;padding-top:70px;position:relative;z-index:1;min-height:100%}.dashboard.left,.dashboard.right{width:300px;position:fixed;top:0;padding-top:70px;height:100%}.dashboard.right{display:block;position:absolute;right:0}.dashboard.right .module{position:fixed;height:100%}.dialog-modal{display:none;background:#66686b;position:absolute;top:45px;right:-10px;width:250px;overflow:hidden}.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;background:#fff}ul.userMenu-search-profiles li{float:none;display:block;padding:5px 10px;margin:0;border-bottom:1px solid #e2e1de}ul.userMenu-search-profiles .mini-profile-name{font-size:12px;display:block;margin:0;padding:0}ul.userMenu-search-profiles .mini-profile-photo{width:30px;height:30px;margin:0 10px 0 0;float:left}ul.userMenu-search-profiles .mini-profile-info{width:100%;float:none}ul.userMenu-search-profiles button,ul.userMenu-search-profiles .mini-profile-actions span,.mini-profile-actions ul.userMenu-search-profiles span,ul.userMenu-search-profiles .modal-back{background-color:#66686b;padding:3px}ul.userMenu-search-profiles button:after,ul.userMenu-search-profiles .mini-profile-actions span:after,.mini-profile-actions ul.userMenu-search-profiles span:after,ul.userMenu-search-profiles .modal-back:after{content:"";font-family:"fontello"}.userMenu-search input[type="text"]{float:right;padding:3px 10px;margin:9px 20px 0 0;border:none;background:#fff;box-sizing:border-box}.userMenu-search-sugestions a{color:rgba(0,0,0,0.7);padding:10x 20px;display:block;clear:both}.mini-profile .mini-profile-info{position:relative;text-align:center;background:#fff}.mini-profile a.button{background:#aaa;margin:1em auto}.mini-profile .post-area{margin-top:1px;margin-bottom:20px;padding:0.5em;background:#f3f2f1}.mini-profile .post-area-new{padding:0;display:none;margin:0}.mini-profile .post-area-new textarea{width:100%}.mini-profile-indicators{margin:0 0 1em 0;background-color:#f3f2f1}.mini-profile-indicators li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100px;float:left;font-size:0.8em;position:relative;padding:0}.mini-profile-indicators li a{position:relative;color:#66686b;display:block;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s;padding:1em 0}.mini-profile-indicators li a:hover{background-color:#fff}.mini-profile-indicators li a:before{font-size:2.2em;display:block !important;text-align:center !important;margin:auto !important;padding-top:0.2em}.messages-qtd{position:absolute;top:10px;right:25px;background:#b4c669;color:#fff;padding:1px 3px;line-height:12px;font-size:0.8em;font-weight:700;border-radius:2px}.mini-profile-view{display:none}.mini-profile-name{color:#66686b;font-size:1.3em;font-weight:700;padding:10px 0;display:block;margin:auto}.mini-profile-name:hover{color:#aaa}.mini-profile-photo{width:80px;height:80px;overflow:hidden;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;margin:auto}.mini-profile-photo img{min-width:100%;min-height:100%;border-radius:50%}.profile-data{clear:both;padding:1em 0;text-align:center;background:#fff}.profile-data li{display:block;float:left;width:100px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.profile-data li.current a{border-bottom:3px solid #b4c669}.profile-data li a{color:#66686b;display:inline-block;font-size:13px;padding-bottom:3px}.profile-data li a:hover{color:#aaa}.profile-data li a span.posts-count,.profile-data li a span.following-count,.profile-data li a span.followers-count{font-weight:900;display:block;line-height:15px}.mini-profile-info a:hover{text-decoration:none}.who-follow{display:block;position:absolute;bottom:50px;text-align:center;padding:10px;font-size:12px;background:#fff;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}.show-more-followers{font-weight:700;display:block;cursor:pointer;float:right;color:#66686b}.mini-follower-link{display:inline-block;margin:1px;line-height:12px}.mini-follower-link.isFollowing:after{display:none}.mini-follower-link:after{content:"·";font-weight:900;color:#66686b;margin-left:1px}.post-area-new textarea{resize:none;box-shadow:none !important;-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:28px;border:none;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:3px;margin:5px 0}#postboard-top{clear:both;position:relative;margin-bottom:1px;transition:height 0.3s linear;padding:10px 10px 5px 10px;background:#fff;overflow:hidden}#postboard-top.hide{display:none !important}#postboard-top.show{display:block}#postboard-top .profile-photo{position:absolute;top:10px;left:10px;width:48px;height:48px;overflow:hidden}#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;float:right}#postboard-top .post-area .post-area-new textarea{margin:0 0 5px 0}.post-area-new.open textarea,.mini-profile .post-area-new textarea,#postboard-top .post-area .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:"\2026"}.post-area-extras{overflow:hidden;height:0;text-align:right}.post-area-new.open>.post-area-extras,.mini-profile .post-area-new>.post-area-extras,#postboard-top .post-area .post-area-new>.post-area-extras{height:auto;transition:all 0.6s linear}.post-area-remaining{padding-right:3px}.post-area-remaining.warn{color:red}.who-to-follow{width:inherit;margin-bottom:20px}.who-to-follow small{display:none}.who-to-follow h3{float:left}.who-to-follow ol{clear:both}.twister-user{clear:both;width:100%;position:relative;margin:0 0 1px 0;width:100%;box-sizing:border-box;float:right;background:#fff}.twister-user-photo{display:inline-block;float:left;vertical-align:middle;width:48px;height:auto;overflow:hidden;margin:10px;background:#e2e1de}.twister-user-info{width:80%}.followers{font-size:12px;color:#66686b}.followers label,.followers a{display:block}.followed-by{color:#aaa;font-size:12px;cursor:pointer;display:block}.twister-user-name,.twister-by-user-name{font-weight:bold;font-size:14px;color:#aaa;text-decoration:none}.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.2;text-decoration:none;cursor:pointer;position:absolute;padding:5px;top:-5px;right:-5px;display:inline-block}.twister-user:hover .twister-user-remove{text-decoration:none}.twister-user-remove:hover{opacity:1}button.follow,.mini-profile-actions span.follow,.follow.modal-back{position:absolute;bottom:10px;right:10px;background:#b4c669}button.follow:hover,.mini-profile-actions span.follow:hover,.follow.modal-back:hover{background:#aaa}.refresh-users{color:#66686b;cursor:pointer;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;float:right;display:block;padding:4px;margin:0 0 0 15px;position:relative}.view-all-users{color:#66686b;cursor:pointer;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;float:right;display:block;padding:4px;margin:0 0 0 15px;position:relative}.refresh-users:hover,.view-all-users:hover{color:#b4c669;text-decoration:none;background-color:transparent}ol.toptrends-list{margin:0;margin-bottom:10px}ol.toptrends-list li{display:inline-block}ol.toptrends-list a{color:#aaa;padding:3px 8px;display:inline-block;background:#f3f2f1;text-transform:uppercase;font-size:11px;margin:3px;font-weight:500}ol.toptrends-list a:hover{background:#fff;color:#66686b}.modal-blackout{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(170,170,170,0.8);display:none;z-index:3}.modal-wrapper{position:absolute;top:50%;left:50%;overflow:hidden}.modal-wrapper .post-area-new{padding:10px}.modal-content{background:#f3f2f1;padding:20px}.modal-content .postboard h2{position:fixed;z-index:2;margin-top:-60px;margin-left:-60px;width:100px;width:520px}.modal-content .postboard h2 span{display:none}.modal-content .postboard-news{line-height:30px;position:absolute;right:0;top:40px;font-weight:900;display:block;padding:0 20px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.1);background:#b4c669}.modal-header{position:relative;background:#66686b;height:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-header h3{font-size:0.8em;line-height:40px;float:left;font-weight:900;padding-left:10px;color:#fff;display:block !important}.modal-close{position:absolute;right:10px;top:0;font-size:14px;line-height:40px;cursor:pointer;color:rgba(255,255,255,0.7)}.modal-close:hover{color:#fff}.modal-close b{display:none}.mark-all-as-read{float:left;cursor:pointer;font-size:1.3em;line-height:40px;padding:0 5px;color:#aaa;transition:all 0.1s linear;display:none}.modal-back:hover,.mark-all-as-read:hover{color:#b4c669}.modal-back{margin:0;background:#b4c669;display:none !important;float:left}.modal-buttons{padding:10px;text-align:right}.following-config-modal h2{text-transform:none}.following-config-modal .modal-wrapper{top:43%;left:25%;width:50%}.following-config-modal .modal-content{padding:10px;text-align:center;background-color:#fff}.following-config-modal .modal-buttons{display:none}.following-config-method-buttons{padding:10px}.following-config-method-buttons .public-following{background-color:#b4c669}.reTwist .modal-wrapper{width:520px;top:20%;margin:0 0 0 -260px}.reTwist .post-expand,.reTwist .post-interactions{display:none}.reply .modal-wrapper{width:520px;top:20%;margin:0 0 0 -260px}.reply .modal-buttons,.reply .post-expand,.reply .post-interactions{display:none}.directMessages .post-area-new{display:none;padding:20px;z-index:5;background:#e2e1de}.directMessages .post-area-new .modal-header h3 span{display:inline !important}.directMessages .modal-wrapper{width:520px;height:490px;top:10%;margin:0 0 0 -260px;overflow-x:hidden}.directMessages .modal-content{overflow-y:auto;height:300px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:520px}.directMessages .modal-buttons{display:none}.directMessages .post-photo{height:48px;width:48px}.directMessages .post-text{margin-left:58px;font-size:0.9em}.directMessages .post-info-name{float:none}.directMessages .post-info-tag{line-height:1em;padding:0;display:inline;font-size:80%;margin:0 0 0 1em}.direct-messages-list .post{padding:10px 30px 10px 15px;cursor:pointer}.direct-messages-list .post:after{content:"";font-family:"fontello";position:absolute;right:10px;top:50%;font-size:1.2em;margin:-6px 0 0 0;color:rgba(0,0,0,0.4);display:none}.direct-messages-list .post:hover:after{display:block}.direct-messages-thread .post{background:none;left:0;margin:0px 10px 20px 10px;cursor:default}.direct-messages-thread .post .post-info-time{float:none;display:block;text-align:center;font-size:10px;margin:10px 0;cursor:default}.direct-messages-thread .post .post-info-time:hover{color:#aaa}.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 #fff;left:-7px}.direct-messages-thread .post .post-text{background:#fff;margin-right:60px;margin-left:60px;position:relative;display:inline-block;max-width:300px;font-size:0.9em;padding:5px 10px;z-index:4;float:left;word-wrap:break-word;max-width:60%;min-height:15px}.direct-messages-thread .post .post-photo{position:absolute;left:0;top:10px}.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 #fff;right:-7px;left:auto}.direct-messages-thread .post.sent .post-text{float:right}.direct-messages-thread .post.sent .post-photo{position:absolute;right:0;left:auto}.new-user .modal-wrapper{width:520px;height:600px;top:10%;margin:0 0 0 -260px;overflow-x:hidden;overflow-y:hidden}.new-user .modal-content{margin:10px 10px 10px 10px}.new-user .modal-buttons,.new-user .modal-close{display:none}.new-user .text{margin:0 0 15px 0}.new-user .emphasis{font-size:18px;text-align:center}.new-user .secret-key{color:#000;font-weight:bold}.hashtag-modal .modal-wrapper{width:520px;height:600px;top:10%;margin:0 0 0 -260px;overflow:hidden}.hashtag-modal .modal-content{overflow-y:auto;height:500px}.hashtag-modal .modal-buttons{display:none}.hashtag-modal .postboard{padding:0}.conversation-modal .modal-wrapper{position:absolute;width:520px;height:575px;top:10%;margin:0 0 0 -260px;overflow:hidden;background:#fff}.conversation-modal .modal-content{overflow-y:auto;height:90%}.conversation-modal .modal-buttons{display:none}.conversation-modal .postboard{padding:0}.following-modal .modal-wrapper{width:520px;top:10%;height:400px;margin:0 0 0 -260px;overflow-x:hidden}.following-modal .modal-content{height:300px;overflow-y:auto;padding:0}.following-modal .modal-buttons{display:none}.following-modal ol{margin:5px}.following-modal .open-profile-modal:hover{text-decoration:none}.who-to-follow-modal .modal-wrapper{width:520px;top:10%;height:455px;margin:0 0 0 -260px;overflow-x:hidden}.who-to-follow-modal .modal-content{padding:15px;height:400px;overflow-y:auto}.who-to-follow-modal .modal-buttons{display:none}.who-to-follow-modal ol{margin:5px}.who-to-follow-modal .open-profile-modal:hover{text-decoration:none}.who-to-follow-modal .twister-user{position:relative;padding:5px}.who-to-follow-modal .twister-user-photo{position:relative;left:0;float:left;display:block}.who-to-follow-modal .twister-user-info{position:relative;padding-left:70px;width:auto}.who-to-follow-modal .bio{color:rgba(0,0,0,0.6);font-style:italic}.postboard-loading{text-align:center}.postboard-loading div{display:inline-block;width:120px;height:10px;background-color:#aaa;position:relative;margin:10px 0 0 0}.postboard-loading div:after{content:"";position:absolute;background-color:#fff;left:2px;top:2px;bottom:2px;z-index:999;animation-name:slide;animation-duration:1.5s;animation-easing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:slide;-webkit-animation-duration:1.5s;-webkit-animation-easing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:slide;-moz-animation-duration:1.5s;-moz-animation-easing-function:linear;-moz-animation-iteration-count:infinite}@keyframes slide{0%{right:60px;left:2px}5%{left:2px}50%{right:2px;left:60px}55%{right:2px}100%{right:60px;left:2px}}@-webkit-keyframes slide{0%{right:100px;left:2px}5%{left:2px}50%{right:2px;left:100px}55%{right:2px}100%{right:100px;left:2px}}@-moz-keyframes slide{0%{right:60px;left:2px}5%{left:2px}50%{right:2px;left:60px}55%{right:2px}100%{right:60px;left:2px}}.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}.textcomplete-wrapper textarea{display:inline}ul.dropdown-menu{position:absolute;top:23px;left:155px;z-index:100;display:block;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,0.2);-webkit-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)}ul.dropdown-menu li{line-height:20px}ul.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;white-space:nowrap;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms}@media (max-width: 1200px){.wrapper{width:900px}.dashboard.right{display:none}.userMenu ul{width:900px}.postboard{width:100%}.following-list li{width:47%;float:left;margin:0 2% 2% 0;font-size:80%}}@media (max-width: 900px){.profile-modal .modal-wrapper{margin-left:0;left:1%}}@media (max-width: 600px){.dashboard.left,.postboard{position:static;width:100%}.postboard{margin:0;padding:10px}.who-to-follow,.toptrends{display:none}.mini-profile .post-area,.mini-profile .post-area-new{display:none}.following-list li{width:98%;float:none;margin:2% 1%}} + diff --git a/theme_nin/sass/style.sass b/theme_nin/sass/style.sass index 7f70b78..c657430 100755 --- a/theme_nin/sass/style.sass +++ b/theme_nin/sass/style.sass @@ -1097,4 +1097,4 @@ ul.dropdown-menu transition: all 200ms -@import _responsive \ No newline at end of file +@import _responsive From 60454f62829dbca2a3a95e1dacfdaaf966978f9c Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Wed, 21 Jan 2015 15:32:47 +0100 Subject: [PATCH 05/20] seams to work with default theme and calm theme --- theme_nin/css/style.css | 1 - 1 file changed, 1 deletion(-) diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 3ecaba2..4d9af3c 100755 --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -1,2 +1 @@ @charset "UTF-8";@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}@font-face{font-family:"Bemio";src:url("fonts/BemioItalic.otf")}@font-face{font-family:"fontello";src:url("fonts/fontello/fontello.eot?7584488");src:url("fonts/fontello/fontello.eot?7584488#iefix") format("embedded-opentype"),url("fonts/fontello/fontello.woff?7584488") format("woff"),url("fonts/fontello/fontello.ttf?7584488") format("truetype"),url("fonts/fontello/fontello.svg?7584488#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before,.extend-icon:before,.userMenu li.userMenu-config>a:before,.post-context span:before,.post-reply:before,.post-propagate:before,.post-favorite:before,.post .show-more:before,.mini-profile-actions span:before,ul.userMenu-search-profiles button:before,ul.userMenu-search-profiles .modal-back: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-users:before,.modal-close:before,.mark-all-as-read:before,.modal-back:before,.icon-down-after:after{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:3px;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:2px}.icon-search:before{content:"\e800"}.icon-mail:before,.mini-profile-indicators .userMenu-messages a:before{content:"\e801"}.icon-heart:before{content:"\e802"}.icon-star:before,.post-favorite:before{content:"\e803"}.icon-user:before,.mini-profile-indicators .userMenu-user a:before{content:"\e804"}.icon-camera:before{content:"\e805"}.icon-ok:before,.mark-all-as-read:before{content:"\e806"}.icon-cancel:before,.twister-user-remove:before,.modal-close:before{content:"\e807"}.icon-plus:before,.mini-profile-actions span:before,ul.userMenu-search-profiles button:before,ul.userMenu-search-profiles .modal-back:before{content:"\e808"}.icon-minus:before{content:"\e809"}.icon-down:before{content:"\e80a"}.icon-down-after:after{content:"\e80a"}.icon-lock:before{content:"\e80b"}.icon-quote:before{content:"\e80c"}.icon-comment:before,.post-reply:before{content:"\e80d"}.icon-chat:before,.post .show-more:before{content:"\e80e"}.icon-left:before,.modal-back:before{content:"\e80f"}.icon-right:before{content:"\e810"}.icon-up:before{content:"\e811"}.icon-cog:before,.userMenu li.userMenu-config>a:before{content:"\e812"}.icon-doc:before{content:"\e813"}.icon-arrows:before,.refresh-users:before{content:"\e814"}.icon-twistagain:before,.post-context span:before,.post-propagate:before{content:"\e815"}.icon-bell:before,.mini-profile-indicators .userMenu-connections a:before{content:"\e816"}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,center,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}.clear-fix:after,.userMenu ul:after,.profile-modal .profile-data:after,.profile-card .twister-user-info:after,.forEdition.profile-card:after,.postboard:after,.following:after,.expanded-content:after,.following-list li:after,.mini-following-info:after,.network.singleBlock:after,.options .tab-content:after,.promoted-posts-only:after,.dashboard.right:after,ul.userMenu-search-profiles li:after,.mini-profile .post-area:after,.mini-profile-indicators:after,.profile-data:after,#postboard-top:after,#postboard-top .post-area:after,.who-to-follow ol:after,.twister-user:after,.modal-content:after,.modal-header:after,.direct-messages-thread .post:after{content:"";display:table;clear:both}.userMenu{width:100%;position:fixed;left:0;margin:0;height:50px;background:#66686b;z-index:2}.userMenu ul{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:1180px;max-width:100%;margin:auto;background:url('../img/twister_logo.png?1418542889') no-repeat 50% 50%;background-size:20px}.userMenu ul li{float:left;margin:0 20px 0 0;position:relative;display:block}.userMenu ul li>a{line-height:50px;height:50px;padding:0 0.5em;display:inline-block;color:rgba(255,255,255,0.5);font-size:1.1em;transition:all 0.2s linear;position:relative;font-weight:500;border-bottom:3px solid transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.userMenu ul li>a:hover{color:#fff}.userMenu ul li.current>a{color:#fff;border-bottom:3px solid #b4c669}.userMenu li.userMenu-home a span.label{display:block !important}.userMenu li.userMenu-home .menu-news{position:absolute;top:6px;right:-6px;background:#b4c669;color:#fff;padding:1px 3px;line-height:12px;display:none;font-size:9px;font-weight:700;border-radius:2px}.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;margin-right:0;color:#fff}.userMenu li.userMenu-config+a,.userMenu li.userMenu-search+a{color:#66686b}.userMenu li.userMenu-search{padding-top:5px}.userMenu li.userMenu-config>a{font-size:1.5em}.profile-modal .modal-wrapper{width:980px;max-width:98%;position:absolute;top:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:550px;margin:-275px 0 0 -490px}.profile-modal .modal-wrapper h3{display:none}.profile-modal .profile-data{display:block;margin:auto;padding-top:0}.profile-modal .profile-data li{display:inline;margin:0 5px;float:none}.profile-modal .profile-data li a{display:inline}.profile-modal .profile-data li a span.posts-count,.profile-modal .profile-data li a span.following-count,.profile-modal .profile-data li a span.followers-count{display:inline-block;padding-right:5px}.profile-modal .modal-content{height:100%;overflow:hidden;padding:0;position:relative}.profile-modal .modal-content #profile-posts{padding:0}.profile-modal .modal-content .postboard{margin-left:0;height:100%;bottom:0;position:relative;float:right;width:535px !important}.profile-modal .modal-content .postboard-posts{display:block;height:505px;overflow:auto}.profile-modal .modal-content .postboard-posts .post{padding:0}.profile-modal .modal-content .post-interactions{margin:2px 10px 3px 60px}.profile-modal .modal-content .profile-card{margin:0;padding:0}.profile-modal h2.profile-screen-name{display:block;letter-spacing:0;text-transform:none;color:#b3b5b7;padding:5px 0;margin:0;font-size:13px;line-height:13px}.profile-card{height:100%;background:#fff}.profile-card-main{position:relative;text-align:center;word-wrap:break-word;transition:all 0.2s linear;background:none !important;padding:10px}.profile-card-main h1{font-size:22px;font-weight:bold;display:inline-block;padding-top:10px}.profile-card-main:before{content:"";border:solid 0px #fff;transition:all 0.2s linear;position:absolute;left:1px;top:1px;right:1px;bottom:1px;z-index:0}.profile-card-main *{position:relative;z-index:1}.profile-card-photo{height:75px;margin:0 auto;display:block;width:auto}.profile-card-photo.forEdition{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;height:75px;margin:0 auto;display:block;width:75px}.profile-bio{padding:10px;font-style:italic;text-align:center}.profile-card{float:left;width:400px;position:relative;padding:15px}.profile-card .direct-messages-with-user,.profile-card .follow,.profile-card .profileUnfollow,.profile-card .follow{display:inline-block;position:static}.profile-card .isFollowing:after{font-size:15px;position:absolute}.profile-card .profileUnfollow{background:#aaa}.profile-card .twister-user-info{text-align:center;width:100%;padding:0}.profile-card .follow{background:#b4c669}.profile-card .known-followers{text-align:center;clear:both;width:100%}#msngrswr{display:none;text-align:center;margin:10px 0}.profile-extra-contact{display:none;margin:0 15px 0 0;font-weight:500;background:#f3f2f1;padding:2px 8px 3px 8px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.bitmessage-ctc,.tox-ctc{font-size:13px;line-height:15px;cursor:pointer;color:#66686b}.bitmessage-ctc:hover,.tox-ctc:hover{color:#b4c669}.bitmessage-ctc:after,.tox-ctc:after{font-family:"fontello";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.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:#b4c669}.profile-modal .modal-buttons{display:none}.forEdition.profile-card{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;background:#f3f2f1}.forEdition.profile-card .profile-card-main{margin:0;width:330px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#f3f2f1}.forEdition.profile-card .profile-card-main input{display:block;margin:5px auto;background:#fff;border:1px solid #e7e8e9;padding:6px 4px;margin-bottom:4px;text-align:center;transition:all 0.2s linear}.forEdition.profile-card .profile-card-main input:hover,.forEdition.profile-card .profile-card-main input:focus{background:#fff;border-color:#aaa}.input-description{width:90%}.input-name{font-size:20px}.forEdition .profile-card-main .input-website,.forEdition .profile-card-main .input-city{display:inline-block}.forEdition .profile-card-main .input-tox,.forEdition .profile-card-main .input-bitmessage{width:90%;margin-top:10px}.forEdition .profile-card-main h2{text-transform:none;font-weight:700;font-size:0.9em}.profile-edition-buttons{text-align:right}.selectable_theme.theme_calm{display:none}.postboard,.following{padding-left:330px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:850px}.postboard-posts{position:relative;z-index:1;clear:both}.postboard-news{font-size:12px;box-sizing:border-box;position:relative;margin-bottom:1px;cursor:pointer;padding:10px;font-weight:900;clear:both;color:#fff;text-align:center;text-transform:uppercase;background:#b4c669}.post,.following li{background:#fff;box-sizing:border-box;position:relative;margin-bottom:1px;transition:margin 0.4s ease-out;-moz-transition:margin 0.4s ease-out}.post .post,.post .original.post,.post .post.open,.post .mini-profile .post.post-area-new,.mini-profile .post .post.post-area-new,.post #postboard-top .post-area .post.post-area-new,#postboard-top .post-area .post .post.post-area-new,.following li .post,.following li .original.post,.following li .post.open,.following li .mini-profile .post.post-area-new,.mini-profile .following li .post.post-area-new,.following li #postboard-top .post-area .post.post-area-new,#postboard-top .post-area .following li .post.post-area-new{background:#fff;position:relative;margin-bottom:1px}.module.open .post,.mini-profile .module.post-area-new .post,#postboard-top .post-area .module.post-area-new .post{color:#414244}.post:hover{color:#414244}.post-data{padding:10px}.post.open .original,.mini-profile .post.post-area-new .original,#postboard-top .post-area .post.post-area-new .original,.post.open .related,.mini-profile .post.post-area-new .related,#postboard-top .post-area .post.post-area-new .related{margin-bottom:1px}.postboard-posts>.post.open,.mini-profile .postboard-posts>.post.post-area-new,#postboard-top .post-area .postboard-posts>.post.post-area-new{margin-top:20px;margin-bottom:20px}.postboard-posts>.post:after{content:"";position:absolute;right:0;top:0;width:0;height:100%;transition:all 0.2s linear}.postboard-posts>.post.open:after,.mini-profile .postboard-posts>.post.post-area-new:after,#postboard-top .post-area .postboard-posts>.post.post-area-new:after{width:5px}.post:hover{cursor:pointer}.open,.mini-profile .post-area-new,#postboard-top .post-area .post-area-new{background:none}.open:hover,.mini-profile .post-area-new:hover,#postboard-top .post-area .post-area-new:hover{background:none}.post-photo{margin:0;display:inline-block;float:left;vertical-align:middle;width:48px;height:48px;overflow:hidden}.post-photo img{width:100%;height:100%}.post-info-name{font-weight:700;font-size:1em;line-height:14px;color:inherit;text-decoration:none;display:inline-block;padding-left:10px;float:left}.post-info-name:hover{text-decoration:none;color:#aaa}.post-info-tag{font-size:12px;opacity:0.6;margin-top:4px;display:inline-block}.post-info-time{float:right;font-size:11px;line-height:14px;text-decoration:none;color:#b3b5b7}.post-info-time:hover{color:#727578}.post-text{margin:0 0 0 58px;word-wrap:break-word;min-height:25px;padding:0}.post-context{font-size:11px;line-height:11px;margin:0 0 1em 0;color:#b3b5b7}.post-context span:before{display:block;float:left;background:#b4c669;text-align:center;padding:1px 2px 2px 2px;line-height:9px;font-size:9px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;margin-right:0.4em}.mini-screen-name{font-size:13px;color:#66686b}.post-retransmited-icon{display:none}.post-interactions{margin:10px 0 3px 0;text-align:right;height:12px;line-height:12px}.post-interactions span{color:#b3b5b7;cursor:pointer;font-size:12px;line-height:12px}.post-expand{color:#b3b5b7;cursor:pointer;font-size:12px;position:absolute;left:10px;bottom:10px}.post-expand:hover{color:#727578}.post-favorite{display:none !important}.post .show-more{display:inline-block;float:right;font-size:12px;color:#b3b5b7}.post .show-more:hover{color:#727578}.expanded-content.show-pic{display:block}.expanded-post .post-expand,.expanded-post .post-reply,.expanded-post .post-propagate,.expanded-post .post-favorite{color:#b3b5b7}.expanded-post .post-expand:hover,.expanded-post .post-reply:hover,.expanded-post .post-propagate:hover,.expanded-post .post-favorite:hover{color:#727578}.related .post-expand{display:none;margin:0}.post-reply,.post-propagate,.post-favorite{padding-left:10px;display:none}.post:hover .post-reply,.post:hover .post-propagate,.post:hover .post-favorite,.original.open .post-interactions .post-reply,.mini-profile .original.post-area-new .post-interactions .post-reply,#postboard-top .post-area .original.post-area-new .post-interactions .post-reply,.original.open .post-interactions .post-propagate,.mini-profile .original.post-area-new .post-interactions .post-propagate,#postboard-top .post-area .original.post-area-new .post-interactions .post-propagate,.original.open .post-interactions .post-favorite,.mini-profile .original.post-area-new .post-interactions .post-favorite,#postboard-top .post-area .original.post-area-new .post-interactions .post-favorite,.post:hover .original .post-interactions .post-reply,.post:hover .original .post-interactions .post-propagate,.post:hover .original .post-interactions .post-favorite,.related.post:hover .post-reply,.related.post:hover .post-propagate,.related.post:hover .post-favorite{display:inline-block}.open .related .post-reply,.mini-profile .post-area-new .related .post-reply,#postboard-top .post-area .post-area-new .related .post-reply,.open .related .post-propagate,.mini-profile .post-area-new .related .post-propagate,#postboard-top .post-area .post-area-new .related .post-propagate,.open .related .post-favorite,.mini-profile .post-area-new .related .post-favorite,#postboard-top .post-area .post-area-new .related .post-favorite{display:none !important}.open .related:hover .post-reply,.mini-profile .post-area-new .related:hover .post-reply,#postboard-top .post-area .post-area-new .related:hover .post-reply,.open .related:hover .post-propagate,.mini-profile .post-area-new .related:hover .post-propagate,#postboard-top .post-area .post-area-new .related:hover .post-propagate{display:inline-block !important}.post-reply:hover,.post-propagate:hover,.post-favorite:hover{color:#727578}.expanded-content{display:none;padding:5px 5px 0 5px}.image-preview{width:100%;display:block;margin:auto}.preview-container{max-height:500px;width:100%;text-align:center;overflow-y:auto;background:#000}.post-stats{float:left}.post-stats li{display:inline-block}.post-stats li.stat-count{font-weight:700;font-size:11px;float:left;line-height:20px;color:llighten(#66686b, 30%)}.post-stats li.stat-count span:last-child{padding-right:5px}.post-stats a{position:relative;text-decoration:none;display:inline-block;width:20px;height:20px;margin:0 1px 0 0}.post-stats a img{width:20px;height:20px}.user-name-tooltip{display:none;position:absolute;background:#6d7073;font-size:12px;white-space:nowrap;padding:3px 5px;color:#fff;top:-42px;left:0px}.user-name-tooltip:after{content:"";position:absolute;width:0;left:4px;bottom:-5px;border-top:solid 5px #6d7073;border-left:solid 5px transparent;border-right:solid 5px transparent}.post-stats a:hover .user-name-tooltip{display:inline-block}.post-replies .sub-replies{border-left:solid 3px #b4c669;margin-left:1px}.modal-content .postboard{width:auto !important;padding:0;clear:none !important;position:relative}.modal-content .post-text{margin:0 0 0 40px}.modal-content .post-photo{width:30px;height:30px}.modal-content .post-photo img{width:100%;height:100%}.following{width:100% !important}.following-list li{text-align:center;float:left;width:30%;padding:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin:0 2% 2% 0}.following .mini-profile{margin-bottom:10px}.following .mini-profile-info{position:relative}.following .mini-profile-photo{margin:0 auto 10px auto;display:block;width:64px;height:64px;overflow:hidden;background:#e2e1de}.following .mini-profile-view{display:inline;color:rgba(0,0,0,0.5);font-size:12px;position:absolute;top:32px;left:65px;z-index:1}.following .mini-profile-name{font-weight:900;font-size:1em;line-height:1em;padding:0;text-decoration:none;display:block;color:inherit;display:inline}.following .mini-screen-name{color:inherit;display:block;margin-bottom:10px}.following button,.following .mini-profile-actions span,.mini-profile-actions .following span,.following .modal-back{display:inline-block;margin:5px 0}.following button.unfollow,.following .mini-profile-actions span.unfollow,.mini-profile-actions .following span.unfollow,.following .unfollow.modal-back{background-color:#aaa}.following button.public-following,.following .mini-profile-actions span.public-following,.mini-profile-actions .following span.public-following,.following .public-following.modal-back{background-color:#b4c669}.mini-profile-actions{position:absolute;width:auto;top:0;right:-16px;display:inline-block}.mini-profile-actions span{cursor:pointer !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.mini-profile-actions span:before{margin:0;padding:0;line-height:1em;font-size:10px}.mini-profile-actions ul{height:0;overflow:hidden;position:absolute;top:2em;right:-2em;transition:height 0.4s linear;transition:padding-top 0.1s linear;background:#66686b;z-index:3}.mini-profile-actions:hover ul{padding:8px;height:112px}.mini-profile-actions ul li{text-align:left;margin:0;background:#66686b;white-space:nowrap;color:#aaa;font-size:12px;line-height:12px;cursor:pointer;display:block;float:none;width:auto;padding:8px}.mini-profile-actions:hover ul li:hover{color:#b4c669}.following .who-follow{height:auto;background-color:rgba(69,71,77,0.1);overflow:hidden;font-size:12px}.following .show-more-followers{color:#f11;font-weight:bold;cursor:pointer;float:right}.following .mini-follower-link{display:inline-block;margin-right:10px}.following .mini-follower-link:before{content:" \2027"}.following a.open-profile-modal{display:inline;text-align:center;color:#66686b}.following a.open-profile-modal:hover{color:#aaa}.following .post-area-new{padding-bottom:4px}.following .post-area-new textarea{resize:none;width:445px;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:28px;border-radius:3px;border:solid 1px rgba(0,0,0,0.3);margin-left:55px;margin-bottom:10px;padding:4px;font-size:13px}.following .mini-profile .post-area-new{padding:9px}.following .mini-profile .post-area-new textarea{margin-left:0;width:100%}.following .post-area-new.open textarea,.following .mini-profile .post-area-new textarea,.mini-profile .following .post-area-new textarea,.following #postboard-top .post-area .post-area-new textarea,#postboard-top .post-area .following .post-area-new textarea{height:80px;border:solid 1px rgba(227,79,66,0.5);box-shadow:0 0 10px rgba(0,0,0,0.3)}.following textarea.splited-post{box-shadow:none !important;height:28px}.following .splited-post-counter{color:rgba(0,0,0,0.3);font-weight:bold}.following .splited-post-counter:before{content:"\2026"}.following .post-area-extras{overflow:hidden;height:0;text-align:right}.following .post-submit{background:#45474d;color:rgba(255,255,255,0.8);border:none;padding:5px 10px;cursor:pointer;display:inline-block;margin-top:4px}.following .post-area-new.open>.post-area-extras,.following .mini-profile .post-area-new>.post-area-extras,.mini-profile .following .post-area-new>.post-area-extras,.following #postboard-top .post-area .post-area-new>.post-area-extras,#postboard-top .post-area .following .post-area-new>.post-area-extras{height:35px;transition:all 0.6s linear}.following .post-area-remaining{font-size:13px}.following .post-area-remaining.warn{color:red}.following .post .show-more{font-size:13px;font-weight:bold;margin-left:60px;color:rgba(0,0,0,0.5)}.following .post .show-more:before{content:"💭"}.swarm-status{display:none !important}.following-modal .modal-wrapper{width:200px}.following-modal h2{display:none}.mini-following-info{width:45px;height:45px;text-align:center;background:#fff;margin:1%;float:left}.mini-following-info .mini-screen-name,.mini-following-info .mini-following-name{display:none}.mini-following-info .mini-profile-photo{height:45px;width:45px;border-radius:0}.network.singleBlock ul{padding-left:20px}.network.singleBlock ul li{line-height:36px;font-size:13px}.network.singleBlock .module{width:46%;float:left;margin:0 1% 0 0;padding:1.5%;background:#fff}.network.singleBlock h2{display:block}.network.singleBlock h3{font-weight:500;text-transform:none;border-bottom:1px solid rgba(0,0,0,0.2);margin:20px 0 10px 0}.singleBlock .spam-msg{resize:none;width:100%;display:block;border-radius:3px;padding:4px;font-size:13px;height:80px;border:solid 1px rgba(0,0,0,0.1);line-height:20px;position:relative;margin-left:-20px;margin-bottom:10px}.highlight{background:#fff;padding:5px 8px;line-height:1.7;display:inline-block}span.connection-status{line-height:1em;font-weight:500;font-size:1em}span.connection-status:before{content:"";display:inline-block;height:0.8em;width:0.8em;margin-right:0.8em;background:#ef5d43;color:#fff}span.connection-status.connected:before{background:#b4c669}.character-limit{float:right;margin-right:18px}.connections span,.known-peers,.dht-nodes,.blocks,.last-block-time,.mining-difficulty{color:#333;font-weight:700}*{outline:none !important}li{list-style:none}html,body{height:100%;min-height:100%;background:#e2e1de;color:#66686b;font:0.95em/1.3em "Roboto",sans-serif;font-weight:400}br{display:block}img{background:#e2e1de;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}a{text-decoration:none;color:#aaa}a:hover{color:#b4c669;text-decoration:none}p{padding:5px 0}h2,h3{font-size:1.1em;text-transform:uppercase;letter-spacing:0.07em;font-weight:500;line-height:1.8em}textarea,input[type=text]{font:0.95em/1.3em "Roboto",sans-serif;font-weight:400}.isFollowing:after{color:#b4c669;content:"\e806";font-family:"fontello";padding-left:2px;display:inline;font-size:10px;vertical-align:top;line-height:10px}.isFollowing:after:hover{text-decoration:none !important}h3 .isFollowing:after{display:none}button,.mini-profile-actions span,.modal-back,a.button{padding:6px 8px;font-size:13px;display:inline-block;line-height:1em;font-weight:500;margin:0;float:none;text-shadow:2px 2px 0 transparent;-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;color:#fff;background-color:#66686b;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:none;font-family:"fontello","Roboto";cursor:pointer}button:hover,.mini-profile-actions span:hover,.modal-back:hover,a.button:hover{background:#aaa;text-shadow:2px 2px 0 rgba(0,0,0,0.1)}button.disabled,.mini-profile-actions span.disabled,.disabled.modal-back,a.button.disabled{opacity:0.5;background-color:#999}button.disabled:hover,.mini-profile-actions span.disabled:hover,.disabled.modal-back:hover,a.button.disabled:hover{color:#fff}.options{position:relative}.options .label{font-weight:700}.options label{cursor:pointer}.options input[type=radio]{display:none !important;visibility:hidden;opacity:0}.options .postboard-display div{clear:both}.options .postboard-display div div{float:left;clear:none;padding:10px}.options .postboard-display div div .label{font-weight:400}.options .tab-content{background:#fff;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 .sounds,.options input#t-4:checked ~ .tab-content .keys,.options input#t-5:checked ~ .tab-content .postboard-display,.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:#aaa;background:#f3f2f1}.options label.tabs:hover{color:#66686b}.options input:checked+label.tabs{background:#fff;color:#66686b}.promoted-posts-only{margin:0 0;float:right}.promoted-posts-only li{cursor:pointer;display:inline-block;margin:0 0 0 5px;padding:5px 15px;font-size:0.9em;transition:color 0.1s linear}.promoted-posts-only li.active{color:#66686b;background:#fff;cursor:default}.promoted-posts-only li:hover,.promoted-posts-only li.disabled:hover{color:#66686b}.promoted-posts-only li.disabled{color:#aaa;background:#f3f2f1}.wrapper{max-width:100%;width:1180px;margin:0 auto;padding-top:70px;position:relative;z-index:1;min-height:100%}.dashboard.left,.dashboard.right{width:300px;position:fixed;top:0;padding-top:70px;height:100%}.dashboard.right{display:block;position:absolute;right:0}.dashboard.right .module{position:fixed;height:100%}.dialog-modal{display:none;background:#66686b;position:absolute;top:45px;right:-10px;width:250px;overflow:hidden}.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;background:#fff}ul.userMenu-search-profiles li{float:none;display:block;padding:5px 10px;margin:0;border-bottom:1px solid #e2e1de}ul.userMenu-search-profiles .mini-profile-name{font-size:12px;display:block;margin:0;padding:0}ul.userMenu-search-profiles .mini-profile-photo{width:30px;height:30px;margin:0 10px 0 0;float:left}ul.userMenu-search-profiles .mini-profile-info{width:100%;float:none}ul.userMenu-search-profiles button,ul.userMenu-search-profiles .mini-profile-actions span,.mini-profile-actions ul.userMenu-search-profiles span,ul.userMenu-search-profiles .modal-back{background-color:#66686b;padding:3px}ul.userMenu-search-profiles button:after,ul.userMenu-search-profiles .mini-profile-actions span:after,.mini-profile-actions ul.userMenu-search-profiles span:after,ul.userMenu-search-profiles .modal-back:after{content:"";font-family:"fontello"}.userMenu-search input[type="text"]{float:right;padding:3px 10px;margin:9px 20px 0 0;border:none;background:#fff;box-sizing:border-box}.userMenu-search-sugestions a{color:rgba(0,0,0,0.7);padding:10x 20px;display:block;clear:both}.mini-profile .mini-profile-info{position:relative;text-align:center;background:#fff}.mini-profile a.button{background:#aaa;margin:1em auto}.mini-profile .post-area{margin-top:1px;margin-bottom:20px;padding:0.5em;background:#f3f2f1}.mini-profile .post-area-new{padding:0;display:none;margin:0}.mini-profile .post-area-new textarea{width:100%}.mini-profile-indicators{margin:0 0 1em 0;background-color:#f3f2f1}.mini-profile-indicators li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100px;float:left;font-size:0.8em;position:relative;padding:0}.mini-profile-indicators li a{position:relative;color:#66686b;display:block;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s;padding:1em 0}.mini-profile-indicators li a:hover{background-color:#fff}.mini-profile-indicators li a:before{font-size:2.2em;display:block !important;text-align:center !important;margin:auto !important;padding-top:0.2em}.messages-qtd{position:absolute;top:10px;right:25px;background:#b4c669;color:#fff;padding:1px 3px;line-height:12px;font-size:0.8em;font-weight:700;border-radius:2px}.mini-profile-view{display:none}.mini-profile-name{color:#66686b;font-size:1.3em;font-weight:700;padding:10px 0;display:block;margin:auto}.mini-profile-name:hover{color:#aaa}.mini-profile-photo{width:80px;height:80px;overflow:hidden;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;margin:auto}.mini-profile-photo img{min-width:100%;min-height:100%;border-radius:50%}.profile-data{clear:both;padding:1em 0;text-align:center;background:#fff}.profile-data li{display:block;float:left;width:100px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.profile-data li.current a{border-bottom:3px solid #b4c669}.profile-data li a{color:#66686b;display:inline-block;font-size:13px;padding-bottom:3px}.profile-data li a:hover{color:#aaa}.profile-data li a span.posts-count,.profile-data li a span.following-count,.profile-data li a span.followers-count{font-weight:900;display:block;line-height:15px}.mini-profile-info a:hover{text-decoration:none}.who-follow{display:block;position:absolute;bottom:50px;text-align:center;padding:10px;font-size:12px;background:#fff;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}.show-more-followers{font-weight:700;display:block;cursor:pointer;float:right;color:#66686b}.mini-follower-link{display:inline-block;margin:1px;line-height:12px}.mini-follower-link.isFollowing:after{display:none}.mini-follower-link:after{content:"·";font-weight:900;color:#66686b;margin-left:1px}.post-area-new textarea{resize:none;box-shadow:none !important;-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:28px;border:none;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:3px;margin:5px 0}#postboard-top{clear:both;position:relative;margin-bottom:1px;transition:height 0.3s linear;padding:10px 10px 5px 10px;background:#fff;overflow:hidden}#postboard-top.hide{display:none !important}#postboard-top.show{display:block}#postboard-top .profile-photo{position:absolute;top:10px;left:10px;width:48px;height:48px;overflow:hidden}#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;float:right}#postboard-top .post-area .post-area-new textarea{margin:0 0 5px 0}.post-area-new.open textarea,.mini-profile .post-area-new textarea,#postboard-top .post-area .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:"\2026"}.post-area-extras{overflow:hidden;height:0;text-align:right}.post-area-new.open>.post-area-extras,.mini-profile .post-area-new>.post-area-extras,#postboard-top .post-area .post-area-new>.post-area-extras{height:auto;transition:all 0.6s linear}.post-area-remaining{padding-right:3px}.post-area-remaining.warn{color:red}.who-to-follow{width:inherit;margin-bottom:20px}.who-to-follow small{display:none}.who-to-follow h3{float:left}.who-to-follow ol{clear:both}.twister-user{clear:both;width:100%;position:relative;margin:0 0 1px 0;width:100%;box-sizing:border-box;float:right;background:#fff}.twister-user-photo{display:inline-block;float:left;vertical-align:middle;width:48px;height:auto;overflow:hidden;margin:10px;background:#e2e1de}.twister-user-info{width:80%}.followers{font-size:12px;color:#66686b}.followers label,.followers a{display:block}.followed-by{color:#aaa;font-size:12px;cursor:pointer;display:block}.twister-user-name,.twister-by-user-name{font-weight:bold;font-size:14px;color:#aaa;text-decoration:none}.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.2;text-decoration:none;cursor:pointer;position:absolute;padding:5px;top:-5px;right:-5px;display:inline-block}.twister-user:hover .twister-user-remove{text-decoration:none}.twister-user-remove:hover{opacity:1}button.follow,.mini-profile-actions span.follow,.follow.modal-back{position:absolute;bottom:10px;right:10px;background:#b4c669}button.follow:hover,.mini-profile-actions span.follow:hover,.follow.modal-back:hover{background:#aaa}.refresh-users{color:#66686b;cursor:pointer;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;float:right;display:block;padding:4px;margin:0 0 0 15px;position:relative}.view-all-users{color:#66686b;cursor:pointer;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;float:right;display:block;padding:4px;margin:0 0 0 15px;position:relative}.refresh-users:hover,.view-all-users:hover{color:#b4c669;text-decoration:none;background-color:transparent}ol.toptrends-list{margin:0;margin-bottom:10px}ol.toptrends-list li{display:inline-block}ol.toptrends-list a{color:#aaa;padding:3px 8px;display:inline-block;background:#f3f2f1;text-transform:uppercase;font-size:11px;margin:3px;font-weight:500}ol.toptrends-list a:hover{background:#fff;color:#66686b}.modal-blackout{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(170,170,170,0.8);display:none;z-index:3}.modal-wrapper{position:absolute;top:50%;left:50%;overflow:hidden}.modal-wrapper .post-area-new{padding:10px}.modal-content{background:#f3f2f1;padding:20px}.modal-content .postboard h2{position:fixed;z-index:2;margin-top:-60px;margin-left:-60px;width:100px;width:520px}.modal-content .postboard h2 span{display:none}.modal-content .postboard-news{line-height:30px;position:absolute;right:0;top:40px;font-weight:900;display:block;padding:0 20px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.1);background:#b4c669}.modal-header{position:relative;background:#66686b;height:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-header h3{font-size:0.8em;line-height:40px;float:left;font-weight:900;padding-left:10px;color:#fff;display:block !important}.modal-close{position:absolute;right:10px;top:0;font-size:14px;line-height:40px;cursor:pointer;color:rgba(255,255,255,0.7)}.modal-close:hover{color:#fff}.modal-close b{display:none}.mark-all-as-read{float:left;cursor:pointer;font-size:1.3em;line-height:40px;padding:0 5px;color:#aaa;transition:all 0.1s linear;display:none}.modal-back:hover,.mark-all-as-read:hover{color:#b4c669}.modal-back{margin:0;background:#b4c669;display:none !important;float:left}.modal-buttons{padding:10px;text-align:right}.following-config-modal h2{text-transform:none}.following-config-modal .modal-wrapper{top:43%;left:25%;width:50%}.following-config-modal .modal-content{padding:10px;text-align:center;background-color:#fff}.following-config-modal .modal-buttons{display:none}.following-config-method-buttons{padding:10px}.following-config-method-buttons .public-following{background-color:#b4c669}.reTwist .modal-wrapper{width:520px;top:20%;margin:0 0 0 -260px}.reTwist .post-expand,.reTwist .post-interactions{display:none}.reply .modal-wrapper{width:520px;top:20%;margin:0 0 0 -260px}.reply .modal-buttons,.reply .post-expand,.reply .post-interactions{display:none}.directMessages .post-area-new{display:none;padding:20px;z-index:5;background:#e2e1de}.directMessages .post-area-new .modal-header h3 span{display:inline !important}.directMessages .modal-wrapper{width:520px;height:490px;top:10%;margin:0 0 0 -260px;overflow-x:hidden}.directMessages .modal-content{overflow-y:auto;height:300px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:520px}.directMessages .modal-buttons{display:none}.directMessages .post-photo{height:48px;width:48px}.directMessages .post-text{margin-left:58px;font-size:0.9em}.directMessages .post-info-name{float:none}.directMessages .post-info-tag{line-height:1em;padding:0;display:inline;font-size:80%;margin:0 0 0 1em}.direct-messages-list .post{padding:10px 30px 10px 15px;cursor:pointer}.direct-messages-list .post:after{content:"";font-family:"fontello";position:absolute;right:10px;top:50%;font-size:1.2em;margin:-6px 0 0 0;color:rgba(0,0,0,0.4);display:none}.direct-messages-list .post:hover:after{display:block}.direct-messages-thread .post{background:none;left:0;margin:0px 10px 20px 10px;cursor:default}.direct-messages-thread .post .post-info-time{float:none;display:block;text-align:center;font-size:10px;margin:10px 0;cursor:default}.direct-messages-thread .post .post-info-time:hover{color:#aaa}.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 #fff;left:-7px}.direct-messages-thread .post .post-text{background:#fff;margin-right:60px;margin-left:60px;position:relative;display:inline-block;max-width:300px;font-size:0.9em;padding:5px 10px;z-index:4;float:left;word-wrap:break-word;max-width:60%;min-height:15px}.direct-messages-thread .post .post-photo{position:absolute;left:0;top:10px}.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 #fff;right:-7px;left:auto}.direct-messages-thread .post.sent .post-text{float:right}.direct-messages-thread .post.sent .post-photo{position:absolute;right:0;left:auto}.new-user .modal-wrapper{width:520px;height:600px;top:10%;margin:0 0 0 -260px;overflow-x:hidden;overflow-y:hidden}.new-user .modal-content{margin:10px 10px 10px 10px}.new-user .modal-buttons,.new-user .modal-close{display:none}.new-user .text{margin:0 0 15px 0}.new-user .emphasis{font-size:18px;text-align:center}.new-user .secret-key{color:#000;font-weight:bold}.hashtag-modal .modal-wrapper{width:520px;height:600px;top:10%;margin:0 0 0 -260px;overflow:hidden}.hashtag-modal .modal-content{overflow-y:auto;height:500px}.hashtag-modal .modal-buttons{display:none}.hashtag-modal .postboard{padding:0}.conversation-modal .modal-wrapper{position:absolute;width:520px;height:575px;top:10%;margin:0 0 0 -260px;overflow:hidden;background:#fff}.conversation-modal .modal-content{overflow-y:auto;height:90%}.conversation-modal .modal-buttons{display:none}.conversation-modal .postboard{padding:0}.following-modal .modal-wrapper{width:520px;top:10%;height:400px;margin:0 0 0 -260px;overflow-x:hidden}.following-modal .modal-content{height:300px;overflow-y:auto;padding:0}.following-modal .modal-buttons{display:none}.following-modal ol{margin:5px}.following-modal .open-profile-modal:hover{text-decoration:none}.who-to-follow-modal .modal-wrapper{width:520px;top:10%;height:455px;margin:0 0 0 -260px;overflow-x:hidden}.who-to-follow-modal .modal-content{padding:15px;height:400px;overflow-y:auto}.who-to-follow-modal .modal-buttons{display:none}.who-to-follow-modal ol{margin:5px}.who-to-follow-modal .open-profile-modal:hover{text-decoration:none}.who-to-follow-modal .twister-user{position:relative;padding:5px}.who-to-follow-modal .twister-user-photo{position:relative;left:0;float:left;display:block}.who-to-follow-modal .twister-user-info{position:relative;padding-left:70px;width:auto}.who-to-follow-modal .bio{color:rgba(0,0,0,0.6);font-style:italic}.postboard-loading{text-align:center}.postboard-loading div{display:inline-block;width:120px;height:10px;background-color:#aaa;position:relative;margin:10px 0 0 0}.postboard-loading div:after{content:"";position:absolute;background-color:#fff;left:2px;top:2px;bottom:2px;z-index:999;animation-name:slide;animation-duration:1.5s;animation-easing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:slide;-webkit-animation-duration:1.5s;-webkit-animation-easing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:slide;-moz-animation-duration:1.5s;-moz-animation-easing-function:linear;-moz-animation-iteration-count:infinite}@keyframes slide{0%{right:60px;left:2px}5%{left:2px}50%{right:2px;left:60px}55%{right:2px}100%{right:60px;left:2px}}@-webkit-keyframes slide{0%{right:100px;left:2px}5%{left:2px}50%{right:2px;left:100px}55%{right:2px}100%{right:100px;left:2px}}@-moz-keyframes slide{0%{right:60px;left:2px}5%{left:2px}50%{right:2px;left:60px}55%{right:2px}100%{right:60px;left:2px}}.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}.textcomplete-wrapper textarea{display:inline}ul.dropdown-menu{position:absolute;top:23px;left:155px;z-index:100;display:block;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,0.2);-webkit-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)}ul.dropdown-menu li{line-height:20px}ul.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;white-space:nowrap;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms}@media (max-width: 1200px){.wrapper{width:900px}.dashboard.right{display:none}.userMenu ul{width:900px}.postboard{width:100%}.following-list li{width:47%;float:left;margin:0 2% 2% 0;font-size:80%}}@media (max-width: 900px){.profile-modal .modal-wrapper{margin-left:0;left:1%}}@media (max-width: 600px){.dashboard.left,.postboard{position:static;width:100%}.postboard{margin:0;padding:10px}.who-to-follow,.toptrends{display:none}.mini-profile .post-area,.mini-profile .post-area-new{display:none}.following-list li{width:98%;float:none;margin:2% 1%}} - From 190ce55d467dcc5a3691ad21e53a0aeb9473ff97 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Wed, 21 Jan 2015 15:37:19 +0100 Subject: [PATCH 06/20] cleaned up comments --- js/interface_common.js | 31 +------------------------------ 1 file changed, 1 insertion(+), 30 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 874a7f3..cb5b7d7 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -162,23 +162,6 @@ function newHashtagModal(hashtag) { return hashtagModalContent; } -/* -function openHashtagModal(e) -{ - e.stopPropagation(); - e.preventDefault(); - - var $this = $( this ); - var hashtag = $this.text().substring(1).toLowerCase(); - openHashtagModalFromSearch(hashtag); -} - -function openHashtagModalFromSearch(hashtag) -{ - window.location.hash = '#hashtag?hashtag=' + encodeURIComponent(hashtag); -} -*/ - function openHashtagModalFromSearchHandler(hashtag) { var hashtagModalClass = "hashtag-modal"; @@ -257,11 +240,6 @@ function newFollowingModal(username) { function openFollowingModal(username) { - //e.stopPropagation(); - //e.preventDefault(); - - //var $this = $( this ); - //var username = $.MAL.followingUrlToUser( $this.attr("href") ); var followingModalClass = "following-modal"; openModal( followingModalClass ); @@ -389,14 +367,8 @@ function watchHashChange(e) hashstring = decodeURIComponent(hashstring); if(e!=null){ - //console.log(e.oldURL); var prevhashstring = e.oldURL.split('#'); - prevhashstring=prevhashstring[1]; - //console.log(prevhashstring); - //var prevhashdata = prevhashstring.match(/(hashtag|profile|mentions)\?(?:user|hashtag)=(.+)/); - //console.log(prevhashdata); - - + prevhashstring=prevhashstring[1]; if(prevhashstring.length>0 && prevhashstring!=undefined){ $('.modal-back').css('display','inline'); $('.modal-back').on('click', function(){ @@ -410,7 +382,6 @@ function watchHashChange(e) if (hashdata[0] != '#web+twister') { hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages|following)\?(?:user|hashtag)=(.+)/); } - //console.log(hashdata); if (hashdata && hashdata[1] != undefined && hashdata[2] != undefined) { if(hashdata[1] == 'profile') { From 12ec501d8d8e79c76d597b2ca7b80b6f86cd61fd Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 15:59:00 +0100 Subject: [PATCH 07/20] implemented hasscheme for who-to-follow, added additional popuplayer called prompt and moved retwist reply and following-config from the modal to the prompt --- home.html | 16 +++++++- js/interface_common.js | 86 +++++++++++++++++++++++++++++++++-------- js/twister_following.js | 4 +- 3 files changed, 87 insertions(+), 19 deletions(-) diff --git a/home.html b/home.html index 86c9cb3..a8d2dd9 100644 --- a/home.html +++ b/home.html @@ -157,7 +157,7 @@ . Refresh . - View All + View All @@ -342,6 +342,20 @@ + +
+
+

+ × +
+
+
+ + +
+
+ + diff --git a/js/interface_common.js b/js/interface_common.js index cb5b7d7..9245ed7 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -32,7 +32,7 @@ function openModal( modalClass ) function closeModal($this) { closeModalHandler($this); - window.location.hash = ''; + window.location.hash = '#'; } function closeModalHandler($this) @@ -50,6 +50,45 @@ function closeModalHandler($this) }); } + + +function openPrompt( modalClass ) +{ + var $oldModal = $("body").children(".prompt-wrapper"); + var $template = $( "#templates" ); + var $templateModal = $template.find( ".prompt-wrapper" ).clone(true); + + $templateModal.addClass( modalClass ); + if( $oldModal.length ) { + $templateModal.show(); + $oldModal.replaceWith($templateModal); + } else { + $templateModal.prependTo( "body" ).fadeIn( "fast" ); + } + + //escondo o overflow da tela + var $body = $( "body" ); + $body.css({ + "overflow": "hidden" + }); +} + +function closePrompt() +{ + var $body = $( "body" ); + var $modalWindows = $( "body" ).children( ".prompt-wrapper" ); + + $modalWindows.fadeOut( "fast", function() + { + $modalWindows.detach(); + }); + $body.css({ + "overflow": "auto", + "margin-right": "0" + }); +} + + function checkNetworkStatusAndAskRedirect(cbFunc, cbArg) { networkUpdate(function(args) { if( !twisterdConnectedAndUptodate ) { @@ -305,9 +344,7 @@ function fillWhoToFollowModal(list, hlist, start) { return true; } -function openWhoToFollowModal(e) { - e.stopPropagation(); - e.preventDefault(); +function openWhoToFollowModal() { var whoToFollowModalClass = "who-to-follow-modal"; openModal( whoToFollowModalClass ); @@ -371,9 +408,12 @@ function watchHashChange(e) prevhashstring=prevhashstring[1]; if(prevhashstring.length>0 && prevhashstring!=undefined){ $('.modal-back').css('display','inline'); - $('.modal-back').on('click', function(){ - window.location.hash = '#' + prevhashstring; + $('.modal-back').on('click', function(e){ + e.preventDefault(); + history.back(1); }); + } else { + $('.modal-back').css('display','none'); } } @@ -397,7 +437,9 @@ function watchHashChange(e) } } else if (hashstring == '#directmessages') { directMessagesPopup(); - } else { + } else if (hashstring == '#whotofollow'){ + openWhoToFollowModal(); + } else{ console.log(hashstring); closeModalHandler(); } @@ -417,7 +459,8 @@ function initHashWatching() // Register hash spy and launch it once window.addEventListener('hashchange', watchHashChange, false); - watchHashChange(null); + //watchHashChange(null); + window.location.hash="#"; } @@ -435,7 +478,7 @@ var reTwistPopup = function( e ) } var reTwistClass = "reTwist"; - openModal( reTwistClass ); + openPrompt( reTwistClass ); //título do modal $( ".reTwist h3" ).text( polyglot.t("retransmit_this") ); @@ -451,7 +494,7 @@ var reTwistPopup = function( e ) var replyInitPopup = function(e, post) { var replyClass = "reply"; - openModal( replyClass ); + openPrompt( replyClass ); //título do modal var fullname = post.find(".post-info-name").text(); @@ -1251,7 +1294,13 @@ var postSubmit = function(e, oldLastPostId) var remainingCount = tweetForm.find(".post-area-remaining"); remainingCount.text(140); $replyText.attr("placeholder", "Your message was sent!"); - closeModal($this); + + if ($this.parents('.modal-wrapper').length) { + closeModal($this); + } else if ($this.parents('.prompt-wrapper').length) { + closePrompt(); + } + if($this.closest('.post-area,.post-reply-content')){ $('.post-area-new').removeClass('open').find('textarea').blur(); }; @@ -1267,11 +1316,11 @@ var retweetSubmit = function(e) e.preventDefault(); var $this = $( this ); - var $postOrig = $this.closest(".modal-wrapper").find(".post-data"); + var $postOrig = $this.closest(".prompt-wrapper").find(".post-data"); newRtMsg($postOrig); - closeModal($this); + closePrompt(); } function changeStyle() { @@ -1347,13 +1396,14 @@ function replaceDashboards() { } $( ".who-to-follow .refresh-users" ).bind( "click", refreshWhoToFollow ); - $( ".who-to-follow .view-all-users" ).bind( "click", openWhoToFollowModal ); + //$( ".who-to-follow .view-all-users" ).bind( "click", function(){window.location.hash = "#whotofollow"} ); } function initInterfaceCommon() { $( "body" ).on( "click", function(event) { if($(event.target).hasClass('cancel')) closeModal($(this)); }); + $(".cancel").on('click', function(event){ if(!$(event.target).hasClass("cancel")) return; if($(".modal-content").attr("style") != undefined){$(".modal-content").removeAttr("style")}; @@ -1361,6 +1411,10 @@ function initInterfaceCommon() { $('.mark-all-as-read').css('display', 'none'); }); + $(".prompt-close").on('click', function(event){ + closePrompt(); + }); + /* $('.modal-back').on('click', function(){ if($('.modal-content .direct-messages-list')[0]) return; @@ -1397,10 +1451,10 @@ function initInterfaceCommon() { var $replyText = $( ".post-area-new textarea" ); $replyText.on("keyup", replyTextKeypress ); - $( ".open-profile-modal").bind( "click", openProfileModal ); + //$( ".open-profile-modal").bind( "click", openProfileModal ); //$( ".open-hashtag-modal").bind( "click", openHashtagModal ); //$( ".open-following-modal").bind( "click", openFollowingModal ); - $( ".userMenu-connections a").bind( "click", openMentionsModal ); + //$( ".userMenu-connections a").bind( "click", openMentionsModal ); $( ".mentions-from-user").bind( "click", openMentionsModal ); replaceDashboards(); diff --git a/js/twister_following.js b/js/twister_following.js index c7ba9c4..081dda5 100644 --- a/js/twister_following.js +++ b/js/twister_following.js @@ -690,7 +690,7 @@ function userClickFollow(e) { } var FollowingConfigClass = "following-config-modal"; - openModal( FollowingConfigClass ); + openPrompt( FollowingConfigClass ); var FollowingConfigContent = newFollowingConfigModal(username); FollowingConfigContent.appendTo("." +FollowingConfigClass +" .modal-content"); @@ -709,7 +709,7 @@ function initUserSearch() { $(".following-config-method-buttons .public-following").bind( "click", setFollowingMethod ); $(".following-config-method-buttons .public-following").click( function() { - closeModal($(this)); + closePrompt(); // delay reload so dhtput may do it's job window.setTimeout("location.reload();",500); }); From c42965de8868db5076021474cb3b631af038a459 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 16:43:25 +0100 Subject: [PATCH 08/20] fixed an event propagation issue --- js/interface_common.js | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 9245ed7..cd1005e 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -141,6 +141,8 @@ function newProfileModal(username) { return profileModalContent; } +/* + function openProfileModal(e) { e.stopPropagation(); @@ -161,6 +163,8 @@ function openProfileModalWithUsername(username) window.location.hash = '#profile?user=' + username; } +*/ + function openProfileModalWithUsernameHandler(username) { var profileModalClass = "profile-modal"; @@ -404,13 +408,18 @@ function watchHashChange(e) hashstring = decodeURIComponent(hashstring); if(e!=null){ - var prevhashstring = e.oldURL.split('#'); - prevhashstring=prevhashstring[1]; - if(prevhashstring.length>0 && prevhashstring!=undefined){ + var prevurlsplit = e.oldURL.split('#'); + var newurlsplit = e.newURL.split('#'); + prevhashstring=prevurlsplit[1]; + if(prevurlsplit[0]==newurlsplit[0] && prevhashstring.length>0 && prevhashstring!=undefined){ $('.modal-back').css('display','inline'); $('.modal-back').on('click', function(e){ + e.stopPropagation(); e.preventDefault(); + //window.location.hash = '#' + prevhashstring; + history.back(1); + }); } else { $('.modal-back').css('display','none'); @@ -1451,10 +1460,10 @@ function initInterfaceCommon() { var $replyText = $( ".post-area-new textarea" ); $replyText.on("keyup", replyTextKeypress ); - //$( ".open-profile-modal").bind( "click", openProfileModal ); + $( ".open-profile-modal").bind( "click", function(e){ e.stopPropagation(); } ); //$( ".open-hashtag-modal").bind( "click", openHashtagModal ); //$( ".open-following-modal").bind( "click", openFollowingModal ); - //$( ".userMenu-connections a").bind( "click", openMentionsModal ); + $( ".userMenu-connections a").bind( "click", openMentionsModal ); $( ".mentions-from-user").bind( "click", openMentionsModal ); replaceDashboards(); From 4880d4c972d97c33ff2f1ee60cb19774532424b2 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 17:22:58 +0100 Subject: [PATCH 09/20] refurbish --- js/interface_common.js | 4 +- theme_nin/css/style.css | 3119 ++++++++++++++++++++++++++++++++++++++- 2 files changed, 3120 insertions(+), 3 deletions(-) mode change 100755 => 100644 theme_nin/css/style.css diff --git a/js/interface_common.js b/js/interface_common.js index cd1005e..43faa3a 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -410,8 +410,8 @@ function watchHashChange(e) if(e!=null){ var prevurlsplit = e.oldURL.split('#'); var newurlsplit = e.newURL.split('#'); - prevhashstring=prevurlsplit[1]; - if(prevurlsplit[0]==newurlsplit[0] && prevhashstring.length>0 && prevhashstring!=undefined){ + var prevhashstring=prevurlsplit[1]; + if(prevurlsplit[0]==newurlsplit[0] && prevhashstring!=undefined && prevhashstring.length>0 ){ $('.modal-back').css('display','inline'); $('.modal-back').on('click', function(e){ e.stopPropagation(); diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css old mode 100755 new mode 100644 index 4d9af3c..06c8b7f --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -1 +1,3118 @@ -@charset "UTF-8";@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}@font-face{font-family:"Bemio";src:url("fonts/BemioItalic.otf")}@font-face{font-family:"fontello";src:url("fonts/fontello/fontello.eot?7584488");src:url("fonts/fontello/fontello.eot?7584488#iefix") format("embedded-opentype"),url("fonts/fontello/fontello.woff?7584488") format("woff"),url("fonts/fontello/fontello.ttf?7584488") format("truetype"),url("fonts/fontello/fontello.svg?7584488#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before,.extend-icon:before,.userMenu li.userMenu-config>a:before,.post-context span:before,.post-reply:before,.post-propagate:before,.post-favorite:before,.post .show-more:before,.mini-profile-actions span:before,ul.userMenu-search-profiles button:before,ul.userMenu-search-profiles .modal-back: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-users:before,.modal-close:before,.mark-all-as-read:before,.modal-back:before,.icon-down-after:after{font-family:"fontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:3px;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:2px}.icon-search:before{content:"\e800"}.icon-mail:before,.mini-profile-indicators .userMenu-messages a:before{content:"\e801"}.icon-heart:before{content:"\e802"}.icon-star:before,.post-favorite:before{content:"\e803"}.icon-user:before,.mini-profile-indicators .userMenu-user a:before{content:"\e804"}.icon-camera:before{content:"\e805"}.icon-ok:before,.mark-all-as-read:before{content:"\e806"}.icon-cancel:before,.twister-user-remove:before,.modal-close:before{content:"\e807"}.icon-plus:before,.mini-profile-actions span:before,ul.userMenu-search-profiles button:before,ul.userMenu-search-profiles .modal-back:before{content:"\e808"}.icon-minus:before{content:"\e809"}.icon-down:before{content:"\e80a"}.icon-down-after:after{content:"\e80a"}.icon-lock:before{content:"\e80b"}.icon-quote:before{content:"\e80c"}.icon-comment:before,.post-reply:before{content:"\e80d"}.icon-chat:before,.post .show-more:before{content:"\e80e"}.icon-left:before,.modal-back:before{content:"\e80f"}.icon-right:before{content:"\e810"}.icon-up:before{content:"\e811"}.icon-cog:before,.userMenu li.userMenu-config>a:before{content:"\e812"}.icon-doc:before{content:"\e813"}.icon-arrows:before,.refresh-users:before{content:"\e814"}.icon-twistagain:before,.post-context span:before,.post-propagate:before{content:"\e815"}.icon-bell:before,.mini-profile-indicators .userMenu-connections a:before{content:"\e816"}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,center,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}.clear-fix:after,.userMenu ul:after,.profile-modal .profile-data:after,.profile-card .twister-user-info:after,.forEdition.profile-card:after,.postboard:after,.following:after,.expanded-content:after,.following-list li:after,.mini-following-info:after,.network.singleBlock:after,.options .tab-content:after,.promoted-posts-only:after,.dashboard.right:after,ul.userMenu-search-profiles li:after,.mini-profile .post-area:after,.mini-profile-indicators:after,.profile-data:after,#postboard-top:after,#postboard-top .post-area:after,.who-to-follow ol:after,.twister-user:after,.modal-content:after,.modal-header:after,.direct-messages-thread .post:after{content:"";display:table;clear:both}.userMenu{width:100%;position:fixed;left:0;margin:0;height:50px;background:#66686b;z-index:2}.userMenu ul{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:1180px;max-width:100%;margin:auto;background:url('../img/twister_logo.png?1418542889') no-repeat 50% 50%;background-size:20px}.userMenu ul li{float:left;margin:0 20px 0 0;position:relative;display:block}.userMenu ul li>a{line-height:50px;height:50px;padding:0 0.5em;display:inline-block;color:rgba(255,255,255,0.5);font-size:1.1em;transition:all 0.2s linear;position:relative;font-weight:500;border-bottom:3px solid transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.userMenu ul li>a:hover{color:#fff}.userMenu ul li.current>a{color:#fff;border-bottom:3px solid #b4c669}.userMenu li.userMenu-home a span.label{display:block !important}.userMenu li.userMenu-home .menu-news{position:absolute;top:6px;right:-6px;background:#b4c669;color:#fff;padding:1px 3px;line-height:12px;display:none;font-size:9px;font-weight:700;border-radius:2px}.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;margin-right:0;color:#fff}.userMenu li.userMenu-config+a,.userMenu li.userMenu-search+a{color:#66686b}.userMenu li.userMenu-search{padding-top:5px}.userMenu li.userMenu-config>a{font-size:1.5em}.profile-modal .modal-wrapper{width:980px;max-width:98%;position:absolute;top:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:550px;margin:-275px 0 0 -490px}.profile-modal .modal-wrapper h3{display:none}.profile-modal .profile-data{display:block;margin:auto;padding-top:0}.profile-modal .profile-data li{display:inline;margin:0 5px;float:none}.profile-modal .profile-data li a{display:inline}.profile-modal .profile-data li a span.posts-count,.profile-modal .profile-data li a span.following-count,.profile-modal .profile-data li a span.followers-count{display:inline-block;padding-right:5px}.profile-modal .modal-content{height:100%;overflow:hidden;padding:0;position:relative}.profile-modal .modal-content #profile-posts{padding:0}.profile-modal .modal-content .postboard{margin-left:0;height:100%;bottom:0;position:relative;float:right;width:535px !important}.profile-modal .modal-content .postboard-posts{display:block;height:505px;overflow:auto}.profile-modal .modal-content .postboard-posts .post{padding:0}.profile-modal .modal-content .post-interactions{margin:2px 10px 3px 60px}.profile-modal .modal-content .profile-card{margin:0;padding:0}.profile-modal h2.profile-screen-name{display:block;letter-spacing:0;text-transform:none;color:#b3b5b7;padding:5px 0;margin:0;font-size:13px;line-height:13px}.profile-card{height:100%;background:#fff}.profile-card-main{position:relative;text-align:center;word-wrap:break-word;transition:all 0.2s linear;background:none !important;padding:10px}.profile-card-main h1{font-size:22px;font-weight:bold;display:inline-block;padding-top:10px}.profile-card-main:before{content:"";border:solid 0px #fff;transition:all 0.2s linear;position:absolute;left:1px;top:1px;right:1px;bottom:1px;z-index:0}.profile-card-main *{position:relative;z-index:1}.profile-card-photo{height:75px;margin:0 auto;display:block;width:auto}.profile-card-photo.forEdition{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;height:75px;margin:0 auto;display:block;width:75px}.profile-bio{padding:10px;font-style:italic;text-align:center}.profile-card{float:left;width:400px;position:relative;padding:15px}.profile-card .direct-messages-with-user,.profile-card .follow,.profile-card .profileUnfollow,.profile-card .follow{display:inline-block;position:static}.profile-card .isFollowing:after{font-size:15px;position:absolute}.profile-card .profileUnfollow{background:#aaa}.profile-card .twister-user-info{text-align:center;width:100%;padding:0}.profile-card .follow{background:#b4c669}.profile-card .known-followers{text-align:center;clear:both;width:100%}#msngrswr{display:none;text-align:center;margin:10px 0}.profile-extra-contact{display:none;margin:0 15px 0 0;font-weight:500;background:#f3f2f1;padding:2px 8px 3px 8px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.bitmessage-ctc,.tox-ctc{font-size:13px;line-height:15px;cursor:pointer;color:#66686b}.bitmessage-ctc:hover,.tox-ctc:hover{color:#b4c669}.bitmessage-ctc:after,.tox-ctc:after{font-family:"fontello";content:"";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.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:#b4c669}.profile-modal .modal-buttons{display:none}.forEdition.profile-card{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;background:#f3f2f1}.forEdition.profile-card .profile-card-main{margin:0;width:330px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#f3f2f1}.forEdition.profile-card .profile-card-main input{display:block;margin:5px auto;background:#fff;border:1px solid #e7e8e9;padding:6px 4px;margin-bottom:4px;text-align:center;transition:all 0.2s linear}.forEdition.profile-card .profile-card-main input:hover,.forEdition.profile-card .profile-card-main input:focus{background:#fff;border-color:#aaa}.input-description{width:90%}.input-name{font-size:20px}.forEdition .profile-card-main .input-website,.forEdition .profile-card-main .input-city{display:inline-block}.forEdition .profile-card-main .input-tox,.forEdition .profile-card-main .input-bitmessage{width:90%;margin-top:10px}.forEdition .profile-card-main h2{text-transform:none;font-weight:700;font-size:0.9em}.profile-edition-buttons{text-align:right}.selectable_theme.theme_calm{display:none}.postboard,.following{padding-left:330px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:850px}.postboard-posts{position:relative;z-index:1;clear:both}.postboard-news{font-size:12px;box-sizing:border-box;position:relative;margin-bottom:1px;cursor:pointer;padding:10px;font-weight:900;clear:both;color:#fff;text-align:center;text-transform:uppercase;background:#b4c669}.post,.following li{background:#fff;box-sizing:border-box;position:relative;margin-bottom:1px;transition:margin 0.4s ease-out;-moz-transition:margin 0.4s ease-out}.post .post,.post .original.post,.post .post.open,.post .mini-profile .post.post-area-new,.mini-profile .post .post.post-area-new,.post #postboard-top .post-area .post.post-area-new,#postboard-top .post-area .post .post.post-area-new,.following li .post,.following li .original.post,.following li .post.open,.following li .mini-profile .post.post-area-new,.mini-profile .following li .post.post-area-new,.following li #postboard-top .post-area .post.post-area-new,#postboard-top .post-area .following li .post.post-area-new{background:#fff;position:relative;margin-bottom:1px}.module.open .post,.mini-profile .module.post-area-new .post,#postboard-top .post-area .module.post-area-new .post{color:#414244}.post:hover{color:#414244}.post-data{padding:10px}.post.open .original,.mini-profile .post.post-area-new .original,#postboard-top .post-area .post.post-area-new .original,.post.open .related,.mini-profile .post.post-area-new .related,#postboard-top .post-area .post.post-area-new .related{margin-bottom:1px}.postboard-posts>.post.open,.mini-profile .postboard-posts>.post.post-area-new,#postboard-top .post-area .postboard-posts>.post.post-area-new{margin-top:20px;margin-bottom:20px}.postboard-posts>.post:after{content:"";position:absolute;right:0;top:0;width:0;height:100%;transition:all 0.2s linear}.postboard-posts>.post.open:after,.mini-profile .postboard-posts>.post.post-area-new:after,#postboard-top .post-area .postboard-posts>.post.post-area-new:after{width:5px}.post:hover{cursor:pointer}.open,.mini-profile .post-area-new,#postboard-top .post-area .post-area-new{background:none}.open:hover,.mini-profile .post-area-new:hover,#postboard-top .post-area .post-area-new:hover{background:none}.post-photo{margin:0;display:inline-block;float:left;vertical-align:middle;width:48px;height:48px;overflow:hidden}.post-photo img{width:100%;height:100%}.post-info-name{font-weight:700;font-size:1em;line-height:14px;color:inherit;text-decoration:none;display:inline-block;padding-left:10px;float:left}.post-info-name:hover{text-decoration:none;color:#aaa}.post-info-tag{font-size:12px;opacity:0.6;margin-top:4px;display:inline-block}.post-info-time{float:right;font-size:11px;line-height:14px;text-decoration:none;color:#b3b5b7}.post-info-time:hover{color:#727578}.post-text{margin:0 0 0 58px;word-wrap:break-word;min-height:25px;padding:0}.post-context{font-size:11px;line-height:11px;margin:0 0 1em 0;color:#b3b5b7}.post-context span:before{display:block;float:left;background:#b4c669;text-align:center;padding:1px 2px 2px 2px;line-height:9px;font-size:9px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;margin-right:0.4em}.mini-screen-name{font-size:13px;color:#66686b}.post-retransmited-icon{display:none}.post-interactions{margin:10px 0 3px 0;text-align:right;height:12px;line-height:12px}.post-interactions span{color:#b3b5b7;cursor:pointer;font-size:12px;line-height:12px}.post-expand{color:#b3b5b7;cursor:pointer;font-size:12px;position:absolute;left:10px;bottom:10px}.post-expand:hover{color:#727578}.post-favorite{display:none !important}.post .show-more{display:inline-block;float:right;font-size:12px;color:#b3b5b7}.post .show-more:hover{color:#727578}.expanded-content.show-pic{display:block}.expanded-post .post-expand,.expanded-post .post-reply,.expanded-post .post-propagate,.expanded-post .post-favorite{color:#b3b5b7}.expanded-post .post-expand:hover,.expanded-post .post-reply:hover,.expanded-post .post-propagate:hover,.expanded-post .post-favorite:hover{color:#727578}.related .post-expand{display:none;margin:0}.post-reply,.post-propagate,.post-favorite{padding-left:10px;display:none}.post:hover .post-reply,.post:hover .post-propagate,.post:hover .post-favorite,.original.open .post-interactions .post-reply,.mini-profile .original.post-area-new .post-interactions .post-reply,#postboard-top .post-area .original.post-area-new .post-interactions .post-reply,.original.open .post-interactions .post-propagate,.mini-profile .original.post-area-new .post-interactions .post-propagate,#postboard-top .post-area .original.post-area-new .post-interactions .post-propagate,.original.open .post-interactions .post-favorite,.mini-profile .original.post-area-new .post-interactions .post-favorite,#postboard-top .post-area .original.post-area-new .post-interactions .post-favorite,.post:hover .original .post-interactions .post-reply,.post:hover .original .post-interactions .post-propagate,.post:hover .original .post-interactions .post-favorite,.related.post:hover .post-reply,.related.post:hover .post-propagate,.related.post:hover .post-favorite{display:inline-block}.open .related .post-reply,.mini-profile .post-area-new .related .post-reply,#postboard-top .post-area .post-area-new .related .post-reply,.open .related .post-propagate,.mini-profile .post-area-new .related .post-propagate,#postboard-top .post-area .post-area-new .related .post-propagate,.open .related .post-favorite,.mini-profile .post-area-new .related .post-favorite,#postboard-top .post-area .post-area-new .related .post-favorite{display:none !important}.open .related:hover .post-reply,.mini-profile .post-area-new .related:hover .post-reply,#postboard-top .post-area .post-area-new .related:hover .post-reply,.open .related:hover .post-propagate,.mini-profile .post-area-new .related:hover .post-propagate,#postboard-top .post-area .post-area-new .related:hover .post-propagate{display:inline-block !important}.post-reply:hover,.post-propagate:hover,.post-favorite:hover{color:#727578}.expanded-content{display:none;padding:5px 5px 0 5px}.image-preview{width:100%;display:block;margin:auto}.preview-container{max-height:500px;width:100%;text-align:center;overflow-y:auto;background:#000}.post-stats{float:left}.post-stats li{display:inline-block}.post-stats li.stat-count{font-weight:700;font-size:11px;float:left;line-height:20px;color:llighten(#66686b, 30%)}.post-stats li.stat-count span:last-child{padding-right:5px}.post-stats a{position:relative;text-decoration:none;display:inline-block;width:20px;height:20px;margin:0 1px 0 0}.post-stats a img{width:20px;height:20px}.user-name-tooltip{display:none;position:absolute;background:#6d7073;font-size:12px;white-space:nowrap;padding:3px 5px;color:#fff;top:-42px;left:0px}.user-name-tooltip:after{content:"";position:absolute;width:0;left:4px;bottom:-5px;border-top:solid 5px #6d7073;border-left:solid 5px transparent;border-right:solid 5px transparent}.post-stats a:hover .user-name-tooltip{display:inline-block}.post-replies .sub-replies{border-left:solid 3px #b4c669;margin-left:1px}.modal-content .postboard{width:auto !important;padding:0;clear:none !important;position:relative}.modal-content .post-text{margin:0 0 0 40px}.modal-content .post-photo{width:30px;height:30px}.modal-content .post-photo img{width:100%;height:100%}.following{width:100% !important}.following-list li{text-align:center;float:left;width:30%;padding:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin:0 2% 2% 0}.following .mini-profile{margin-bottom:10px}.following .mini-profile-info{position:relative}.following .mini-profile-photo{margin:0 auto 10px auto;display:block;width:64px;height:64px;overflow:hidden;background:#e2e1de}.following .mini-profile-view{display:inline;color:rgba(0,0,0,0.5);font-size:12px;position:absolute;top:32px;left:65px;z-index:1}.following .mini-profile-name{font-weight:900;font-size:1em;line-height:1em;padding:0;text-decoration:none;display:block;color:inherit;display:inline}.following .mini-screen-name{color:inherit;display:block;margin-bottom:10px}.following button,.following .mini-profile-actions span,.mini-profile-actions .following span,.following .modal-back{display:inline-block;margin:5px 0}.following button.unfollow,.following .mini-profile-actions span.unfollow,.mini-profile-actions .following span.unfollow,.following .unfollow.modal-back{background-color:#aaa}.following button.public-following,.following .mini-profile-actions span.public-following,.mini-profile-actions .following span.public-following,.following .public-following.modal-back{background-color:#b4c669}.mini-profile-actions{position:absolute;width:auto;top:0;right:-16px;display:inline-block}.mini-profile-actions span{cursor:pointer !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.mini-profile-actions span:before{margin:0;padding:0;line-height:1em;font-size:10px}.mini-profile-actions ul{height:0;overflow:hidden;position:absolute;top:2em;right:-2em;transition:height 0.4s linear;transition:padding-top 0.1s linear;background:#66686b;z-index:3}.mini-profile-actions:hover ul{padding:8px;height:112px}.mini-profile-actions ul li{text-align:left;margin:0;background:#66686b;white-space:nowrap;color:#aaa;font-size:12px;line-height:12px;cursor:pointer;display:block;float:none;width:auto;padding:8px}.mini-profile-actions:hover ul li:hover{color:#b4c669}.following .who-follow{height:auto;background-color:rgba(69,71,77,0.1);overflow:hidden;font-size:12px}.following .show-more-followers{color:#f11;font-weight:bold;cursor:pointer;float:right}.following .mini-follower-link{display:inline-block;margin-right:10px}.following .mini-follower-link:before{content:" \2027"}.following a.open-profile-modal{display:inline;text-align:center;color:#66686b}.following a.open-profile-modal:hover{color:#aaa}.following .post-area-new{padding-bottom:4px}.following .post-area-new textarea{resize:none;width:445px;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:28px;border-radius:3px;border:solid 1px rgba(0,0,0,0.3);margin-left:55px;margin-bottom:10px;padding:4px;font-size:13px}.following .mini-profile .post-area-new{padding:9px}.following .mini-profile .post-area-new textarea{margin-left:0;width:100%}.following .post-area-new.open textarea,.following .mini-profile .post-area-new textarea,.mini-profile .following .post-area-new textarea,.following #postboard-top .post-area .post-area-new textarea,#postboard-top .post-area .following .post-area-new textarea{height:80px;border:solid 1px rgba(227,79,66,0.5);box-shadow:0 0 10px rgba(0,0,0,0.3)}.following textarea.splited-post{box-shadow:none !important;height:28px}.following .splited-post-counter{color:rgba(0,0,0,0.3);font-weight:bold}.following .splited-post-counter:before{content:"\2026"}.following .post-area-extras{overflow:hidden;height:0;text-align:right}.following .post-submit{background:#45474d;color:rgba(255,255,255,0.8);border:none;padding:5px 10px;cursor:pointer;display:inline-block;margin-top:4px}.following .post-area-new.open>.post-area-extras,.following .mini-profile .post-area-new>.post-area-extras,.mini-profile .following .post-area-new>.post-area-extras,.following #postboard-top .post-area .post-area-new>.post-area-extras,#postboard-top .post-area .following .post-area-new>.post-area-extras{height:35px;transition:all 0.6s linear}.following .post-area-remaining{font-size:13px}.following .post-area-remaining.warn{color:red}.following .post .show-more{font-size:13px;font-weight:bold;margin-left:60px;color:rgba(0,0,0,0.5)}.following .post .show-more:before{content:"💭"}.swarm-status{display:none !important}.following-modal .modal-wrapper{width:200px}.following-modal h2{display:none}.mini-following-info{width:45px;height:45px;text-align:center;background:#fff;margin:1%;float:left}.mini-following-info .mini-screen-name,.mini-following-info .mini-following-name{display:none}.mini-following-info .mini-profile-photo{height:45px;width:45px;border-radius:0}.network.singleBlock ul{padding-left:20px}.network.singleBlock ul li{line-height:36px;font-size:13px}.network.singleBlock .module{width:46%;float:left;margin:0 1% 0 0;padding:1.5%;background:#fff}.network.singleBlock h2{display:block}.network.singleBlock h3{font-weight:500;text-transform:none;border-bottom:1px solid rgba(0,0,0,0.2);margin:20px 0 10px 0}.singleBlock .spam-msg{resize:none;width:100%;display:block;border-radius:3px;padding:4px;font-size:13px;height:80px;border:solid 1px rgba(0,0,0,0.1);line-height:20px;position:relative;margin-left:-20px;margin-bottom:10px}.highlight{background:#fff;padding:5px 8px;line-height:1.7;display:inline-block}span.connection-status{line-height:1em;font-weight:500;font-size:1em}span.connection-status:before{content:"";display:inline-block;height:0.8em;width:0.8em;margin-right:0.8em;background:#ef5d43;color:#fff}span.connection-status.connected:before{background:#b4c669}.character-limit{float:right;margin-right:18px}.connections span,.known-peers,.dht-nodes,.blocks,.last-block-time,.mining-difficulty{color:#333;font-weight:700}*{outline:none !important}li{list-style:none}html,body{height:100%;min-height:100%;background:#e2e1de;color:#66686b;font:0.95em/1.3em "Roboto",sans-serif;font-weight:400}br{display:block}img{background:#e2e1de;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}a{text-decoration:none;color:#aaa}a:hover{color:#b4c669;text-decoration:none}p{padding:5px 0}h2,h3{font-size:1.1em;text-transform:uppercase;letter-spacing:0.07em;font-weight:500;line-height:1.8em}textarea,input[type=text]{font:0.95em/1.3em "Roboto",sans-serif;font-weight:400}.isFollowing:after{color:#b4c669;content:"\e806";font-family:"fontello";padding-left:2px;display:inline;font-size:10px;vertical-align:top;line-height:10px}.isFollowing:after:hover{text-decoration:none !important}h3 .isFollowing:after{display:none}button,.mini-profile-actions span,.modal-back,a.button{padding:6px 8px;font-size:13px;display:inline-block;line-height:1em;font-weight:500;margin:0;float:none;text-shadow:2px 2px 0 transparent;-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;color:#fff;background-color:#66686b;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:none;font-family:"fontello","Roboto";cursor:pointer}button:hover,.mini-profile-actions span:hover,.modal-back:hover,a.button:hover{background:#aaa;text-shadow:2px 2px 0 rgba(0,0,0,0.1)}button.disabled,.mini-profile-actions span.disabled,.disabled.modal-back,a.button.disabled{opacity:0.5;background-color:#999}button.disabled:hover,.mini-profile-actions span.disabled:hover,.disabled.modal-back:hover,a.button.disabled:hover{color:#fff}.options{position:relative}.options .label{font-weight:700}.options label{cursor:pointer}.options input[type=radio]{display:none !important;visibility:hidden;opacity:0}.options .postboard-display div{clear:both}.options .postboard-display div div{float:left;clear:none;padding:10px}.options .postboard-display div div .label{font-weight:400}.options .tab-content{background:#fff;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 .sounds,.options input#t-4:checked ~ .tab-content .keys,.options input#t-5:checked ~ .tab-content .postboard-display,.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:#aaa;background:#f3f2f1}.options label.tabs:hover{color:#66686b}.options input:checked+label.tabs{background:#fff;color:#66686b}.promoted-posts-only{margin:0 0;float:right}.promoted-posts-only li{cursor:pointer;display:inline-block;margin:0 0 0 5px;padding:5px 15px;font-size:0.9em;transition:color 0.1s linear}.promoted-posts-only li.active{color:#66686b;background:#fff;cursor:default}.promoted-posts-only li:hover,.promoted-posts-only li.disabled:hover{color:#66686b}.promoted-posts-only li.disabled{color:#aaa;background:#f3f2f1}.wrapper{max-width:100%;width:1180px;margin:0 auto;padding-top:70px;position:relative;z-index:1;min-height:100%}.dashboard.left,.dashboard.right{width:300px;position:fixed;top:0;padding-top:70px;height:100%}.dashboard.right{display:block;position:absolute;right:0}.dashboard.right .module{position:fixed;height:100%}.dialog-modal{display:none;background:#66686b;position:absolute;top:45px;right:-10px;width:250px;overflow:hidden}.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;background:#fff}ul.userMenu-search-profiles li{float:none;display:block;padding:5px 10px;margin:0;border-bottom:1px solid #e2e1de}ul.userMenu-search-profiles .mini-profile-name{font-size:12px;display:block;margin:0;padding:0}ul.userMenu-search-profiles .mini-profile-photo{width:30px;height:30px;margin:0 10px 0 0;float:left}ul.userMenu-search-profiles .mini-profile-info{width:100%;float:none}ul.userMenu-search-profiles button,ul.userMenu-search-profiles .mini-profile-actions span,.mini-profile-actions ul.userMenu-search-profiles span,ul.userMenu-search-profiles .modal-back{background-color:#66686b;padding:3px}ul.userMenu-search-profiles button:after,ul.userMenu-search-profiles .mini-profile-actions span:after,.mini-profile-actions ul.userMenu-search-profiles span:after,ul.userMenu-search-profiles .modal-back:after{content:"";font-family:"fontello"}.userMenu-search input[type="text"]{float:right;padding:3px 10px;margin:9px 20px 0 0;border:none;background:#fff;box-sizing:border-box}.userMenu-search-sugestions a{color:rgba(0,0,0,0.7);padding:10x 20px;display:block;clear:both}.mini-profile .mini-profile-info{position:relative;text-align:center;background:#fff}.mini-profile a.button{background:#aaa;margin:1em auto}.mini-profile .post-area{margin-top:1px;margin-bottom:20px;padding:0.5em;background:#f3f2f1}.mini-profile .post-area-new{padding:0;display:none;margin:0}.mini-profile .post-area-new textarea{width:100%}.mini-profile-indicators{margin:0 0 1em 0;background-color:#f3f2f1}.mini-profile-indicators li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100px;float:left;font-size:0.8em;position:relative;padding:0}.mini-profile-indicators li a{position:relative;color:#66686b;display:block;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s;padding:1em 0}.mini-profile-indicators li a:hover{background-color:#fff}.mini-profile-indicators li a:before{font-size:2.2em;display:block !important;text-align:center !important;margin:auto !important;padding-top:0.2em}.messages-qtd{position:absolute;top:10px;right:25px;background:#b4c669;color:#fff;padding:1px 3px;line-height:12px;font-size:0.8em;font-weight:700;border-radius:2px}.mini-profile-view{display:none}.mini-profile-name{color:#66686b;font-size:1.3em;font-weight:700;padding:10px 0;display:block;margin:auto}.mini-profile-name:hover{color:#aaa}.mini-profile-photo{width:80px;height:80px;overflow:hidden;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:block;margin:auto}.mini-profile-photo img{min-width:100%;min-height:100%;border-radius:50%}.profile-data{clear:both;padding:1em 0;text-align:center;background:#fff}.profile-data li{display:block;float:left;width:100px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.profile-data li.current a{border-bottom:3px solid #b4c669}.profile-data li a{color:#66686b;display:inline-block;font-size:13px;padding-bottom:3px}.profile-data li a:hover{color:#aaa}.profile-data li a span.posts-count,.profile-data li a span.following-count,.profile-data li a span.followers-count{font-weight:900;display:block;line-height:15px}.mini-profile-info a:hover{text-decoration:none}.who-follow{display:block;position:absolute;bottom:50px;text-align:center;padding:10px;font-size:12px;background:#fff;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}.show-more-followers{font-weight:700;display:block;cursor:pointer;float:right;color:#66686b}.mini-follower-link{display:inline-block;margin:1px;line-height:12px}.mini-follower-link.isFollowing:after{display:none}.mini-follower-link:after{content:"·";font-weight:900;color:#66686b;margin-left:1px}.post-area-new textarea{resize:none;box-shadow:none !important;-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:28px;border:none;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:3px;margin:5px 0}#postboard-top{clear:both;position:relative;margin-bottom:1px;transition:height 0.3s linear;padding:10px 10px 5px 10px;background:#fff;overflow:hidden}#postboard-top.hide{display:none !important}#postboard-top.show{display:block}#postboard-top .profile-photo{position:absolute;top:10px;left:10px;width:48px;height:48px;overflow:hidden}#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;float:right}#postboard-top .post-area .post-area-new textarea{margin:0 0 5px 0}.post-area-new.open textarea,.mini-profile .post-area-new textarea,#postboard-top .post-area .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:"\2026"}.post-area-extras{overflow:hidden;height:0;text-align:right}.post-area-new.open>.post-area-extras,.mini-profile .post-area-new>.post-area-extras,#postboard-top .post-area .post-area-new>.post-area-extras{height:auto;transition:all 0.6s linear}.post-area-remaining{padding-right:3px}.post-area-remaining.warn{color:red}.who-to-follow{width:inherit;margin-bottom:20px}.who-to-follow small{display:none}.who-to-follow h3{float:left}.who-to-follow ol{clear:both}.twister-user{clear:both;width:100%;position:relative;margin:0 0 1px 0;width:100%;box-sizing:border-box;float:right;background:#fff}.twister-user-photo{display:inline-block;float:left;vertical-align:middle;width:48px;height:auto;overflow:hidden;margin:10px;background:#e2e1de}.twister-user-info{width:80%}.followers{font-size:12px;color:#66686b}.followers label,.followers a{display:block}.followed-by{color:#aaa;font-size:12px;cursor:pointer;display:block}.twister-user-name,.twister-by-user-name{font-weight:bold;font-size:14px;color:#aaa;text-decoration:none}.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.2;text-decoration:none;cursor:pointer;position:absolute;padding:5px;top:-5px;right:-5px;display:inline-block}.twister-user:hover .twister-user-remove{text-decoration:none}.twister-user-remove:hover{opacity:1}button.follow,.mini-profile-actions span.follow,.follow.modal-back{position:absolute;bottom:10px;right:10px;background:#b4c669}button.follow:hover,.mini-profile-actions span.follow:hover,.follow.modal-back:hover{background:#aaa}.refresh-users{color:#66686b;cursor:pointer;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;float:right;display:block;padding:4px;margin:0 0 0 15px;position:relative}.view-all-users{color:#66686b;cursor:pointer;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;float:right;display:block;padding:4px;margin:0 0 0 15px;position:relative}.refresh-users:hover,.view-all-users:hover{color:#b4c669;text-decoration:none;background-color:transparent}ol.toptrends-list{margin:0;margin-bottom:10px}ol.toptrends-list li{display:inline-block}ol.toptrends-list a{color:#aaa;padding:3px 8px;display:inline-block;background:#f3f2f1;text-transform:uppercase;font-size:11px;margin:3px;font-weight:500}ol.toptrends-list a:hover{background:#fff;color:#66686b}.modal-blackout{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(170,170,170,0.8);display:none;z-index:3}.modal-wrapper{position:absolute;top:50%;left:50%;overflow:hidden}.modal-wrapper .post-area-new{padding:10px}.modal-content{background:#f3f2f1;padding:20px}.modal-content .postboard h2{position:fixed;z-index:2;margin-top:-60px;margin-left:-60px;width:100px;width:520px}.modal-content .postboard h2 span{display:none}.modal-content .postboard-news{line-height:30px;position:absolute;right:0;top:40px;font-weight:900;display:block;padding:0 20px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.1);background:#b4c669}.modal-header{position:relative;background:#66686b;height:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-header h3{font-size:0.8em;line-height:40px;float:left;font-weight:900;padding-left:10px;color:#fff;display:block !important}.modal-close{position:absolute;right:10px;top:0;font-size:14px;line-height:40px;cursor:pointer;color:rgba(255,255,255,0.7)}.modal-close:hover{color:#fff}.modal-close b{display:none}.mark-all-as-read{float:left;cursor:pointer;font-size:1.3em;line-height:40px;padding:0 5px;color:#aaa;transition:all 0.1s linear;display:none}.modal-back:hover,.mark-all-as-read:hover{color:#b4c669}.modal-back{margin:0;background:#b4c669;display:none !important;float:left}.modal-buttons{padding:10px;text-align:right}.following-config-modal h2{text-transform:none}.following-config-modal .modal-wrapper{top:43%;left:25%;width:50%}.following-config-modal .modal-content{padding:10px;text-align:center;background-color:#fff}.following-config-modal .modal-buttons{display:none}.following-config-method-buttons{padding:10px}.following-config-method-buttons .public-following{background-color:#b4c669}.reTwist .modal-wrapper{width:520px;top:20%;margin:0 0 0 -260px}.reTwist .post-expand,.reTwist .post-interactions{display:none}.reply .modal-wrapper{width:520px;top:20%;margin:0 0 0 -260px}.reply .modal-buttons,.reply .post-expand,.reply .post-interactions{display:none}.directMessages .post-area-new{display:none;padding:20px;z-index:5;background:#e2e1de}.directMessages .post-area-new .modal-header h3 span{display:inline !important}.directMessages .modal-wrapper{width:520px;height:490px;top:10%;margin:0 0 0 -260px;overflow-x:hidden}.directMessages .modal-content{overflow-y:auto;height:300px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:520px}.directMessages .modal-buttons{display:none}.directMessages .post-photo{height:48px;width:48px}.directMessages .post-text{margin-left:58px;font-size:0.9em}.directMessages .post-info-name{float:none}.directMessages .post-info-tag{line-height:1em;padding:0;display:inline;font-size:80%;margin:0 0 0 1em}.direct-messages-list .post{padding:10px 30px 10px 15px;cursor:pointer}.direct-messages-list .post:after{content:"";font-family:"fontello";position:absolute;right:10px;top:50%;font-size:1.2em;margin:-6px 0 0 0;color:rgba(0,0,0,0.4);display:none}.direct-messages-list .post:hover:after{display:block}.direct-messages-thread .post{background:none;left:0;margin:0px 10px 20px 10px;cursor:default}.direct-messages-thread .post .post-info-time{float:none;display:block;text-align:center;font-size:10px;margin:10px 0;cursor:default}.direct-messages-thread .post .post-info-time:hover{color:#aaa}.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 #fff;left:-7px}.direct-messages-thread .post .post-text{background:#fff;margin-right:60px;margin-left:60px;position:relative;display:inline-block;max-width:300px;font-size:0.9em;padding:5px 10px;z-index:4;float:left;word-wrap:break-word;max-width:60%;min-height:15px}.direct-messages-thread .post .post-photo{position:absolute;left:0;top:10px}.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 #fff;right:-7px;left:auto}.direct-messages-thread .post.sent .post-text{float:right}.direct-messages-thread .post.sent .post-photo{position:absolute;right:0;left:auto}.new-user .modal-wrapper{width:520px;height:600px;top:10%;margin:0 0 0 -260px;overflow-x:hidden;overflow-y:hidden}.new-user .modal-content{margin:10px 10px 10px 10px}.new-user .modal-buttons,.new-user .modal-close{display:none}.new-user .text{margin:0 0 15px 0}.new-user .emphasis{font-size:18px;text-align:center}.new-user .secret-key{color:#000;font-weight:bold}.hashtag-modal .modal-wrapper{width:520px;height:600px;top:10%;margin:0 0 0 -260px;overflow:hidden}.hashtag-modal .modal-content{overflow-y:auto;height:500px}.hashtag-modal .modal-buttons{display:none}.hashtag-modal .postboard{padding:0}.conversation-modal .modal-wrapper{position:absolute;width:520px;height:575px;top:10%;margin:0 0 0 -260px;overflow:hidden;background:#fff}.conversation-modal .modal-content{overflow-y:auto;height:90%}.conversation-modal .modal-buttons{display:none}.conversation-modal .postboard{padding:0}.following-modal .modal-wrapper{width:520px;top:10%;height:400px;margin:0 0 0 -260px;overflow-x:hidden}.following-modal .modal-content{height:300px;overflow-y:auto;padding:0}.following-modal .modal-buttons{display:none}.following-modal ol{margin:5px}.following-modal .open-profile-modal:hover{text-decoration:none}.who-to-follow-modal .modal-wrapper{width:520px;top:10%;height:455px;margin:0 0 0 -260px;overflow-x:hidden}.who-to-follow-modal .modal-content{padding:15px;height:400px;overflow-y:auto}.who-to-follow-modal .modal-buttons{display:none}.who-to-follow-modal ol{margin:5px}.who-to-follow-modal .open-profile-modal:hover{text-decoration:none}.who-to-follow-modal .twister-user{position:relative;padding:5px}.who-to-follow-modal .twister-user-photo{position:relative;left:0;float:left;display:block}.who-to-follow-modal .twister-user-info{position:relative;padding-left:70px;width:auto}.who-to-follow-modal .bio{color:rgba(0,0,0,0.6);font-style:italic}.postboard-loading{text-align:center}.postboard-loading div{display:inline-block;width:120px;height:10px;background-color:#aaa;position:relative;margin:10px 0 0 0}.postboard-loading div:after{content:"";position:absolute;background-color:#fff;left:2px;top:2px;bottom:2px;z-index:999;animation-name:slide;animation-duration:1.5s;animation-easing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:slide;-webkit-animation-duration:1.5s;-webkit-animation-easing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:slide;-moz-animation-duration:1.5s;-moz-animation-easing-function:linear;-moz-animation-iteration-count:infinite}@keyframes slide{0%{right:60px;left:2px}5%{left:2px}50%{right:2px;left:60px}55%{right:2px}100%{right:60px;left:2px}}@-webkit-keyframes slide{0%{right:100px;left:2px}5%{left:2px}50%{right:2px;left:100px}55%{right:2px}100%{right:100px;left:2px}}@-moz-keyframes slide{0%{right:60px;left:2px}5%{left:2px}50%{right:2px;left:60px}55%{right:2px}100%{right:60px;left:2px}}.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}.textcomplete-wrapper textarea{display:inline}ul.dropdown-menu{position:absolute;top:23px;left:155px;z-index:100;display:block;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,0.2);-webkit-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)}ul.dropdown-menu li{line-height:20px}ul.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;white-space:nowrap;-webkit-transition:all 200ms;-moz-transition:all 200ms;-ms-transition:all 200ms;-o-transition:all 200ms;transition:all 200ms}@media (max-width: 1200px){.wrapper{width:900px}.dashboard.right{display:none}.userMenu ul{width:900px}.postboard{width:100%}.following-list li{width:47%;float:left;margin:0 2% 2% 0;font-size:80%}}@media (max-width: 900px){.profile-modal .modal-wrapper{margin-left:0;left:1%}}@media (max-width: 600px){.dashboard.left,.postboard{position:static;width:100%}.postboard{margin:0;padding:10px}.who-to-follow,.toptrends{display:none}.mini-profile .post-area,.mini-profile .post-area-new{display:none}.following-list li{width:98%;float:none;margin:2% 1%}} +@charset "UTF-8"; +@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; +} +@font-face { + font-family: "Bemio"; + src: url("fonts/BemioItalic.otf"); +} +/******* fontello ****** */ +@font-face { + font-family: "fontello"; + src: url("fonts/fontello/fontello.eot?7584488"); + src: url("fonts/fontello/fontello.eot?7584488#iefix") format("embedded-opentype"), url("fonts/fontello/fontello.woff?7584488") format("woff"), url("fonts/fontello/fontello.ttf?7584488") format("truetype"), url("fonts/fontello/fontello.svg?7584488#fontello") format("svg"); + font-weight: normal; + font-style: normal; +} +/* line 64, ../sass/_fonts.sass */ +[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-context span:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back: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-users:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: 3px; + text-align: center; + font-variant: normal; + text-transform: none; + line-height: 1em; + margin-left: 2px; +} + +/* line 80, ../sass/_fonts.sass */ +.icon-search:before { + content: ""; +} + +/* '' */ +/* line 85, ../sass/_fonts.sass */ +.icon-mail:before, .mini-profile-indicators .userMenu-messages a:before { + content: ""; +} + +/* '' */ +/* line 90, ../sass/_fonts.sass */ +.icon-heart:before { + content: ""; +} + +/* '' */ +/* line 95, ../sass/_fonts.sass */ +.icon-star:before, .post-favorite:before { + content: ""; +} + +/* '' */ +/* line 100, ../sass/_fonts.sass */ +.icon-user:before, .mini-profile-indicators .userMenu-user a:before { + content: ""; +} + +/* '' */ +/* line 105, ../sass/_fonts.sass */ +.icon-camera:before { + content: ""; +} + +/* '' */ +/* line 110, ../sass/_fonts.sass */ +.icon-ok:before, .mark-all-as-read:before { + content: ""; +} + +/* '' */ +/* line 115, ../sass/_fonts.sass */ +.icon-cancel:before, .twister-user-remove:before, .modal-close:before { + content: ""; +} + +/* '' */ +/* line 120, ../sass/_fonts.sass */ +.icon-plus:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back:before { + content: ""; +} + +/* '' */ +/* line 125, ../sass/_fonts.sass */ +.icon-minus:before { + content: ""; +} + +/* '' */ +/* line 130, ../sass/_fonts.sass */ +.icon-down:before { + content: ""; +} + +/* line 133, ../sass/_fonts.sass */ +.icon-down-after:after { + content: ""; +} + +/* '' */ +/* line 138, ../sass/_fonts.sass */ +.icon-lock:before { + content: ""; +} + +/* '' */ +/* line 143, ../sass/_fonts.sass */ +.icon-quote:before { + content: ""; +} + +/* '' */ +/* line 148, ../sass/_fonts.sass */ +.icon-comment:before, .post-reply:before { + content: ""; +} + +/* '' */ +/* line 153, ../sass/_fonts.sass */ +.icon-chat:before, .post .show-more:before { + content: ""; +} + +/* '' */ +/* line 158, ../sass/_fonts.sass */ +.icon-left:before, .modal-back:before { + content: ""; +} + +/* '' */ +/* line 163, ../sass/_fonts.sass */ +.icon-right:before { + content: ""; +} + +/* '' */ +/* line 168, ../sass/_fonts.sass */ +.icon-up:before { + content: ""; +} + +/* '' */ +/* line 173, ../sass/_fonts.sass */ +.icon-cog:before, .userMenu li.userMenu-config > a:before { + content: ""; +} + +/* '' */ +/* line 178, ../sass/_fonts.sass */ +.icon-doc:before { + content: ""; +} + +/* '' */ +/* line 183, ../sass/_fonts.sass */ +.icon-arrows:before, .refresh-users:before { + content: ""; +} + +/* '' */ +/* line 188, ../sass/_fonts.sass */ +.icon-twistagain:before, .post-context span:before, .post-propagate:before { + content: ""; +} + +/* '' */ +/* line 193, ../sass/_fonts.sass */ +.icon-bell:before, .mini-profile-indicators .userMenu-connections a:before { + content: ""; +} + +/* '' */ +/* line 5, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +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, center, +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; +} + +/* line 22, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +html { + line-height: 1; +} + +/* line 24, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +ol, ul { + list-style: none; +} + +/* line 26, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* line 28, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 30, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +q, blockquote { + quotes: none; +} +/* line 103, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +/* line 32, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +a img { + border: none; +} + +/* line 116, ../../../../../../var/lib/gems/2.1.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block; +} + +/* FONTS */ +/* line 2, ../sass/_utils.sass */ +.clear-fix:after, .userMenu ul:after, .profile-modal .profile-data:after, .profile-card .twister-user-info:after, .forEdition.profile-card:after, .postboard:after, .following:after, .expanded-content:after, .following-list li:after, .mini-following-info:after, .network.singleBlock:after, .options .tab-content:after, .promoted-posts-only:after, .dashboard.right:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after, #postboard-top:after, #postboard-top .post-area:after, .who-to-follow ol:after, .twister-user:after, .modal-content:after, .modal-header:after, .direct-messages-thread .post:after { + content: ""; + display: table; + clear: both; +} + +/* line 2, ../sass/_menu.sass */ +.userMenu { + width: 100%; + position: fixed; + left: 0; + margin: 0; + height: 50px; + background: #66686B; + z-index: 2; +} +/* line 10, ../sass/_menu.sass */ +.userMenu ul { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 1180px; + max-width: 100%; + margin: auto; + background: url('/img/twister_logo.png?1421423397') no-repeat 50% 50%; + background-size: 20px; +} +/* line 18, ../sass/_menu.sass */ +.userMenu ul li { + float: left; + margin: 0 20px 0 0; + position: relative; + display: block; +} +/* line 23, ../sass/_menu.sass */ +.userMenu ul li > a { + line-height: 50px; + height: 50px; + padding: 0 0.5em; + display: inline-block; + color: rgba(255, 255, 255, 0.5); + font-size: 1.1em; + transition: all 0.2s linear; + position: relative; + font-weight: 500; + border-bottom: 3px solid transparent; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* line 35, ../sass/_menu.sass */ +.userMenu ul li > a:hover { + color: white; +} +/* line 37, ../sass/_menu.sass */ +.userMenu ul li.current > a { + color: white; + border-bottom: 3px solid #B4C669; +} + +/* Menu specific entries */ +/* line 47, ../sass/_menu.sass */ +.userMenu li.userMenu-home a span.label { + display: block !important; +} +/* line 50, ../sass/_menu.sass */ +.userMenu li.userMenu-home .menu-news { + position: absolute; + top: 6px; + right: -6px; + background: #B4C669; + color: #fff; + padding: 1px 3px; + line-height: 12px; + display: none; + font-size: 9px; + font-weight: 700; + border-radius: 2px; +} +/* line 62, ../sass/_menu.sass */ +.userMenu li.userMenu-home .menu-news.show { + display: block; +} +/* line 65, ../sass/_menu.sass */ +.userMenu li.userMenu-dhtindicator, .userMenu li.userMenu-connections, .userMenu li.userMenu-messages { + display: none !important; +} +/* line 68, ../sass/_menu.sass */ +.userMenu li.userMenu-config, .userMenu li.userMenu-search { + float: right; + position: relative; + margin-right: 0; + color: white; +} +/* line 73, ../sass/_menu.sass */ +.userMenu li.userMenu-config + a, .userMenu li.userMenu-search + a { + color: #66686B; +} +/* line 75, ../sass/_menu.sass */ +.userMenu li.userMenu-search { + padding-top: 5px; +} +/* line 77, ../sass/_menu.sass */ +.userMenu li.userMenu-config > a { + font-size: 1.5em; +} + +/************************************* + ******************* PROFILE MODAL + ************************************** */ +/* line 17, ../sass/_profile.sass */ +.profile-modal .modal-wrapper { + width: 980px; + max-width: 98%; + position: absolute; + top: 50%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 550px; + margin: -275px 0 0 -490px; +} +/* line 25, ../sass/_profile.sass */ +.profile-modal .modal-wrapper h3 { + display: none; +} +/* line 28, ../sass/_profile.sass */ +.profile-modal .profile-data { + display: block; + margin: auto; + padding-top: 0; +} +/* line 34, ../sass/_profile.sass */ +.profile-modal .profile-data li { + display: inline; + margin: 0 5px; + float: none; +} +/* line 38, ../sass/_profile.sass */ +.profile-modal .profile-data li a { + display: inline; +} +/* line 41, ../sass/_profile.sass */ +.profile-modal .profile-data li a span.posts-count, .profile-modal .profile-data li a span.following-count, .profile-modal .profile-data li a span.followers-count { + display: inline-block; + padding-right: 5px; +} +/* line 46, ../sass/_profile.sass */ +.profile-modal .modal-content { + height: 100%; + overflow: hidden; + padding: 0; + position: relative; +} +/* line 51, ../sass/_profile.sass */ +.profile-modal .modal-content #profile-posts { + padding: 0; +} +/* line 54, ../sass/_profile.sass */ +.profile-modal .modal-content .postboard { + margin-left: 0; + height: 100%; + bottom: 0; + position: relative; + float: right; + width: 535px !important; +} +/* line 63, ../sass/_profile.sass */ +.profile-modal .modal-content .postboard-posts { + display: block; + height: 505px; + overflow: auto; +} +/* line 67, ../sass/_profile.sass */ +.profile-modal .modal-content .postboard-posts .post { + padding: 0; +} +/* line 69, ../sass/_profile.sass */ +.profile-modal .modal-content .post-interactions { + margin: 2px 10px 3px 60px; +} +/* line 71, ../sass/_profile.sass */ +.profile-modal .modal-content .profile-card { + margin: 0; + padding: 0; +} + +/* line 76, ../sass/_profile.sass */ +.profile-modal h2.profile-screen-name { + display: block; + letter-spacing: 0; + text-transform: none; + color: #b3b5b7; + padding: 5px 0; + margin: 0; + font-size: 13px; + line-height: 13px; +} + +/* Profile card */ +/* line 89, ../sass/_profile.sass */ +.profile-card { + height: 100%; + background: white; +} + +/* line 92, ../sass/_profile.sass */ +.profile-card-main { + position: relative; + text-align: center; + word-wrap: break-word; + transition: all 0.2s linear; + background: none !important; + padding: 10px; +} +/* line 101, ../sass/_profile.sass */ +.profile-card-main h1 { + font-size: 22px; + font-weight: bold; + display: inline-block; + padding-top: 10px; +} +/* line 107, ../sass/_profile.sass */ +.profile-card-main:before { + content: ""; + border: solid 0px #fff; + transition: all 0.2s linear; + position: absolute; + left: 1px; + top: 1px; + right: 1px; + bottom: 1px; + z-index: 0; +} +/* line 117, ../sass/_profile.sass */ +.profile-card-main * { + position: relative; + z-index: 1; +} + +/* line 121, ../sass/_profile.sass */ +.profile-card-photo { + height: 75px; + margin: 0 auto; + display: block; + width: auto; +} + +/* line 127, ../sass/_profile.sass */ +.profile-card-photo.forEdition { + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + height: 75px; + margin: 0 auto; + display: block; + width: 75px; +} + +/* line 134, ../sass/_profile.sass */ +.profile-bio { + padding: 10px; + font-style: italic; + text-align: center; +} + +/* line 140, ../sass/_profile.sass */ +.profile-card { + float: left; + width: 400px; + position: relative; + padding: 15px; +} +/* line 146, ../sass/_profile.sass */ +.profile-card .direct-messages-with-user, .profile-card .follow, .profile-card .profileUnfollow, .profile-card .follow { + display: inline-block; + position: static; +} +/* line 150, ../sass/_profile.sass */ +.profile-card .isFollowing:after { + font-size: 15px; + position: absolute; +} +/* line 154, ../sass/_profile.sass */ +.profile-card .profileUnfollow { + background: #aaa; +} +/* line 157, ../sass/_profile.sass */ +.profile-card .twister-user-info { + text-align: center; + width: 100%; + padding: 0; +} +/* line 163, ../sass/_profile.sass */ +.profile-card .follow { + background: #B4C669; +} +/* line 166, ../sass/_profile.sass */ +.profile-card .known-followers { + text-align: center; + clear: both; + width: 100%; +} + +/* line 172, ../sass/_profile.sass */ +#msngrswr { + display: none; + text-align: center; + margin: 10px 0; +} + +/* line 177, ../sass/_profile.sass */ +.profile-extra-contact { + display: none; + margin: 0 15px 0 0; + font-weight: 500; + background: #f3f2f1; + padding: 2px 8px 3px 8px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + +/* line 186, ../sass/_profile.sass */ +.bitmessage-ctc, .tox-ctc { + font-size: 13px; + line-height: 15px; + cursor: pointer; + color: #66686B; +} +/* line 191, ../sass/_profile.sass */ +.bitmessage-ctc:hover, .tox-ctc:hover { + color: #B4C669; +} + +/* line 194, ../sass/_profile.sass */ +.bitmessage-ctc:after, .tox-ctc:after { + font-family: "fontello"; + content: ""; + font-style: normal; + font-weight: normal; + speak: none; + display: inline-block; + text-decoration: inherit; + width: 1em; + text-align: center; + font-variant: normal; + text-transform: none; + line-height: 1em; +} + +/* line 209, ../sass/_profile.sass */ +.profile-modal .profile-tox, .profile-modal .profile-bitmessage { + display: inline-block; + margin-right: 5px; + font-size: 13px; +} +/* line 213, ../sass/_profile.sass */ +.profile-modal .profile-tox:hover, .profile-modal .profile-bitmessage:hover { + color: #B4C669; +} + +/* line 217, ../sass/_profile.sass */ +.profile-modal .modal-buttons { + display: none; + /* EDITION PROFILE */ +} + +/* line 222, ../sass/_profile.sass */ +.forEdition.profile-card { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: auto; + background: #f3f2f1; +} +/* line 227, ../sass/_profile.sass */ +.forEdition.profile-card .profile-card-main { + margin: 0; + width: 330px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 10px; + background: #f3f2f1; +} +/* line 233, ../sass/_profile.sass */ +.forEdition.profile-card .profile-card-main input { + display: block; + margin: 5px auto; + background: white; + border: 1px solid #e7e8e9; + padding: 6px 4px; + margin-bottom: 4px; + text-align: center; + transition: all 0.2s linear; +} +/* line 242, ../sass/_profile.sass */ +.forEdition.profile-card .profile-card-main input:hover, .forEdition.profile-card .profile-card-main input:focus { + background: white; + border-color: #aaa; +} + +/* line 246, ../sass/_profile.sass */ +.input-description { + width: 90%; +} + +/* line 249, ../sass/_profile.sass */ +.input-name { + font-size: 20px; +} + +/* line 253, ../sass/_profile.sass */ +.forEdition .profile-card-main .input-website, .forEdition .profile-card-main .input-city { + display: inline-block; +} +/* line 255, ../sass/_profile.sass */ +.forEdition .profile-card-main .input-tox, .forEdition .profile-card-main .input-bitmessage { + width: 90%; + margin-top: 10px; +} +/* line 258, ../sass/_profile.sass */ +.forEdition .profile-card-main h2 { + text-transform: none; + font-weight: 700; + font-size: 0.9em; +} + +/* line 263, ../sass/_profile.sass */ +.profile-edition-buttons { + text-align: right; +} + +/* line 266, ../sass/_profile.sass */ +.selectable_theme.theme_calm { + display: none; +} + +/************* POST BOARD ************ */ +/* line 3, ../sass/_postboard.sass */ +.postboard, .following { + padding-left: 330px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 850px; +} + +/* line 10, ../sass/_postboard.sass */ +.postboard-posts { + position: relative; + z-index: 1; + clear: both; +} + +/* line 15, ../sass/_postboard.sass */ +.postboard-news { + font-size: 12px; + box-sizing: border-box; + position: relative; + margin-bottom: 1px; + cursor: pointer; + padding: 10px; + font-weight: 900; + clear: both; + color: white; + text-align: center; + text-transform: uppercase; + background: #B4C669; +} + +/* line 30, ../sass/_postboard.sass */ +.post, .following li { + background: white; + box-sizing: border-box; + position: relative; + margin-bottom: 1px; + transition: margin 0.4s ease-out; + -moz-transition: margin 0.4s ease-out; +} +/* line 41, ../sass/_postboard.sass */ +.post .post, .post .original.post, .post .post.open, .post .mini-profile .post.post-area-new, .mini-profile .post .post.post-area-new, .post #postboard-top .post-area .post.post-area-new, #postboard-top .post-area .post .post.post-area-new, .following li .post, .following li .original.post, .following li .post.open, .following li .mini-profile .post.post-area-new, .mini-profile .following li .post.post-area-new, .following li #postboard-top .post-area .post.post-area-new, #postboard-top .post-area .following li .post.post-area-new { + background: white; + position: relative; + margin-bottom: 1px; +} + +/* line 50, ../sass/_postboard.sass */ +.module.open .post, .mini-profile .module.post-area-new .post, #postboard-top .post-area .module.post-area-new .post { + color: #414244; +} + +/* line 52, ../sass/_postboard.sass */ +.post:hover { + color: #414244; +} + +/* line 55, ../sass/_postboard.sass */ +.post-data { + padding: 10px; +} + +/* line 60, ../sass/_postboard.sass */ +.post.open .original, .mini-profile .post.post-area-new .original, #postboard-top .post-area .post.post-area-new .original, .post.open .related, .mini-profile .post.post-area-new .related, #postboard-top .post-area .post.post-area-new .related { + margin-bottom: 1px; +} + +/* line 64, ../sass/_postboard.sass */ +.postboard-posts > .post.open, .mini-profile .postboard-posts > .post.post-area-new, #postboard-top .post-area .postboard-posts > .post.post-area-new { + margin-top: 20px; + margin-bottom: 20px; +} +/* line 67, ../sass/_postboard.sass */ +.postboard-posts > .post:after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 0; + height: 100%; + transition: all 0.2s linear; +} +/* line 75, ../sass/_postboard.sass */ +.postboard-posts > .post.open:after, .mini-profile .postboard-posts > .post.post-area-new:after, #postboard-top .post-area .postboard-posts > .post.post-area-new:after { + width: 5px; +} + +/* line 78, ../sass/_postboard.sass */ +.post:hover { + cursor: pointer; +} + +/* line 82, ../sass/_postboard.sass */ +.open, .mini-profile .post-area-new, #postboard-top .post-area .post-area-new { + background: none; +} +/* line 84, ../sass/_postboard.sass */ +.open:hover, .mini-profile .post-area-new:hover, #postboard-top .post-area .post-area-new:hover { + background: none; +} + +/* line 87, ../sass/_postboard.sass */ +.post-photo { + margin: 0; + display: inline-block; + float: left; + vertical-align: middle; + width: 48px; + height: 48px; + overflow: hidden; +} +/* line 95, ../sass/_postboard.sass */ +.post-photo img { + width: 100%; + height: 100%; +} + +/* line 102, ../sass/_postboard.sass */ +.post-info-name { + font-weight: 700; + font-size: 1em; + line-height: 14px; + color: inherit; + text-decoration: none; + display: inline-block; + padding-left: 10px; + float: left; +} + +/* line 113, ../sass/_postboard.sass */ +.post-info-name:hover { + text-decoration: none; + color: #aaa; +} + +/* line 117, ../sass/_postboard.sass */ +.post-info-tag { + font-size: 12px; + opacity: 0.6; + margin-top: 4px; + display: inline-block; +} + +/* line 123, ../sass/_postboard.sass */ +.post-info-time { + float: right; + font-size: 11px; + line-height: 14px; + text-decoration: none; + color: #b3b5b7; +} +/* line 129, ../sass/_postboard.sass */ +.post-info-time:hover { + color: #727578; +} + +/* line 132, ../sass/_postboard.sass */ +.post-text { + margin: 0 0 0 58px; + word-wrap: break-word; + min-height: 25px; + padding: 0; +} + +/* line 138, ../sass/_postboard.sass */ +.post-context { + font-size: 11px; + line-height: 11px; + margin: 0 0 1em 0; + color: #b3b5b7; +} +/* line 146, ../sass/_postboard.sass */ +.post-context span:before { + display: block; + float: left; + background: #B4C669; + text-align: center; + padding: 1px 2px 2px 2px; + line-height: 9px; + font-size: 9px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + color: white; + margin-right: 0.4em; +} + +/* line 158, ../sass/_postboard.sass */ +.mini-screen-name { + font-size: 13px; + color: #66686B; +} + +/* line 163, ../sass/_postboard.sass */ +.post-retransmited-icon { + display: none; +} + +/* line 166, ../sass/_postboard.sass */ +.post-interactions { + margin: 10px 0 3px 0; + text-align: right; + height: 12px; + line-height: 12px; +} +/* line 171, ../sass/_postboard.sass */ +.post-interactions span { + color: #b3b5b7; + cursor: pointer; + font-size: 12px; + line-height: 12px; +} + +/* line 177, ../sass/_postboard.sass */ +.post-expand { + color: #b3b5b7; + cursor: pointer; + font-size: 12px; + position: absolute; + left: 10px; + bottom: 10px; +} +/* line 184, ../sass/_postboard.sass */ +.post-expand:hover { + color: #727578; +} + +/* line 195, ../sass/_postboard.sass */ +.post-favorite { + display: none !important; +} + +/* line 200, ../sass/_postboard.sass */ +.post .show-more { + display: inline-block; + float: right; + font-size: 12px; + color: #b3b5b7; +} +/* line 207, ../sass/_postboard.sass */ +.post .show-more:hover { + color: #727578; +} + +/* line 211, ../sass/_postboard.sass */ +.expanded-content.show-pic { + display: block; +} + +/* line 215, ../sass/_postboard.sass */ +.expanded-post .post-expand, .expanded-post .post-reply, .expanded-post .post-propagate, .expanded-post .post-favorite { + color: #b3b5b7; +} +/* line 217, ../sass/_postboard.sass */ +.expanded-post .post-expand:hover, .expanded-post .post-reply:hover, .expanded-post .post-propagate:hover, .expanded-post .post-favorite:hover { + color: #727578; +} + +/* line 220, ../sass/_postboard.sass */ +.related .post-expand { + display: none; + margin: 0; +} + +/* line 224, ../sass/_postboard.sass */ +.post-reply, .post-propagate, .post-favorite { + padding-left: 10px; + display: none; +} + +/* line 229, ../sass/_postboard.sass */ +.post:hover .post-reply, .post:hover .post-propagate, .post:hover .post-favorite, .original.open .post-interactions .post-reply, .mini-profile .original.post-area-new .post-interactions .post-reply, #postboard-top .post-area .original.post-area-new .post-interactions .post-reply, .original.open .post-interactions .post-propagate, .mini-profile .original.post-area-new .post-interactions .post-propagate, #postboard-top .post-area .original.post-area-new .post-interactions .post-propagate, .original.open .post-interactions .post-favorite, .mini-profile .original.post-area-new .post-interactions .post-favorite, #postboard-top .post-area .original.post-area-new .post-interactions .post-favorite, .post:hover .original .post-interactions .post-reply, .post:hover .original .post-interactions .post-propagate, .post:hover .original .post-interactions .post-favorite, .related.post:hover .post-reply, .related.post:hover .post-propagate, .related.post:hover .post-favorite { + display: inline-block; +} + +/* line 233, ../sass/_postboard.sass */ +.open .related .post-reply, .mini-profile .post-area-new .related .post-reply, #postboard-top .post-area .post-area-new .related .post-reply, .open .related .post-propagate, .mini-profile .post-area-new .related .post-propagate, #postboard-top .post-area .post-area-new .related .post-propagate, .open .related .post-favorite, .mini-profile .post-area-new .related .post-favorite, #postboard-top .post-area .post-area-new .related .post-favorite { + display: none !important; +} +/* line 236, ../sass/_postboard.sass */ +.open .related:hover .post-reply, .mini-profile .post-area-new .related:hover .post-reply, #postboard-top .post-area .post-area-new .related:hover .post-reply, .open .related:hover .post-propagate, .mini-profile .post-area-new .related:hover .post-propagate, #postboard-top .post-area .post-area-new .related:hover .post-propagate { + display: inline-block !important; +} + +/* line 239, ../sass/_postboard.sass */ +.post-reply:hover, .post-propagate:hover, .post-favorite:hover { + color: #727578; +} + +/* line 242, ../sass/_postboard.sass */ +.expanded-content { + display: none; + padding: 5px 5px 0 5px; +} + +/* line 247, ../sass/_postboard.sass */ +.image-preview { + width: 100%; + display: block; + margin: auto; +} + +/* line 252, ../sass/_postboard.sass */ +.preview-container { + max-height: 500px; + width: 100%; + text-align: center; + overflow-y: auto; + background: black; +} + +/* line 259, ../sass/_postboard.sass */ +.post-stats { + float: left; +} +/* line 261, ../sass/_postboard.sass */ +.post-stats li { + display: inline-block; +} +/* line 263, ../sass/_postboard.sass */ +.post-stats li.stat-count { + font-weight: 700; + font-size: 11px; + float: left; + line-height: 20px; + color: llighten(#66686B, 30%); +} +/* line 269, ../sass/_postboard.sass */ +.post-stats li.stat-count span:last-child { + padding-right: 5px; +} +/* line 271, ../sass/_postboard.sass */ +.post-stats a { + position: relative; + text-decoration: none; + display: inline-block; + width: 20px; + height: 20px; + margin: 0 1px 0 0; +} +/* line 278, ../sass/_postboard.sass */ +.post-stats a img { + width: 20px; + height: 20px; +} + +/* line 283, ../sass/_postboard.sass */ +.user-name-tooltip { + display: none; + position: absolute; + background: #6d7073; + font-size: 12px; + white-space: nowrap; + padding: 3px 5px; + color: #fff; + top: -42px; + left: 0px; +} +/* line 293, ../sass/_postboard.sass */ +.user-name-tooltip:after { + content: ""; + position: absolute; + width: 0; + left: 4px; + bottom: -5px; + border-top: solid 5px #6d7073; + border-left: solid 5px transparent; + border-right: solid 5px transparent; +} + +/* line 303, ../sass/_postboard.sass */ +.post-stats a:hover .user-name-tooltip { + display: inline-block; +} + +/* line 306, ../sass/_postboard.sass */ +.post-replies .sub-replies { + border-left: solid 3px #B4C669; + margin-left: 1px; +} + +/* MODAL */ +/* line 316, ../sass/_postboard.sass */ +.modal-content .postboard { + width: auto !important; + padding: 0; + clear: none !important; + position: relative; +} +/* line 321, ../sass/_postboard.sass */ +.modal-content .post-text { + margin: 0 0 0 40px; +} +/* line 323, ../sass/_postboard.sass */ +.modal-content .post-photo { + width: 30px; + height: 30px; +} +/* line 326, ../sass/_postboard.sass */ +.modal-content .post-photo img { + width: 100%; + height: 100%; +} + +/* line 1, ../sass/_following.sass */ +.following { + width: 100% !important; +} + +/* line 4, ../sass/_following.sass */ +.following-list li { + text-align: center; + float: left; + width: 30%; + padding: 13px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + float: left; + margin: 0 2% 2% 0; +} + +/* line 15, ../sass/_following.sass */ +.following .mini-profile { + margin-bottom: 10px; +} + +/* line 18, ../sass/_following.sass */ +.following .mini-profile-info { + position: relative; +} + +/* line 21, ../sass/_following.sass */ +.following .mini-profile-photo { + margin: 0 auto 10px auto; + display: block; + width: 64px; + height: 64px; + overflow: hidden; + background: #E2E1DE; +} + +/* line 29, ../sass/_following.sass */ +.following .mini-profile-view { + display: inline; + color: rgba(0, 0, 0, 0.5); + font-size: 12px; + position: absolute; + top: 32px; + left: 65px; + z-index: 1; +} + +/* line 38, ../sass/_following.sass */ +.following .mini-profile-name { + font-weight: 900; + font-size: 1em; + line-height: 1em; + padding: 0; + text-decoration: none; + display: block; + color: inherit; + display: inline; +} + +/* line 47, ../sass/_following.sass */ +.following .mini-screen-name { + color: inherit; + display: block; + margin-bottom: 10px; +} + +/* line 52, ../sass/_following.sass */ +.following button, .following .mini-profile-actions span, .mini-profile-actions .following span, .following .modal-back { + display: inline-block; + margin: 5px 0; +} +/* line 55, ../sass/_following.sass */ +.following button.unfollow, .following .mini-profile-actions span.unfollow, .mini-profile-actions .following span.unfollow, .following .unfollow.modal-back { + background-color: #aaa; +} +/* line 57, ../sass/_following.sass */ +.following button.public-following, .following .mini-profile-actions span.public-following, .mini-profile-actions .following span.public-following, .following .public-following.modal-back { + background-color: #B4C669; +} + +/* line 62, ../sass/_following.sass */ +.mini-profile-actions { + position: absolute; + width: auto; + top: 0; + right: -16px; + display: inline-block; +} +/* line 69, ../sass/_following.sass */ +.mini-profile-actions span { + cursor: pointer !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} +/* line 76, ../sass/_following.sass */ +.mini-profile-actions span:before { + margin: 0; + padding: 0; + line-height: 1em; + font-size: 10px; +} +/* line 81, ../sass/_following.sass */ +.mini-profile-actions ul { + height: 0; + overflow: hidden; + position: absolute; + top: 2em; + right: -2em; + transition: height 0.4s linear; + transition: padding-top 0.1s linear; + background: #66686B; + z-index: 3; +} +/* line 96, ../sass/_following.sass */ +.mini-profile-actions:hover ul { + padding: 8px; + height: 112px; +} +/* line 101, ../sass/_following.sass */ +.mini-profile-actions ul li { + text-align: left; + margin: 0; + background: #66686B; + white-space: nowrap; + color: #aaa; + font-size: 12px; + line-height: 12px; + cursor: pointer; + display: block; + float: none; + width: auto; + padding: 8px; +} +/* line 117, ../sass/_following.sass */ +.mini-profile-actions:hover ul li:hover { + color: #B4C669; +} + +/* line 123, ../sass/_following.sass */ +.following .who-follow { + height: auto; + background-color: rgba(69, 71, 77, 0.1); + overflow: hidden; + font-size: 12px; +} + +/* line 129, ../sass/_following.sass */ +.following .show-more-followers { + color: #f11; + font-weight: bold; + cursor: pointer; + float: right; +} + +/* line 135, ../sass/_following.sass */ +.following .mini-follower-link { + display: inline-block; + margin-right: 10px; +} +/* line 138, ../sass/_following.sass */ +.following .mini-follower-link:before { + content: " ‧"; +} + +/* line 141, ../sass/_following.sass */ +.following a.open-profile-modal { + display: inline; + text-align: center; + color: #66686B; +} +/* line 145, ../sass/_following.sass */ +.following a.open-profile-modal:hover { + color: #aaa; +} + +/* line 151, ../sass/_following.sass */ +.following .post-area-new { + padding-bottom: 4px; +} +/* line 153, ../sass/_following.sass */ +.following .post-area-new textarea { + resize: none; + width: 445px; + 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: 28px; + border-radius: 3px; + border: solid 1px rgba(0, 0, 0, 0.3); + margin-left: 55px; + margin-bottom: 10px; + padding: 4px; + font-size: 13px; +} + +/* line 170, ../sass/_following.sass */ +.following .mini-profile .post-area-new { + padding: 9px; +} +/* line 172, ../sass/_following.sass */ +.following .mini-profile .post-area-new textarea { + margin-left: 0; + width: 100%; +} + +/* line 176, ../sass/_following.sass */ +.following .post-area-new.open textarea, .following .mini-profile .post-area-new textarea, .mini-profile .following .post-area-new textarea, .following #postboard-top .post-area .post-area-new textarea, #postboard-top .post-area .following .post-area-new textarea { + height: 80px; + border: solid 1px rgba(227, 79, 66, 0.5); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} + +/* line 181, ../sass/_following.sass */ +.following textarea.splited-post { + box-shadow: none !important; + height: 28px; +} + +/* line 185, ../sass/_following.sass */ +.following .splited-post-counter { + color: rgba(0, 0, 0, 0.3); + font-weight: bold; +} +/* line 188, ../sass/_following.sass */ +.following .splited-post-counter:before { + content: "…"; +} + +/* line 191, ../sass/_following.sass */ +.following .post-area-extras { + overflow: hidden; + height: 0; + text-align: right; +} + +/* line 196, ../sass/_following.sass */ +.following .post-submit { + background: #45474d; + color: rgba(255, 255, 255, 0.8); + border: none; + padding: 5px 10px; + cursor: pointer; + display: inline-block; + margin-top: 4px; +} + +/* line 205, ../sass/_following.sass */ +.following .post-area-new.open > .post-area-extras, .following .mini-profile .post-area-new > .post-area-extras, .mini-profile .following .post-area-new > .post-area-extras, .following #postboard-top .post-area .post-area-new > .post-area-extras, #postboard-top .post-area .following .post-area-new > .post-area-extras { + height: 35px; + transition: all 0.6s linear; +} + +/* line 209, ../sass/_following.sass */ +.following .post-area-remaining { + font-size: 13px; +} +/* line 211, ../sass/_following.sass */ +.following .post-area-remaining.warn { + color: #ff0000; +} + +/* line 214, ../sass/_following.sass */ +.following .post .show-more { + font-size: 13px; + font-weight: bold; + margin-left: 60px; + color: rgba(0, 0, 0, 0.5); +} +/* line 219, ../sass/_following.sass */ +.following .post .show-more:before { + content: "💭"; +} + +/* line 222, ../sass/_following.sass */ +.swarm-status { + display: none !important; +} + +/* line 227, ../sass/_following.sass */ +.following-modal .modal-wrapper { + width: 200px; +} +/* line 229, ../sass/_following.sass */ +.following-modal h2 { + display: none; +} + +/* line 232, ../sass/_following.sass */ +.mini-following-info { + width: 45px; + height: 45px; + text-align: center; + background: white; + margin: 1%; + float: left; +} +/* line 241, ../sass/_following.sass */ +.mini-following-info .mini-screen-name, .mini-following-info .mini-following-name { + display: none; +} +/* line 243, ../sass/_following.sass */ +.mini-following-info .mini-profile-photo { + height: 45px; + width: 45px; + border-radius: 0; +} + +/********** LOGIN AND NETWORK PAGES ****** */ +/* line 4, ../sass/_network.sass */ +.network.singleBlock ul { + padding-left: 20px; +} +/* line 6, ../sass/_network.sass */ +.network.singleBlock ul li { + line-height: 36px; + font-size: 13px; +} +/* line 10, ../sass/_network.sass */ +.network.singleBlock .module { + width: 46%; + float: left; + margin: 0 1% 0 0; + padding: 1.5%; + background: white; +} +/* line 16, ../sass/_network.sass */ +.network.singleBlock h2 { + display: block; +} +/* line 19, ../sass/_network.sass */ +.network.singleBlock h3 { + font-weight: 500; + text-transform: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + margin: 20px 0 10px 0; +} + +/* line 26, ../sass/_network.sass */ +.singleBlock .spam-msg { + resize: none; + width: 100%; + display: block; + border-radius: 3px; + padding: 4px; + font-size: 13px; + height: 80px; + border: solid 1px rgba(0, 0, 0, 0.1); + line-height: 20px; + position: relative; + margin-left: -20px; + margin-bottom: 10px; +} + +/* line 40, ../sass/_network.sass */ +.highlight { + background: white; + padding: 5px 8px; + line-height: 1.7; + display: inline-block; +} + +/* line 46, ../sass/_network.sass */ +span.connection-status { + line-height: 1em; + font-weight: 500; + font-size: 1em; +} +/* line 50, ../sass/_network.sass */ +span.connection-status:before { + content: ""; + display: inline-block; + height: 0.8em; + width: 0.8em; + margin-right: 0.8em; + background: #EF5D43; + color: white; +} +/* line 58, ../sass/_network.sass */ +span.connection-status.connected:before { + background: #B4C669; +} + +/* line 61, ../sass/_network.sass */ +.character-limit { + float: right; + margin-right: 18px; +} + +/* line 65, ../sass/_network.sass */ +.connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty { + color: #333; + font-weight: 700; +} + +/* line 1, ../sass/_commons.sass */ +* { + outline: none !important; +} + +/* line 4, ../sass/_commons.sass */ +li { + list-style: none; +} + +/* line 7, ../sass/_commons.sass */ +html, body { + height: 100%; + min-height: 100%; + background: #E2E1DE; + color: #66686B; + font: 0.95em/1.3em "Roboto", sans-serif; + font-weight: 400; +} + +/* line 15, ../sass/_commons.sass */ +br { + display: block; +} + +/* line 18, ../sass/_commons.sass */ +img { + background: #E2E1DE; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + +/* line 22, ../sass/_commons.sass */ +a { + text-decoration: none; + color: #aaa; +} +/* line 25, ../sass/_commons.sass */ +a:hover { + color: #B4C669; + text-decoration: none; +} + +/* line 29, ../sass/_commons.sass */ +p { + padding: 5px 0; +} + +/* line 33, ../sass/_commons.sass */ +h2, h3 { + font-size: 1.1em; + text-transform: uppercase; + letter-spacing: 0.07em; + font-weight: 500; + line-height: 1.8em; +} + +/* line 42, ../sass/_commons.sass */ +textarea, input[type=text] { + font: 0.95em/1.3em "Roboto", sans-serif; + font-weight: 400; +} + +/* isFollowing */ +/* line 49, ../sass/_commons.sass */ +.isFollowing:after { + color: #B4C669; + content: ""; + font-family: "fontello"; + padding-left: 2px; + display: inline; + font-size: 10px; + vertical-align: top; + line-height: 10px; +} +/* line 58, ../sass/_commons.sass */ +.isFollowing:after:hover { + text-decoration: none !important; +} +/* line 60, ../sass/_commons.sass */ +h3 .isFollowing:after { + display: none; +} + +/************** BUTTONS *********** */ +/* line 65, ../sass/_commons.sass */ +button, .mini-profile-actions span, .modal-back, a.button { + padding: 6px 8px; + font-size: 13px; + display: inline-block; + line-height: 1em; + font-weight: 500; + margin: 0; + float: none; + text-shadow: 2px 2px 0 transparent; + -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; + color: white; + background-color: #66686B; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + border: none; + font-family: "fontello", "Roboto"; + cursor: pointer; +} +/* line 82, ../sass/_commons.sass */ +button:hover, .mini-profile-actions span:hover, .modal-back:hover, a.button:hover { + background: #aaa; + text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); +} +/* line 85, ../sass/_commons.sass */ +button.disabled, .mini-profile-actions span.disabled, .disabled.modal-back, a.button.disabled { + opacity: 0.5; + background-color: #999; +} +/* line 88, ../sass/_commons.sass */ +button.disabled:hover, .mini-profile-actions span.disabled:hover, .disabled.modal-back:hover, a.button.disabled:hover { + color: white; +} + +/* line 1, ../sass/_tabs.sass */ +.options { + position: relative; +} +/* line 4, ../sass/_tabs.sass */ +.options .label { + font-weight: 700; +} +/* line 7, ../sass/_tabs.sass */ +.options label { + cursor: pointer; +} +/* line 9, ../sass/_tabs.sass */ +.options input[type=radio] { + display: none !important; + visibility: hidden; + opacity: 0; +} +/* line 14, ../sass/_tabs.sass */ +.options .postboard-display div { + clear: both; +} +/* line 16, ../sass/_tabs.sass */ +.options .postboard-display div div { + float: left; + clear: none; + padding: 10px; +} +/* line 20, ../sass/_tabs.sass */ +.options .postboard-display div div .label { + font-weight: 400; +} +/* line 24, ../sass/_tabs.sass */ +.options .tab-content { + background: white; + position: relative; + padding: 20px; +} +/* line 29, ../sass/_tabs.sass */ +.options .tab-content > div { + position: absolute; + top: 0; + left: 0; + height: auto; + width: 100%; + z-index: -1; + opacity: 0; + visibility: hidden; +} +/* line 39, ../sass/_tabs.sass */ +.options input#tab_language:checked ~ .tab-content .language, .options input#t-2:checked ~ .tab-content .theme, .options input#t-3:checked ~ .tab-content .sounds, .options input#t-4:checked ~ .tab-content .keys, .options input#t-5:checked ~ .tab-content .postboard-display, .options input#t-6:checked ~ .tab-content .users { + position: relative; + z-index: 10; + opacity: 1; + visibility: visible; +} +/* line 50, ../sass/_tabs.sass */ +.options label.tabs { + text-align: center; + width: auto; + display: inline-block !important; + margin: 0 5px 0 0; + padding: 5px 15px; + color: #aaa; + background: #f3f2f1; +} +/* line 51, ../sass/_tabs.sass */ +.options label.tabs:hover { + color: #66686B; +} +/* line 61, ../sass/_tabs.sass */ +.options input:checked + label.tabs { + background: white; + color: #66686B; +} + +/* line 19, ../sass/style.sass */ +.promoted-posts-only { + margin: 0 0; + float: right; +} +/* line 24, ../sass/style.sass */ +.promoted-posts-only li { + cursor: pointer; + display: inline-block; + margin: 0 0 0 5px; + padding: 5px 15px; + font-size: 0.9em; + transition: color 0.1s linear; +} +/* line 31, ../sass/style.sass */ +.promoted-posts-only li.active { + color: #66686B; + background: white; + cursor: default; +} +/* line 35, ../sass/style.sass */ +.promoted-posts-only li:hover, .promoted-posts-only li.disabled:hover { + color: #66686B; +} +/* line 37, ../sass/style.sass */ +.promoted-posts-only li.disabled { + color: #aaa; + background: #f3f2f1; +} + +/* Wrapper and blocks */ +/* line 47, ../sass/style.sass */ +.wrapper { + max-width: 100%; + width: 1180px; + margin: 0 auto; + padding-top: 70px; + position: relative; + z-index: 1; + min-height: 100%; +} + +/* line 57, ../sass/style.sass */ +.dashboard.left, .dashboard.right { + width: 300px; + position: fixed; + top: 0; + padding-top: 70px; + height: 100%; +} +/* line 63, ../sass/style.sass */ +.dashboard.right { + display: block; + position: absolute; + right: 0; +} +/* line 67, ../sass/style.sass */ +.dashboard.right .module { + position: fixed; + height: 100%; +} + +/********** CONFIG SUBMENU & SEARCH RESULTS *********** */ +/* line 76, ../sass/style.sass */ +.dialog-modal { + display: none; + background: #66686B; + position: absolute; + top: 45px; + right: -10px; + width: 250px; + overflow: hidden; +} + +/* line 85, ../sass/style.sass */ +.userMenu-search .dialog-modal:after { + right: auto; + left: 150px; +} + +/* line 89, ../sass/style.sass */ +.direct-messages, .dropdown-menu-item { + display: block; + padding: 10px; +} + +/* line 94, ../sass/style.sass */ +ul.userMenu-search-profiles { + width: 100%; + padding: 0; + background: white; +} +/* line 98, ../sass/style.sass */ +ul.userMenu-search-profiles li { + float: none; + display: block; + padding: 5px 10px; + margin: 0; + border-bottom: 1px solid #E2E1DE; +} +/* line 105, ../sass/style.sass */ +ul.userMenu-search-profiles .mini-profile-name { + font-size: 12px; + display: block; + margin: 0; + padding: 0; +} +/* line 110, ../sass/style.sass */ +ul.userMenu-search-profiles .mini-profile-photo { + width: 30px; + height: 30px; + margin: 0 10px 0 0; + float: left; +} +/* line 115, ../sass/style.sass */ +ul.userMenu-search-profiles .mini-profile-info { + width: 100%; + float: none; +} +/* line 119, ../sass/style.sass */ +ul.userMenu-search-profiles button, ul.userMenu-search-profiles .mini-profile-actions span, .mini-profile-actions ul.userMenu-search-profiles span, ul.userMenu-search-profiles .modal-back { + background-color: #66686B; + padding: 3px; +} +/* line 124, ../sass/style.sass */ +ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .mini-profile-actions span:after, .mini-profile-actions ul.userMenu-search-profiles span:after, ul.userMenu-search-profiles .modal-back:after { + content: ""; + font-family: "fontello"; +} + +/* line 129, ../sass/style.sass */ +.userMenu-search input[type="text"] { + float: right; + padding: 3px 10px; + margin: 9px 20px 0 0; + border: none; + background: white; + box-sizing: border-box; +} + +/* line 137, ../sass/style.sass */ +.userMenu-search-sugestions a { + color: rgba(0, 0, 0, 0.7); + padding: 10x 20px; + display: block; + clear: both; +} + +/***************** MINI PROFILE ****************************** */ +/* line 148, ../sass/style.sass */ +.mini-profile .mini-profile-info { + position: relative; + text-align: center; + background: white; +} +/* line 152, ../sass/style.sass */ +.mini-profile a.button { + background: #aaa; + margin: 1em auto; +} +/* line 155, ../sass/style.sass */ +.mini-profile .post-area { + margin-top: 1px; + margin-bottom: 20px; + padding: 0.5em; + background: #f3f2f1; +} +/* line 161, ../sass/style.sass */ +.mini-profile .post-area-new { + padding: 0; + display: none; + margin: 0; +} +/* line 166, ../sass/style.sass */ +.mini-profile .post-area-new textarea { + width: 100%; +} + +/* line 169, ../sass/style.sass */ +.mini-profile-indicators { + margin: 0 0 1em 0; + background-color: #f3f2f1; +} +/* line 173, ../sass/style.sass */ +.mini-profile-indicators li { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: 100px; + float: left; + font-size: 0.8em; + position: relative; + padding: 0; +} +/* line 181, ../sass/style.sass */ +.mini-profile-indicators li a { + position: relative; + color: #66686B; + display: block; + -moz-transition-property: color; + -o-transition-property: color; + -webkit-transition-property: color; + transition-property: color; + -moz-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + -webkit-transition-duration: 0.2s; + transition-duration: 0.2s; + padding: 1em 0; +} +/* line 188, ../sass/style.sass */ +.mini-profile-indicators li a:hover { + background-color: white; +} +/* line 191, ../sass/style.sass */ +.mini-profile-indicators li a:before { + font-size: 2.2em; + display: block !important; + text-align: center !important; + margin: auto !important; + padding-top: 0.2em; +} + +/* line 208, ../sass/style.sass */ +.messages-qtd { + position: absolute; + top: 10px; + right: 25px; + background: #B4C669; + color: #fff; + padding: 1px 3px; + line-height: 12px; + font-size: 0.8em; + font-weight: 700; + border-radius: 2px; +} + +/* line 220, ../sass/style.sass */ +.mini-profile-view { + display: none; +} + +/* line 223, ../sass/style.sass */ +.mini-profile-name { + color: #66686B; + font-size: 1.3em; + font-weight: 700; + padding: 10px 0; + display: block; + margin: auto; +} +/* line 230, ../sass/style.sass */ +.mini-profile-name:hover { + color: #aaa; +} + +/* line 234, ../sass/style.sass */ +.mini-profile-photo { + width: 80px; + height: 80px; + overflow: hidden; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + display: block; + margin: auto; +} +/* line 241, ../sass/style.sass */ +.mini-profile-photo img { + min-width: 100%; + min-height: 100%; + border-radius: 50%; +} + +/* line 248, ../sass/style.sass */ +.profile-data { + clear: both; + padding: 1em 0; + text-align: center; + background: white; +} +/* line 255, ../sass/style.sass */ +.profile-data li { + display: block; + float: left; + width: 100px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* line 260, ../sass/style.sass */ +.profile-data li.current a { + border-bottom: 3px solid #B4C669; +} +/* line 262, ../sass/style.sass */ +.profile-data li a { + color: #66686B; + display: inline-block; + font-size: 13px; + padding-bottom: 3px; +} +/* line 267, ../sass/style.sass */ +.profile-data li a:hover { + color: #aaa; +} +/* line 270, ../sass/style.sass */ +.profile-data li a span.posts-count, .profile-data li a span.following-count, .profile-data li a span.followers-count { + font-weight: 900; + display: block; + line-height: 15px; +} + +/* line 278, ../sass/style.sass */ +.mini-profile-info a:hover { + text-decoration: none; +} + +/* line 281, ../sass/style.sass */ +.who-follow { + display: block; + position: absolute; + bottom: 50px; + text-align: center; + padding: 10px; + font-size: 12px; + background: white; + 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; +} + +/* line 292, ../sass/style.sass */ +.show-more-followers { + font-weight: 700; + display: block; + cursor: pointer; + float: right; + color: #66686B; +} + +/* line 299, ../sass/style.sass */ +.mini-follower-link { + display: inline-block; + margin: 1px; + line-height: 12px; +} +/* line 303, ../sass/style.sass */ +.mini-follower-link.isFollowing:after { + display: none; +} +/* line 305, ../sass/style.sass */ +.mini-follower-link:after { + content: "·"; + font-weight: 900; + color: #66686B; + margin-left: 1px; +} + +/***************** POST AREA ************** */ +/* line 316, ../sass/style.sass */ +.post-area-new textarea { + resize: none; + box-shadow: none !important; + -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: 28px; + border: none; + background: white; + border: 1px solid rgba(0, 0, 0, 0.1); + padding: 3px; + margin: 5px 0; +} + +/* line 334, ../sass/style.sass */ +#postboard-top { + clear: both; + position: relative; + margin-bottom: 1px; + transition: height 0.3s linear; + padding: 10px 10px 5px 10px; + background: white; + overflow: hidden; +} +/* line 343, ../sass/style.sass */ +#postboard-top.hide { + display: none !important; +} +/* line 345, ../sass/style.sass */ +#postboard-top.show { + display: block; +} +/* line 348, ../sass/style.sass */ +#postboard-top .profile-photo { + position: absolute; + top: 10px; + left: 10px; + width: 48px; + height: 48px; + overflow: hidden; +} +/* line 355, ../sass/style.sass */ +#postboard-top .profile-photo img { + width: 100%; +} +/* line 357, ../sass/style.sass */ +#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; + float: right; +} +/* line 368, ../sass/style.sass */ +#postboard-top .post-area .post-area-new textarea { + margin: 0 0 5px 0; +} + +/* line 377, ../sass/style.sass */ +.post-area-new.open textarea, .mini-profile .post-area-new textarea, #postboard-top .post-area .post-area-new textarea { + height: 80px; +} + +/* line 380, ../sass/style.sass */ +textarea.splited-post { + box-shadow: none !important; + height: 28px; +} + +/* line 384, ../sass/style.sass */ +.splited-post-counter { + color: rgba(0, 0, 0, 0.3); + font-weight: bold; +} +/* line 387, ../sass/style.sass */ +.splited-post-counter:before { + content: "…"; +} + +/* line 390, ../sass/style.sass */ +.post-area-extras { + overflow: hidden; + height: 0; + text-align: right; +} + +/* line 395, ../sass/style.sass */ +.post-area-new.open > .post-area-extras, .mini-profile .post-area-new > .post-area-extras, #postboard-top .post-area .post-area-new > .post-area-extras { + height: auto; + transition: all 0.6s linear; +} + +/* line 399, ../sass/style.sass */ +.post-area-remaining { + padding-right: 3px; +} +/* line 401, ../sass/style.sass */ +.post-area-remaining.warn { + color: #ff0000; +} + +/****** WHO TO FOLLOW ****** */ +/* line 411, ../sass/style.sass */ +.who-to-follow { + width: inherit; + margin-bottom: 20px; +} +/* line 414, ../sass/style.sass */ +.who-to-follow small { + display: none; +} +/* line 416, ../sass/style.sass */ +.who-to-follow h3 { + float: left; +} +/* line 418, ../sass/style.sass */ +.who-to-follow ol { + clear: both; +} + +/* line 422, ../sass/style.sass */ +.twister-user { + clear: both; + width: 100%; + position: relative; + margin: 0 0 1px 0; + width: 100%; + box-sizing: border-box; + float: right; + background: white; +} + +/* line 433, ../sass/style.sass */ +.twister-user-photo { + display: inline-block; + float: left; + vertical-align: middle; + width: 48px; + height: auto; + overflow: hidden; + margin: 10px; + background: #E2E1DE; +} + +/* line 443, ../sass/style.sass */ +.twister-user-info { + width: 80%; +} + +/* line 447, ../sass/style.sass */ +.followers { + font-size: 12px; + color: #66686B; +} +/* line 450, ../sass/style.sass */ +.followers label, .followers a { + display: block; +} + +/* line 453, ../sass/style.sass */ +.followed-by { + color: #aaa; + font-size: 12px; + cursor: pointer; + display: block; +} + +/* line 459, ../sass/style.sass */ +.twister-user-name, .twister-by-user-name { + font-weight: bold; + font-size: 14px; + color: #aaa; + text-decoration: none; +} + +/* line 465, ../sass/style.sass */ +.twister-user-tag { + font-size: 12px; + line-height: 14px; + opacity: 0.8; + display: inline-block; + letter-spacing: 0px; +} + +/* line 472, ../sass/style.sass */ +.twister-user-remove { + font-size: 13px; + opacity: 0.2; + text-decoration: none; + cursor: pointer; + position: absolute; + padding: 5px; + top: -5px; + right: -5px; + display: inline-block; +} + +/* line 485, ../sass/style.sass */ +.twister-user:hover .twister-user-remove { + text-decoration: none; +} + +/* line 488, ../sass/style.sass */ +.twister-user-remove:hover { + opacity: 1; +} + +/* line 491, ../sass/style.sass */ +button.follow, .mini-profile-actions span.follow, .follow.modal-back { + position: absolute; + bottom: 10px; + right: 10px; + background: #B4C669; +} +/* line 496, ../sass/style.sass */ +button.follow:hover, .mini-profile-actions span.follow:hover, .follow.modal-back:hover { + background: #aaa; +} + +/* line 499, ../sass/style.sass */ +.refresh-users { + color: #66686B; + cursor: pointer; + font-size: 11px; + font-weight: 500; + text-transform: none; + letter-spacing: 0; + float: right; + display: block; + padding: 4px; + margin: 0 0 0 15px; + position: relative; +} + +/* line 514, ../sass/style.sass */ +.view-all-users { + color: #66686B; + cursor: pointer; + font-size: 11px; + font-weight: 500; + text-transform: none; + letter-spacing: 0; + float: right; + display: block; + padding: 4px; + margin: 0 0 0 15px; + position: relative; +} + +/* line 527, ../sass/style.sass */ +.refresh-users:hover, .view-all-users:hover { + color: #B4C669; + text-decoration: none; + background-color: transparent; +} + +/***********TOP TRENDS************** */ +/* line 534, ../sass/style.sass */ +ol.toptrends-list { + margin: 0; + margin-bottom: 10px; +} +/* line 538, ../sass/style.sass */ +ol.toptrends-list li { + display: inline-block; +} +/* line 541, ../sass/style.sass */ +ol.toptrends-list a { + color: #aaa; + padding: 3px 8px; + display: inline-block; + background: #f3f2f1; + text-transform: uppercase; + font-size: 11px; + margin: 3px; + font-weight: 500; +} +/* line 551, ../sass/style.sass */ +ol.toptrends-list a:hover { + background: white; + color: #66686B; +} + +/*********** POPUP MODAL************ */ +/* line 561, ../sass/style.sass */ +.modal-blackout { + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(170, 170, 170, 0.8); + display: none; + z-index: 3; +} + +/* line 571, ../sass/style.sass */ +.modal-wrapper { + position: absolute; + top: 50%; + left: 50%; + overflow: hidden; +} +/* line 576, ../sass/style.sass */ +.modal-wrapper .post-area-new { + padding: 10px; +} + +/* line 579, ../sass/style.sass */ +.modal-content { + background: #f3f2f1; + padding: 20px; +} +/* line 583, ../sass/style.sass */ +.modal-content .postboard h2 { + position: fixed; + z-index: 2; + margin-top: -60px; + margin-left: -60px; + width: 100px; + width: 520px; +} +/* line 590, ../sass/style.sass */ +.modal-content .postboard h2 span { + display: none; +} +/* line 592, ../sass/style.sass */ +.modal-content .postboard-news { + line-height: 30px; + position: absolute; + right: 0; + top: 40px; + font-weight: 900; + display: block; + padding: 0 20px; + color: white; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); + background: #B4C669; +} + +/* line 605, ../sass/style.sass */ +.modal-header { + position: relative; + background: #66686B; + height: 40px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +/* line 611, ../sass/style.sass */ +.modal-header h3 { + font-size: 0.8em; + line-height: 40px; + float: left; + font-weight: 900; + padding-left: 10px; + color: white; + display: block !important; +} + +/* line 620, ../sass/style.sass */ +.modal-close { + position: absolute; + right: 10px; + top: 0; + font-size: 14px; + line-height: 40px; + cursor: pointer; + color: rgba(255, 255, 255, 0.7); +} +/* line 630, ../sass/style.sass */ +.modal-close:hover { + color: white; +} +/* line 632, ../sass/style.sass */ +.modal-close b { + display: none; +} + +/* line 635, ../sass/style.sass */ +.mark-all-as-read { + float: left; + cursor: pointer; + font-size: 1.3em; + line-height: 40px; + padding: 0 5px; + color: #aaa; + transition: all 0.1s linear; + display: none; +} + +/* line 645, ../sass/style.sass */ +.modal-back:hover, .mark-all-as-read:hover { + color: #B4C669; +} + +/* line 653, ../sass/style.sass */ +.modal-back { + margin: 0; + background: #B4C669; + display: none !important; + float: left; +} + +/* line 662, ../sass/style.sass */ +.modal-buttons { + padding: 10px; + text-align: right; +} + +/************ FOLLOWING-CONFIG MODAL ********* */ +/* line 670, ../sass/style.sass */ +.following-config-modal h2 { + text-transform: none; +} +/* line 672, ../sass/style.sass */ +.following-config-modal .modal-wrapper { + top: 43%; + left: 25%; + width: 50%; +} +/* line 676, ../sass/style.sass */ +.following-config-modal .modal-content { + padding: 10px; + text-align: center; + background-color: white; +} +/* line 680, ../sass/style.sass */ +.following-config-modal .modal-buttons { + display: none; +} + +/* line 682, ../sass/style.sass */ +.following-config-method-buttons { + padding: 10px; +} +/* line 684, ../sass/style.sass */ +.following-config-method-buttons .public-following { + background-color: #B4C669; +} + +/************ RETWIST POSTS MODAL ********* */ +/* line 690, ../sass/style.sass */ +.reTwist .modal-wrapper { + width: 520px; + top: 20%; + margin: 0 0 0 -260px; +} +/* line 694, ../sass/style.sass */ +.reTwist .post-expand, .reTwist .post-interactions { + display: none; +} + +/********* REPLY POSTS MODAL************** */ +/* line 700, ../sass/style.sass */ +.reply .modal-wrapper { + width: 520px; + top: 20%; + margin: 0 0 0 -260px; +} +/* line 704, ../sass/style.sass */ +.reply .modal-buttons, .reply .post-expand, .reply .post-interactions { + display: none; +} + +/****** DIRECT MESSAGES MODAL********* */ +/* line 710, ../sass/style.sass */ +.directMessages .post-area-new { + display: none; + padding: 20px; + z-index: 5; + background: #E2E1DE; +} +/* line 717, ../sass/style.sass */ +.directMessages .post-area-new .modal-header h3 span { + display: inline !important; +} +/* line 719, ../sass/style.sass */ +.directMessages .modal-wrapper { + width: 520px; + height: 490px; + top: 10%; + margin: 0 0 0 -260px; + overflow-x: hidden; +} +/* line 726, ../sass/style.sass */ +.directMessages .modal-content { + overflow-y: auto; + height: 300px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 520px; +} +/* line 733, ../sass/style.sass */ +.directMessages .modal-buttons { + display: none; +} +/* line 735, ../sass/style.sass */ +.directMessages .post-photo { + height: 48px; + width: 48px; +} +/* line 738, ../sass/style.sass */ +.directMessages .post-text { + margin-left: 58px; + font-size: 0.9em; +} +/* line 741, ../sass/style.sass */ +.directMessages .post-info-name { + float: none; +} +/* line 743, ../sass/style.sass */ +.directMessages .post-info-tag { + line-height: 1em; + padding: 0; + display: inline; + font-size: 80%; + margin: 0 0 0 1em; +} + +/* line 750, ../sass/style.sass */ +.direct-messages-list .post { + padding: 10px 30px 10px 15px; + cursor: pointer; +} +/* line 753, ../sass/style.sass */ +.direct-messages-list .post:after { + content: ""; + font-family: "fontello"; + position: absolute; + right: 10px; + top: 50%; + font-size: 1.2em; + margin: -6px 0 0 0; + color: rgba(0, 0, 0, 0.4); + display: none; +} + +/* line 765, ../sass/style.sass */ +.direct-messages-list .post:hover:after { + display: block; +} + +/* line 770, ../sass/style.sass */ +.direct-messages-thread .post { + background: none; + left: 0; + margin: 0px 10px 20px 10px; + cursor: default; +} +/* line 776, ../sass/style.sass */ +.direct-messages-thread .post .post-info-time { + float: none; + display: block; + text-align: center; + font-size: 10px; + margin: 10px 0; + cursor: default; +} +/* line 783, ../sass/style.sass */ +.direct-messages-thread .post .post-info-time:hover { + color: #aaa; +} +/* line 787, ../sass/style.sass */ +.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; +} +/* line 795, ../sass/style.sass */ +.direct-messages-thread .post .post-text:after { + border-top: solid 7px transparent; + border-bottom: solid 7px transparent; + border-right: solid 7px white; + left: -7px; +} +/* line 801, ../sass/style.sass */ +.direct-messages-thread .post .post-text { + background: white; + margin-right: 60px; + margin-left: 60px; + position: relative; + display: inline-block; + max-width: 300px; + font-size: 0.9em; + padding: 5px 10px; + z-index: 4; + float: left; + word-wrap: break-word; + max-width: 60%; + min-height: 15px; +} +/* line 816, ../sass/style.sass */ +.direct-messages-thread .post .post-photo { + position: absolute; + left: 0; + top: 10px; +} +/* line 825, ../sass/style.sass */ +.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; +} +/* line 832, ../sass/style.sass */ +.direct-messages-thread .post.sent .post-text { + float: right; +} +/* line 834, ../sass/style.sass */ +.direct-messages-thread .post.sent .post-photo { + position: absolute; + right: 0; + left: auto; +} + +/********* NEW USER MODAL************* */ +/* line 844, ../sass/style.sass */ +.new-user .modal-wrapper { + width: 520px; + height: 600px; + top: 10%; + margin: 0 0 0 -260px; + overflow-x: hidden; + overflow-y: hidden; +} +/* line 851, ../sass/style.sass */ +.new-user .modal-content { + margin: 10px 10px 10px 10px; +} +/* line 853, ../sass/style.sass */ +.new-user .modal-buttons, .new-user .modal-close { + display: none; +} +/* line 855, ../sass/style.sass */ +.new-user .text { + margin: 0 0 15px 0; +} +/* line 857, ../sass/style.sass */ +.new-user .emphasis { + font-size: 18px; + text-align: center; +} +/* line 860, ../sass/style.sass */ +.new-user .secret-key { + color: black; + font-weight: bold; +} + +/******** HASHTAG MODAL********** */ +/* line 867, ../sass/style.sass */ +.hashtag-modal .modal-wrapper { + width: 520px; + height: 600px; + top: 10%; + margin: 0 0 0 -260px; + overflow: hidden; +} +/* line 873, ../sass/style.sass */ +.hashtag-modal .modal-content { + overflow-y: auto; + height: 500px; +} +/* line 876, ../sass/style.sass */ +.hashtag-modal .modal-buttons { + display: none; +} +/* line 878, ../sass/style.sass */ +.hashtag-modal .postboard { + padding: 0; +} + +/****** CONVERSATION MODAL********** */ +/* line 884, ../sass/style.sass */ +.conversation-modal .modal-wrapper { + position: absolute; + width: 520px; + height: 575px; + top: 10%; + margin: 0 0 0 -260px; + overflow: hidden; + background: white; +} +/* line 892, ../sass/style.sass */ +.conversation-modal .modal-content { + overflow-y: auto; + height: 90%; +} +/* line 895, ../sass/style.sass */ +.conversation-modal .modal-buttons { + display: none; +} +/* line 897, ../sass/style.sass */ +.conversation-modal .postboard { + padding: 0; +} + +/****** FOLLOWING MODAL****** */ +/* line 903, ../sass/style.sass */ +.following-modal .modal-wrapper { + width: 520px; + top: 10%; + height: 400px; + margin: 0 0 0 -260px; + overflow-x: hidden; +} +/* line 909, ../sass/style.sass */ +.following-modal .modal-content { + height: 300px; + overflow-y: auto; + padding: 0; +} +/* line 913, ../sass/style.sass */ +.following-modal .modal-buttons { + display: none; +} +/* line 915, ../sass/style.sass */ +.following-modal ol { + margin: 5px; +} +/* line 918, ../sass/style.sass */ +.following-modal .open-profile-modal:hover { + text-decoration: none; +} + +/******* WHO TO FOLLOW MODAL****** */ +/* line 926, ../sass/style.sass */ +.who-to-follow-modal .modal-wrapper { + width: 520px; + top: 10%; + height: 455px; + margin: 0 0 0 -260px; + overflow-x: hidden; +} +/* line 932, ../sass/style.sass */ +.who-to-follow-modal .modal-content { + padding: 15px; + height: 400px; + overflow-y: auto; +} +/* line 936, ../sass/style.sass */ +.who-to-follow-modal .modal-buttons { + display: none; +} +/* line 938, ../sass/style.sass */ +.who-to-follow-modal ol { + margin: 5px; +} +/* line 941, ../sass/style.sass */ +.who-to-follow-modal .open-profile-modal:hover { + text-decoration: none; +} +/* line 943, ../sass/style.sass */ +.who-to-follow-modal .twister-user { + position: relative; + padding: 5px; +} +/* line 946, ../sass/style.sass */ +.who-to-follow-modal .twister-user-photo { + position: relative; + left: 0; + float: left; + display: block; +} +/* line 951, ../sass/style.sass */ +.who-to-follow-modal .twister-user-info { + position: relative; + padding-left: 70px; + width: auto; +} +/* line 955, ../sass/style.sass */ +.who-to-follow-modal .bio { + color: rgba(0, 0, 0, 0.6); + font-style: italic; +} + +/******* LOADER ************ */ +/* line 961, ../sass/style.sass */ +.postboard-loading { + text-align: center; +} +/* line 963, ../sass/style.sass */ +.postboard-loading div { + display: inline-block; + width: 120px; + height: 10px; + background-color: #aaa; + position: relative; + margin: 10px 0 0 0; +} +/* line 970, ../sass/style.sass */ +.postboard-loading div:after { + content: ""; + position: absolute; + background-color: white; + left: 2px; + top: 2px; + bottom: 2px; + z-index: 999; + animation-name: slide; + animation-duration: 1.5s; + animation-easing-function: linear; + animation-iteration-count: infinite; + -webkit-animation-name: slide; + -webkit-animation-duration: 1.5s; + -webkit-animation-easing-function: linear; + -webkit-animation-iteration-count: infinite; + -moz-animation-name: slide; + -moz-animation-duration: 1.5s; + -moz-animation-easing-function: linear; + -moz-animation-iteration-count: infinite; +} + +@keyframes slide { + 0% { + right: 60px; + left: 2px; + } + 5% { + left: 2px; + } + 50% { + right: 2px; + left: 60px; + } + 55% { + right: 2px; + } + 100% { + right: 60px; + left: 2px; + } +} +@-webkit-keyframes slide { + 0% { + right: 100px; + left: 2px; + } + 5% { + left: 2px; + } + 50% { + right: 2px; + left: 100px; + } + 55% { + right: 2px; + } + 100% { + right: 100px; + left: 2px; + } +} +@-moz-keyframes slide { + 0% { + right: 60px; + left: 2px; + } + 5% { + left: 2px; + } + 50% { + right: 2px; + left: 60px; + } + 55% { + right: 2px; + } + 100% { + right: 60px; + left: 2px; + } +} +/* Options */ +/* line 1045, ../sass/style.sass */ +.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; +} +/* line 1060, ../sass/style.sass */ +.suboptions div { + float: none !important; +} +/* line 1062, ../sass/style.sass */ +.suboptions span { + font-style: normal; +} + +/* Autocomplite */ +/* line 1067, ../sass/style.sass */ +.textcomplete-wrapper textarea { + display: inline; +} + +/* line 1070, ../sass/style.sass */ +ul.dropdown-menu { + position: absolute; + top: 23px; + left: 155px; + z-index: 100; + display: block; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-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); +} +/* line 1086, ../sass/style.sass */ +ul.dropdown-menu li { + line-height: 20px; +} +/* line 1088, ../sass/style.sass */ +ul.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + white-space: nowrap; + -webkit-transition: all 200ms; + -moz-transition: all 200ms; + -ms-transition: all 200ms; + -o-transition: all 200ms; + transition: all 200ms; +} + +@media (max-width: 1200px) { + /* line 2, ../sass/_responsive.sass */ + .wrapper { + width: 900px; + } + + /* line 5, ../sass/_responsive.sass */ + .dashboard.right { + display: none; + } + + /* line 8, ../sass/_responsive.sass */ + .userMenu ul { + width: 900px; + } + + /* line 11, ../sass/_responsive.sass */ + .postboard { + width: 100%; + } + + /* line 14, ../sass/_responsive.sass */ + .following-list li { + width: 47%; + float: left; + margin: 0 2% 2% 0; + font-size: 80%; + } +} +@media (max-width: 900px) { + /* line 21, ../sass/_responsive.sass */ + .profile-modal .modal-wrapper { + margin-left: 0; + left: 1%; + } +} +@media (max-width: 600px) { + /* line 26, ../sass/_responsive.sass */ + .dashboard.left, .postboard { + position: static; + width: 100%; + } + + /* line 29, ../sass/_responsive.sass */ + .postboard { + margin: 0; + padding: 10px; + } + + /* line 32, ../sass/_responsive.sass */ + .who-to-follow, .toptrends { + display: none; + } + + /* line 35, ../sass/_responsive.sass */ + .mini-profile .post-area, .mini-profile .post-area-new { + display: none; + } + + /* line 37, ../sass/_responsive.sass */ + .following-list li { + width: 98%; + float: none; + margin: 2% 1%; + } +} From 293a6583029871817c42965b33a213f3b0ce317e Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 18:11:25 +0100 Subject: [PATCH 10/20] moved style from html into themes --- css/style.css | 18 +++ home.html | 2 +- js/interface_common.js | 1 - js/twister_following.js | 1 - theme_calm/css/style.css | 22 +++- theme_nin/css/style.css | 212 ++++++++++++++++++++--------------- theme_nin/js/theme_option.js | 3 +- theme_nin/sass/style.sass | 13 ++- 8 files changed, 175 insertions(+), 97 deletions(-) diff --git a/css/style.css b/css/style.css index 344599c..886d54c 100644 --- a/css/style.css +++ b/css/style.css @@ -1636,6 +1636,24 @@ ol.toptrends-list { font-size: 12px; color: rgba( 0, 0, 0, .6 ); } + +/************************************* +****************** POPUP PROMPT ****** +**************************************/ + +.prompt-wrapper +{ + position: absolute; + top: 50%; + left: 50%; + background: rgba( 255, 255,255, 1.0 ); + box-shadow: 0 0 30px rgba( 0, 0, 0, .6 ); + z-index: 5; + width: 600px; + margin-left:-300px; +} + + /************************************* ****************** LOADER ************ **************************************/ diff --git a/home.html b/home.html index a8d2dd9..ac49c46 100644 --- a/home.html +++ b/home.html @@ -343,7 +343,7 @@ -
+

× diff --git a/js/interface_common.js b/js/interface_common.js index 43faa3a..b63e535 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -449,7 +449,6 @@ function watchHashChange(e) } else if (hashstring == '#whotofollow'){ openWhoToFollowModal(); } else{ - console.log(hashstring); closeModalHandler(); } } diff --git a/js/twister_following.js b/js/twister_following.js index 081dda5..511c171 100644 --- a/js/twister_following.js +++ b/js/twister_following.js @@ -464,7 +464,6 @@ function fillWhoFollows(list, item, offset, size) { follower_link.attr("data-screen-name", list[i]); follower_link.attr("href", $.MAL.userUrl(list[i])); follower_link.text(list[i]); - follower_link.on("click", openProfileModal); getFullname( list[i], follower_link ); item.append( follower_link ); diff --git a/theme_calm/css/style.css b/theme_calm/css/style.css index cc7cb1f..4c3a8ca 100644 --- a/theme_calm/css/style.css +++ b/theme_calm/css/style.css @@ -1645,6 +1645,26 @@ textarea.splited-post { .login .module input::-ms-input-placeholder { color: #fff; } + +/************************************* +****************** POPUP PROMPT ****** +**************************************/ + +.prompt-wrapper +{ + position: absolute; + top: 50%; + left: 50%; + background: rgba( 255, 255,255, 1.0 ); + box-shadow: 0 0 30px rgba( 0, 0, 0, .6 ); + z-index: 5; + width: 600px; + margin-left:-300px; +} + + + + /************************************* **************************** POPUP MODAL **************************************/ @@ -2314,4 +2334,4 @@ p.post-text img { .reply textarea{ margin-top: 20px; -} \ No newline at end of file +} diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 06c8b7f..23e36cc 100644 --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -56,7 +56,7 @@ font-style: normal; } /* line 64, ../sass/_fonts.sass */ -[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-context span:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back: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-users:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { +[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-context span:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back: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-users:before, .prompt-close:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { font-family: "fontello"; font-style: normal; font-weight: normal; @@ -115,7 +115,7 @@ /* '' */ /* line 115, ../sass/_fonts.sass */ -.icon-cancel:before, .twister-user-remove:before, .modal-close:before { +.icon-cancel:before, .twister-user-remove:before, .prompt-close:before, .modal-close:before { content: ""; } @@ -306,7 +306,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, width: 1180px; max-width: 100%; margin: auto; - background: url('/img/twister_logo.png?1421423397') no-repeat 50% 50%; + background: url('/theme_nin/img/twister_logo.png?1421423397') no-repeat 50% 50%; background-size: 20px; } /* line 18, ../sass/_menu.sass */ @@ -2386,8 +2386,40 @@ ol.toptrends-list a:hover { color: #66686B; } -/*********** POPUP MODAL************ */ -/* line 561, ../sass/style.sass */ +/*********** POPUP PROMPT ************ */ +/* line 558, ../sass/style.sass */ +.prompt-wrapper { + position: absolute; + top: 50%; + left: 50%; + background: white; + box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); + z-index: 5; + width: 600px; + margin-left: -300px; +} + +/* line 568, ../sass/style.sass */ +.prompt-close { + position: absolute; + right: 10px; + top: 0; + font-size: 14px; + line-height: 40px; + cursor: pointer; + color: rgba(255, 255, 255, 0.7); +} +/* line 578, ../sass/style.sass */ +.prompt-close:hover { + color: white; +} +/* line 580, ../sass/style.sass */ +.prompt-close b { + display: none; +} + +/*********** POPUP MODAL ************* */ +/* line 584, ../sass/style.sass */ .modal-blackout { position: fixed; width: 100%; @@ -2399,24 +2431,24 @@ ol.toptrends-list a:hover { z-index: 3; } -/* line 571, ../sass/style.sass */ +/* line 594, ../sass/style.sass */ .modal-wrapper { position: absolute; top: 50%; left: 50%; overflow: hidden; } -/* line 576, ../sass/style.sass */ +/* line 599, ../sass/style.sass */ .modal-wrapper .post-area-new { padding: 10px; } -/* line 579, ../sass/style.sass */ +/* line 602, ../sass/style.sass */ .modal-content { background: #f3f2f1; padding: 20px; } -/* line 583, ../sass/style.sass */ +/* line 606, ../sass/style.sass */ .modal-content .postboard h2 { position: fixed; z-index: 2; @@ -2425,11 +2457,11 @@ ol.toptrends-list a:hover { width: 100px; width: 520px; } -/* line 590, ../sass/style.sass */ +/* line 613, ../sass/style.sass */ .modal-content .postboard h2 span { display: none; } -/* line 592, ../sass/style.sass */ +/* line 615, ../sass/style.sass */ .modal-content .postboard-news { line-height: 30px; position: absolute; @@ -2443,7 +2475,7 @@ ol.toptrends-list a:hover { background: #B4C669; } -/* line 605, ../sass/style.sass */ +/* line 628, ../sass/style.sass */ .modal-header { position: relative; background: #66686B; @@ -2452,7 +2484,7 @@ ol.toptrends-list a:hover { -webkit-box-sizing: border-box; box-sizing: border-box; } -/* line 611, ../sass/style.sass */ +/* line 634, ../sass/style.sass */ .modal-header h3 { font-size: 0.8em; line-height: 40px; @@ -2463,7 +2495,7 @@ ol.toptrends-list a:hover { display: block !important; } -/* line 620, ../sass/style.sass */ +/* line 643, ../sass/style.sass */ .modal-close { position: absolute; right: 10px; @@ -2473,16 +2505,16 @@ ol.toptrends-list a:hover { cursor: pointer; color: rgba(255, 255, 255, 0.7); } -/* line 630, ../sass/style.sass */ +/* line 653, ../sass/style.sass */ .modal-close:hover { color: white; } -/* line 632, ../sass/style.sass */ +/* line 655, ../sass/style.sass */ .modal-close b { display: none; } -/* line 635, ../sass/style.sass */ +/* line 658, ../sass/style.sass */ .mark-all-as-read { float: left; cursor: pointer; @@ -2494,12 +2526,12 @@ ol.toptrends-list a:hover { display: none; } -/* line 645, ../sass/style.sass */ +/* line 668, ../sass/style.sass */ .modal-back:hover, .mark-all-as-read:hover { color: #B4C669; } -/* line 653, ../sass/style.sass */ +/* line 676, ../sass/style.sass */ .modal-back { margin: 0; background: #B4C669; @@ -2507,80 +2539,80 @@ ol.toptrends-list a:hover { float: left; } -/* line 662, ../sass/style.sass */ +/* line 685, ../sass/style.sass */ .modal-buttons { padding: 10px; text-align: right; } /************ FOLLOWING-CONFIG MODAL ********* */ -/* line 670, ../sass/style.sass */ +/* line 693, ../sass/style.sass */ .following-config-modal h2 { text-transform: none; } -/* line 672, ../sass/style.sass */ +/* line 695, ../sass/style.sass */ .following-config-modal .modal-wrapper { top: 43%; left: 25%; width: 50%; } -/* line 676, ../sass/style.sass */ +/* line 699, ../sass/style.sass */ .following-config-modal .modal-content { padding: 10px; text-align: center; background-color: white; } -/* line 680, ../sass/style.sass */ +/* line 703, ../sass/style.sass */ .following-config-modal .modal-buttons { display: none; } -/* line 682, ../sass/style.sass */ +/* line 705, ../sass/style.sass */ .following-config-method-buttons { padding: 10px; } -/* line 684, ../sass/style.sass */ +/* line 707, ../sass/style.sass */ .following-config-method-buttons .public-following { background-color: #B4C669; } /************ RETWIST POSTS MODAL ********* */ -/* line 690, ../sass/style.sass */ +/* line 713, ../sass/style.sass */ .reTwist .modal-wrapper { width: 520px; top: 20%; margin: 0 0 0 -260px; } -/* line 694, ../sass/style.sass */ +/* line 717, ../sass/style.sass */ .reTwist .post-expand, .reTwist .post-interactions { display: none; } /********* REPLY POSTS MODAL************** */ -/* line 700, ../sass/style.sass */ +/* line 723, ../sass/style.sass */ .reply .modal-wrapper { width: 520px; top: 20%; margin: 0 0 0 -260px; } -/* line 704, ../sass/style.sass */ +/* line 727, ../sass/style.sass */ .reply .modal-buttons, .reply .post-expand, .reply .post-interactions { display: none; } /****** DIRECT MESSAGES MODAL********* */ -/* line 710, ../sass/style.sass */ +/* line 733, ../sass/style.sass */ .directMessages .post-area-new { display: none; padding: 20px; z-index: 5; background: #E2E1DE; } -/* line 717, ../sass/style.sass */ +/* line 740, ../sass/style.sass */ .directMessages .post-area-new .modal-header h3 span { display: inline !important; } -/* line 719, ../sass/style.sass */ +/* line 742, ../sass/style.sass */ .directMessages .modal-wrapper { width: 520px; height: 490px; @@ -2588,7 +2620,7 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 726, ../sass/style.sass */ +/* line 749, ../sass/style.sass */ .directMessages .modal-content { overflow-y: auto; height: 300px; @@ -2597,25 +2629,25 @@ ol.toptrends-list a:hover { box-sizing: border-box; width: 520px; } -/* line 733, ../sass/style.sass */ +/* line 756, ../sass/style.sass */ .directMessages .modal-buttons { display: none; } -/* line 735, ../sass/style.sass */ +/* line 758, ../sass/style.sass */ .directMessages .post-photo { height: 48px; width: 48px; } -/* line 738, ../sass/style.sass */ +/* line 761, ../sass/style.sass */ .directMessages .post-text { margin-left: 58px; font-size: 0.9em; } -/* line 741, ../sass/style.sass */ +/* line 764, ../sass/style.sass */ .directMessages .post-info-name { float: none; } -/* line 743, ../sass/style.sass */ +/* line 766, ../sass/style.sass */ .directMessages .post-info-tag { line-height: 1em; padding: 0; @@ -2624,12 +2656,12 @@ ol.toptrends-list a:hover { margin: 0 0 0 1em; } -/* line 750, ../sass/style.sass */ +/* line 773, ../sass/style.sass */ .direct-messages-list .post { padding: 10px 30px 10px 15px; cursor: pointer; } -/* line 753, ../sass/style.sass */ +/* line 776, ../sass/style.sass */ .direct-messages-list .post:after { content: ""; font-family: "fontello"; @@ -2642,19 +2674,19 @@ ol.toptrends-list a:hover { display: none; } -/* line 765, ../sass/style.sass */ +/* line 788, ../sass/style.sass */ .direct-messages-list .post:hover:after { display: block; } -/* line 770, ../sass/style.sass */ +/* line 793, ../sass/style.sass */ .direct-messages-thread .post { background: none; left: 0; margin: 0px 10px 20px 10px; cursor: default; } -/* line 776, ../sass/style.sass */ +/* line 799, ../sass/style.sass */ .direct-messages-thread .post .post-info-time { float: none; display: block; @@ -2663,11 +2695,11 @@ ol.toptrends-list a:hover { margin: 10px 0; cursor: default; } -/* line 783, ../sass/style.sass */ +/* line 806, ../sass/style.sass */ .direct-messages-thread .post .post-info-time:hover { color: #aaa; } -/* line 787, ../sass/style.sass */ +/* line 810, ../sass/style.sass */ .direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after { content: ""; width: 1px; @@ -2676,14 +2708,14 @@ ol.toptrends-list a:hover { top: 10px; white-space: normal; } -/* line 795, ../sass/style.sass */ +/* line 818, ../sass/style.sass */ .direct-messages-thread .post .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; border-right: solid 7px white; left: -7px; } -/* line 801, ../sass/style.sass */ +/* line 824, ../sass/style.sass */ .direct-messages-thread .post .post-text { background: white; margin-right: 60px; @@ -2699,13 +2731,13 @@ ol.toptrends-list a:hover { max-width: 60%; min-height: 15px; } -/* line 816, ../sass/style.sass */ +/* line 839, ../sass/style.sass */ .direct-messages-thread .post .post-photo { position: absolute; left: 0; top: 10px; } -/* line 825, ../sass/style.sass */ +/* line 848, ../sass/style.sass */ .direct-messages-thread .post.sent .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; @@ -2714,11 +2746,11 @@ ol.toptrends-list a:hover { right: -7px; left: auto; } -/* line 832, ../sass/style.sass */ +/* line 855, ../sass/style.sass */ .direct-messages-thread .post.sent .post-text { float: right; } -/* line 834, ../sass/style.sass */ +/* line 857, ../sass/style.sass */ .direct-messages-thread .post.sent .post-photo { position: absolute; right: 0; @@ -2726,7 +2758,7 @@ ol.toptrends-list a:hover { } /********* NEW USER MODAL************* */ -/* line 844, ../sass/style.sass */ +/* line 867, ../sass/style.sass */ .new-user .modal-wrapper { width: 520px; height: 600px; @@ -2735,31 +2767,31 @@ ol.toptrends-list a:hover { overflow-x: hidden; overflow-y: hidden; } -/* line 851, ../sass/style.sass */ +/* line 874, ../sass/style.sass */ .new-user .modal-content { margin: 10px 10px 10px 10px; } -/* line 853, ../sass/style.sass */ +/* line 876, ../sass/style.sass */ .new-user .modal-buttons, .new-user .modal-close { display: none; } -/* line 855, ../sass/style.sass */ +/* line 878, ../sass/style.sass */ .new-user .text { margin: 0 0 15px 0; } -/* line 857, ../sass/style.sass */ +/* line 880, ../sass/style.sass */ .new-user .emphasis { font-size: 18px; text-align: center; } -/* line 860, ../sass/style.sass */ +/* line 883, ../sass/style.sass */ .new-user .secret-key { color: black; font-weight: bold; } /******** HASHTAG MODAL********** */ -/* line 867, ../sass/style.sass */ +/* line 890, ../sass/style.sass */ .hashtag-modal .modal-wrapper { width: 520px; height: 600px; @@ -2767,22 +2799,22 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow: hidden; } -/* line 873, ../sass/style.sass */ +/* line 896, ../sass/style.sass */ .hashtag-modal .modal-content { overflow-y: auto; height: 500px; } -/* line 876, ../sass/style.sass */ +/* line 899, ../sass/style.sass */ .hashtag-modal .modal-buttons { display: none; } -/* line 878, ../sass/style.sass */ +/* line 901, ../sass/style.sass */ .hashtag-modal .postboard { padding: 0; } /****** CONVERSATION MODAL********** */ -/* line 884, ../sass/style.sass */ +/* line 907, ../sass/style.sass */ .conversation-modal .modal-wrapper { position: absolute; width: 520px; @@ -2792,22 +2824,22 @@ ol.toptrends-list a:hover { overflow: hidden; background: white; } -/* line 892, ../sass/style.sass */ +/* line 915, ../sass/style.sass */ .conversation-modal .modal-content { overflow-y: auto; height: 90%; } -/* line 895, ../sass/style.sass */ +/* line 918, ../sass/style.sass */ .conversation-modal .modal-buttons { display: none; } -/* line 897, ../sass/style.sass */ +/* line 920, ../sass/style.sass */ .conversation-modal .postboard { padding: 0; } /****** FOLLOWING MODAL****** */ -/* line 903, ../sass/style.sass */ +/* line 926, ../sass/style.sass */ .following-modal .modal-wrapper { width: 520px; top: 10%; @@ -2815,27 +2847,27 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 909, ../sass/style.sass */ +/* line 932, ../sass/style.sass */ .following-modal .modal-content { height: 300px; overflow-y: auto; padding: 0; } -/* line 913, ../sass/style.sass */ +/* line 936, ../sass/style.sass */ .following-modal .modal-buttons { display: none; } -/* line 915, ../sass/style.sass */ +/* line 938, ../sass/style.sass */ .following-modal ol { margin: 5px; } -/* line 918, ../sass/style.sass */ +/* line 941, ../sass/style.sass */ .following-modal .open-profile-modal:hover { text-decoration: none; } /******* WHO TO FOLLOW MODAL****** */ -/* line 926, ../sass/style.sass */ +/* line 949, ../sass/style.sass */ .who-to-follow-modal .modal-wrapper { width: 520px; top: 10%; @@ -2843,54 +2875,54 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 932, ../sass/style.sass */ +/* line 955, ../sass/style.sass */ .who-to-follow-modal .modal-content { padding: 15px; height: 400px; overflow-y: auto; } -/* line 936, ../sass/style.sass */ +/* line 959, ../sass/style.sass */ .who-to-follow-modal .modal-buttons { display: none; } -/* line 938, ../sass/style.sass */ +/* line 961, ../sass/style.sass */ .who-to-follow-modal ol { margin: 5px; } -/* line 941, ../sass/style.sass */ +/* line 964, ../sass/style.sass */ .who-to-follow-modal .open-profile-modal:hover { text-decoration: none; } -/* line 943, ../sass/style.sass */ +/* line 966, ../sass/style.sass */ .who-to-follow-modal .twister-user { position: relative; padding: 5px; } -/* line 946, ../sass/style.sass */ +/* line 969, ../sass/style.sass */ .who-to-follow-modal .twister-user-photo { position: relative; left: 0; float: left; display: block; } -/* line 951, ../sass/style.sass */ +/* line 974, ../sass/style.sass */ .who-to-follow-modal .twister-user-info { position: relative; padding-left: 70px; width: auto; } -/* line 955, ../sass/style.sass */ +/* line 978, ../sass/style.sass */ .who-to-follow-modal .bio { color: rgba(0, 0, 0, 0.6); font-style: italic; } /******* LOADER ************ */ -/* line 961, ../sass/style.sass */ +/* line 984, ../sass/style.sass */ .postboard-loading { text-align: center; } -/* line 963, ../sass/style.sass */ +/* line 986, ../sass/style.sass */ .postboard-loading div { display: inline-block; width: 120px; @@ -2899,7 +2931,7 @@ ol.toptrends-list a:hover { position: relative; margin: 10px 0 0 0; } -/* line 970, ../sass/style.sass */ +/* line 993, ../sass/style.sass */ .postboard-loading div:after { content: ""; position: absolute; @@ -2983,7 +3015,7 @@ ol.toptrends-list a:hover { } } /* Options */ -/* line 1045, ../sass/style.sass */ +/* line 1068, ../sass/style.sass */ .suboptions { margin: 5px 30px; border: double 2px rgba(69, 71, 77, 0.1); @@ -3000,22 +3032,22 @@ ol.toptrends-list a:hover { line-height: 0.9em; font-style: italic; } -/* line 1060, ../sass/style.sass */ +/* line 1083, ../sass/style.sass */ .suboptions div { float: none !important; } -/* line 1062, ../sass/style.sass */ +/* line 1085, ../sass/style.sass */ .suboptions span { font-style: normal; } /* Autocomplite */ -/* line 1067, ../sass/style.sass */ +/* line 1090, ../sass/style.sass */ .textcomplete-wrapper textarea { display: inline; } -/* line 1070, ../sass/style.sass */ +/* line 1093, ../sass/style.sass */ ul.dropdown-menu { position: absolute; top: 23px; @@ -3033,11 +3065,11 @@ ul.dropdown-menu { -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } -/* line 1086, ../sass/style.sass */ +/* line 1109, ../sass/style.sass */ ul.dropdown-menu li { line-height: 20px; } -/* line 1088, ../sass/style.sass */ +/* line 1111, ../sass/style.sass */ ul.dropdown-menu > li > a { display: block; padding: 3px 20px; diff --git a/theme_nin/js/theme_option.js b/theme_nin/js/theme_option.js index eb442e2..4b73081 100644 --- a/theme_nin/js/theme_option.js +++ b/theme_nin/js/theme_option.js @@ -1,6 +1,7 @@ $(function(){ - $('#closeModal').html(''); + $('.modal-close').html(''); + $('.twister-user-remove').html(''); $('.profile-card-main').attr('style', ''); $('img[src$="img/tornado_avatar.png"]').attr("src","theme_nin/img/tornado_avatar.png"); $('.userMenu-search-profiles button').html('').attr('title',polyglot.t('Follow')); diff --git a/theme_nin/sass/style.sass b/theme_nin/sass/style.sass index c657430..692c342 100755 --- a/theme_nin/sass/style.sass +++ b/theme_nin/sass/style.sass @@ -554,9 +554,18 @@ ol.toptrends-list +/*********** POPUP PROMPT *************/ +.prompt-wrapper + position: absolute + top: 50% + left: 50% + background: rgba( 255, 255,255, 1.0 ) + box-shadow: 0 0 30px rgba( 0, 0, 0, .6 ) + z-index: 5 + width: 600px + margin-left: -300px - -/*********** POPUP MODAL*************/ +/*********** POPUP MODAL **************/ .modal-blackout position: fixed From 52df03c99d86b88de5fc913319cefd7a3a879cf8 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 19:02:09 +0100 Subject: [PATCH 11/20] streamlindes themeing of modals (rounded corners and size) --- css/profile.css | 8 +- css/style.css | 194 +++++++++++++++++------------------------------- home.html | 2 +- 3 files changed, 73 insertions(+), 131 deletions(-) diff --git a/css/profile.css b/css/profile.css index 9fbeda0..4ddca92 100644 --- a/css/profile.css +++ b/css/profile.css @@ -177,7 +177,7 @@ } /************************************* ****************** PROFILE MODAL -**************************************/ +************************************* .profile-modal .modal-wrapper { width: 580px; @@ -186,13 +186,13 @@ position: absolute; top:10%; height: 80%; - margin-left: -300px; + margin-left: -290px; -} +}*/ .profile-modal .modal-content { padding: 3px; - height: 90%; + height: 100%; } #msngrswr { display: none; diff --git a/css/style.css b/css/style.css index 886d54c..6093416 100644 --- a/css/style.css +++ b/css/style.css @@ -809,9 +809,9 @@ ol.toptrends-list { font-variant: small-caps; border-bottom: solid 1px rgba( 69, 71, 77, .1 ); margin: 0 0 5px 0; - padding-left: 5px; + padding-left: 10px; background: #e34f42; - width: 513px; + width: 100%; } .postboard h2.fixed { @@ -1253,12 +1253,24 @@ ol.toptrends-list { } .modal-wrapper { + width: 580px; + border-radius: 5px; + overflow: hidden; position: absolute; - top: 50%; - left: 50%; - background: rgba( 255, 255, 255, 1.0 ); - box-shadow: 0 0 30px rgba( 0, 0, 0, .6 ); + top:10%; + left: 50%; + height: 80%; + margin-left: -290px; + box-shadow: 0 0 30px rgba( 0, 0, 0, .6 ); + background: rgba( 255, 255,255, 1.0 ); + z-index: 3; +} + +.modal-content{ + height: 100%; + overflow-y: auto; } + .modal-header { position: relative; @@ -1314,73 +1326,10 @@ ol.toptrends-list { { padding: 5px 20px; } -/************************************* -*************** FOLLOWING-CONFIG MODAL -**************************************/ -.following-config-modal .modal-wrapper -{ - top: 43%; - left: 25%; - width: 50%; -} -.following-config-modal .modal-content -{ - padding: 10px; - text-align: center; -} -.following-config-modal .modal-buttons -{ - display: none; -} -.following-config-method-buttons -{ - padding: 10px; -} -/************************************* -****************** RETWIST POSTS MODAL -**************************************/ -.reTwist .modal-wrapper -{ - width: 520px; - margin: -100px 0 0 -260px; -} -.reTwist .post-expand, -.reTwist .post-interactions -{ - display: none; -} -/************************************* -****************** REPLY POSTS MODAL -**************************************/ -.reply .modal-wrapper -{ - width: 520px; - margin: -100px 0 0 -260px; -} -.reply .modal-buttons -{ - display: none; -} -.reply .post-expand, -.reply .post-interactions -{ - display: none; -} + /************************************* ****************** DIRECT MESSAGES MODAL **************************************/ -.directMessages .modal-wrapper -{ - width: 540px; - height: 470px; - margin: -200px 0 0 -280px; - overflow-x: hidden; -} -.directMessages .modal-content -{ - overflow-y: auto; - height: 300px; -} .directMessages .modal-buttons { display: none; @@ -1500,19 +1449,8 @@ ol.toptrends-list { } /************************************* ****************** HASHTAG MODAL -**************************************/ -.hashtag-modal .modal-wrapper -{ - width: 560px; - height: 470px; - margin: -200px 0 0 -280px; - overflow: hidden; -} -.hashtag-modal .modal-content -{ - overflow-y: auto; - height: 440px; -} +*************************************/ + .hashtag-modal .modal-buttons { display: none; @@ -1523,21 +1461,8 @@ ol.toptrends-list { } /************************************* ****************** CONVERSATION MODAL -**************************************/ -.conversation-modal .modal-wrapper -{ - position: absolute; - width: 560px; - height: 80%; - top: 10%; - margin: 0 0 0 -330px; - overflow: hidden; -} -.conversation-modal .modal-content -{ - overflow-y: auto; - height: 90%; -} +*************************************/ + .conversation-modal .modal-buttons { display: none; @@ -1548,20 +1473,8 @@ ol.toptrends-list { } /************************************* ****************** FOLLOWING MODAL -**************************************/ -.following-modal .modal-wrapper -{ - width: 560px; - height: 470px; - margin: -200px 0 0 -280px; - overflow-x: hidden; -} -.following-modal .modal-content -{ - padding: 15px; - height: 400px; - overflow-y: auto; -} +************************************/ + .following-modal .modal-buttons { display: none; @@ -1588,20 +1501,7 @@ ol.toptrends-list { } /************************************* ******************* WHO TO FOLLOW MODAL -**************************************/ -.who-to-follow-modal .modal-wrapper -{ - width: 560px; - height: 470px; - margin: -200px 0 0 -280px; - overflow-x: hidden; -} -.who-to-follow-modal .modal-content -{ - padding: 15px; - height: 400px; - overflow-y: auto; -} +*************************************/ .who-to-follow-modal .modal-buttons { display: none; @@ -1653,6 +1553,48 @@ ol.toptrends-list { margin-left:-300px; } +/************************************* +*************** FOLLOWING-CONFIG PROMPT +**************************************/ + +.following-config-modal .modal-content +{ + padding: 10px; + text-align: center; +} +.following-config-modal .modal-buttons +{ + display: none; +} +.following-config-method-buttons +{ + padding: 10px; +} + + + +/************************************* +****************** RETWIST POSTS PROMPT +**************************************/ + +.reTwist .post-expand, +.reTwist .post-interactions +{ + display: none; +} +/************************************* +****************** REPLY POSTS PROMPT +**************************************/ + +.reply .modal-buttons +{ + display: none; +} +.reply .post-expand, +.reply .post-interactions +{ + display: none; +} /************************************* ****************** LOADER ************ diff --git a/home.html b/home.html index ac49c46..9ececdc 100644 --- a/home.html +++ b/home.html @@ -491,7 +491,7 @@ - +
From ab3633f3ffc2e7445dd9ed8447402756cd676fa8 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 19:08:00 +0100 Subject: [PATCH 12/20] fixed a bug in reply button in conversation modal --- css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 6093416..4986f65 100644 --- a/css/style.css +++ b/css/style.css @@ -1543,7 +1543,7 @@ ol.toptrends-list { .prompt-wrapper { - position: absolute; + position: fixed; top: 50%; left: 50%; background: rgba( 255, 255,255, 1.0 ); From 2ca6e1d4abd71ef7a6d06562d379649d1010ad35 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 19:52:29 +0100 Subject: [PATCH 13/20] more css adjustments --- css/style.css | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 4986f65..2c96eac 100644 --- a/css/style.css +++ b/css/style.css @@ -1277,7 +1277,7 @@ ol.toptrends-list { } .modal-header h3 { - padding: 5px; + padding: 5px 10px; font-weight: bold; background: #e34f42; color: #fff; @@ -1553,6 +1553,10 @@ ol.toptrends-list { margin-left:-300px; } +.prompt-wrapper .modal-header h3{ + background: #45474D; +} + /************************************* *************** FOLLOWING-CONFIG PROMPT **************************************/ @@ -1582,6 +1586,11 @@ ol.toptrends-list { { display: none; } +.reTwist .post { + margin: 10px; + padding: 5px; + min-height: 68px; +} /************************************* ****************** REPLY POSTS PROMPT **************************************/ @@ -1596,6 +1605,21 @@ ol.toptrends-list { display: none; } +.reply .textcomplete-wrapper{ + padding-top: 10px; +} + +.reply .textcomplete-wrapper textarea{ + margin: 10px; + width: 580px; +} + +.reply .post { + margin: 10px; + padding: 5px; + min-height: 68px; +} + /************************************* ****************** LOADER ************ **************************************/ From 3266426eaada1b9920c260ac8ce862e015ab5a66 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 20:15:22 +0100 Subject: [PATCH 14/20] back button binding is now in html, seams more robust --- home.html | 2 +- js/interface_common.js | 10 +- theme_nin/css/style.css | 238 +++++++++++++++++------------------ theme_nin/js/theme_option.js | 1 + theme_nin/sass/style.sass | 16 ++- 5 files changed, 133 insertions(+), 134 deletions(-) diff --git a/home.html b/home.html index 9ececdc..4e2fee6 100644 --- a/home.html +++ b/home.html @@ -330,7 +330,7 @@

× - < + <
diff --git a/js/interface_common.js b/js/interface_common.js index b63e535..81b6312 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -413,14 +413,14 @@ function watchHashChange(e) var prevhashstring=prevurlsplit[1]; if(prevurlsplit[0]==newurlsplit[0] && prevhashstring!=undefined && prevhashstring.length>0 ){ $('.modal-back').css('display','inline'); - $('.modal-back').on('click', function(e){ - e.stopPropagation(); - e.preventDefault(); + //$('.modal-back').on('click', function(e){ + //e.stopPropagation(); + //e.preventDefault(); //window.location.hash = '#' + prevhashstring; - history.back(1); + //window.history.go(-1); - }); + //}); } else { $('.modal-back').css('display','none'); } diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 23e36cc..8b9a4cd 100644 --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -56,7 +56,7 @@ font-style: normal; } /* line 64, ../sass/_fonts.sass */ -[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-context span:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back: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-users:before, .prompt-close:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { +[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-context span:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button: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-users:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { font-family: "fontello"; font-style: normal; font-weight: normal; @@ -115,13 +115,13 @@ /* '' */ /* line 115, ../sass/_fonts.sass */ -.icon-cancel:before, .twister-user-remove:before, .prompt-close:before, .modal-close:before { +.icon-cancel:before, .twister-user-remove:before, .modal-close:before { content: ""; } /* '' */ /* line 120, ../sass/_fonts.sass */ -.icon-plus:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .modal-back:before { +.icon-plus:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before { content: ""; } @@ -1196,16 +1196,16 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, } /* line 52, ../sass/_following.sass */ -.following button, .following .mini-profile-actions span, .mini-profile-actions .following span, .following .modal-back { +.following button, .following .mini-profile-actions span, .mini-profile-actions .following span { display: inline-block; margin: 5px 0; } /* line 55, ../sass/_following.sass */ -.following button.unfollow, .following .mini-profile-actions span.unfollow, .mini-profile-actions .following span.unfollow, .following .unfollow.modal-back { +.following button.unfollow, .following .mini-profile-actions span.unfollow, .mini-profile-actions .following span.unfollow { background-color: #aaa; } /* line 57, ../sass/_following.sass */ -.following button.public-following, .following .mini-profile-actions span.public-following, .mini-profile-actions .following span.public-following, .following .public-following.modal-back { +.following button.public-following, .following .mini-profile-actions span.public-following, .mini-profile-actions .following span.public-following { background-color: #B4C669; } @@ -1613,7 +1613,7 @@ h3 .isFollowing:after { /************** BUTTONS *********** */ /* line 65, ../sass/_commons.sass */ -button, .mini-profile-actions span, .modal-back, a.button { +button, .mini-profile-actions span, a.button { padding: 6px 8px; font-size: 13px; display: inline-block; @@ -1640,17 +1640,17 @@ button, .mini-profile-actions span, .modal-back, a.button { cursor: pointer; } /* line 82, ../sass/_commons.sass */ -button:hover, .mini-profile-actions span:hover, .modal-back:hover, a.button:hover { +button:hover, .mini-profile-actions span:hover, a.button:hover { background: #aaa; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); } /* line 85, ../sass/_commons.sass */ -button.disabled, .mini-profile-actions span.disabled, .disabled.modal-back, a.button.disabled { +button.disabled, .mini-profile-actions span.disabled, a.button.disabled { opacity: 0.5; background-color: #999; } /* line 88, ../sass/_commons.sass */ -button.disabled:hover, .mini-profile-actions span.disabled:hover, .disabled.modal-back:hover, a.button.disabled:hover { +button.disabled:hover, .mini-profile-actions span.disabled:hover, a.button.disabled:hover { color: white; } @@ -1850,12 +1850,12 @@ ul.userMenu-search-profiles .mini-profile-info { float: none; } /* line 119, ../sass/style.sass */ -ul.userMenu-search-profiles button, ul.userMenu-search-profiles .mini-profile-actions span, .mini-profile-actions ul.userMenu-search-profiles span, ul.userMenu-search-profiles .modal-back { +ul.userMenu-search-profiles button, ul.userMenu-search-profiles .mini-profile-actions span, .mini-profile-actions ul.userMenu-search-profiles span { background-color: #66686B; padding: 3px; } /* line 124, ../sass/style.sass */ -ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .mini-profile-actions span:after, .mini-profile-actions ul.userMenu-search-profiles span:after, ul.userMenu-search-profiles .modal-back:after { +ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .mini-profile-actions span:after, .mini-profile-actions ul.userMenu-search-profiles span:after { content: ""; font-family: "fontello"; } @@ -2311,14 +2311,14 @@ textarea.splited-post { } /* line 491, ../sass/style.sass */ -button.follow, .mini-profile-actions span.follow, .follow.modal-back { +button.follow, .mini-profile-actions span.follow { position: absolute; bottom: 10px; right: 10px; background: #B4C669; } /* line 496, ../sass/style.sass */ -button.follow:hover, .mini-profile-actions span.follow:hover, .follow.modal-back:hover { +button.follow:hover, .mini-profile-actions span.follow:hover { background: #aaa; } @@ -2399,27 +2399,8 @@ ol.toptrends-list a:hover { margin-left: -300px; } -/* line 568, ../sass/style.sass */ -.prompt-close { - position: absolute; - right: 10px; - top: 0; - font-size: 14px; - line-height: 40px; - cursor: pointer; - color: rgba(255, 255, 255, 0.7); -} -/* line 578, ../sass/style.sass */ -.prompt-close:hover { - color: white; -} -/* line 580, ../sass/style.sass */ -.prompt-close b { - display: none; -} - /*********** POPUP MODAL ************* */ -/* line 584, ../sass/style.sass */ +/* line 570, ../sass/style.sass */ .modal-blackout { position: fixed; width: 100%; @@ -2431,24 +2412,24 @@ ol.toptrends-list a:hover { z-index: 3; } -/* line 594, ../sass/style.sass */ +/* line 580, ../sass/style.sass */ .modal-wrapper { position: absolute; top: 50%; left: 50%; overflow: hidden; } -/* line 599, ../sass/style.sass */ +/* line 585, ../sass/style.sass */ .modal-wrapper .post-area-new { padding: 10px; } -/* line 602, ../sass/style.sass */ +/* line 588, ../sass/style.sass */ .modal-content { background: #f3f2f1; padding: 20px; } -/* line 606, ../sass/style.sass */ +/* line 592, ../sass/style.sass */ .modal-content .postboard h2 { position: fixed; z-index: 2; @@ -2457,11 +2438,11 @@ ol.toptrends-list a:hover { width: 100px; width: 520px; } -/* line 613, ../sass/style.sass */ +/* line 599, ../sass/style.sass */ .modal-content .postboard h2 span { display: none; } -/* line 615, ../sass/style.sass */ +/* line 601, ../sass/style.sass */ .modal-content .postboard-news { line-height: 30px; position: absolute; @@ -2475,7 +2456,7 @@ ol.toptrends-list a:hover { background: #B4C669; } -/* line 628, ../sass/style.sass */ +/* line 614, ../sass/style.sass */ .modal-header { position: relative; background: #66686B; @@ -2484,7 +2465,7 @@ ol.toptrends-list a:hover { -webkit-box-sizing: border-box; box-sizing: border-box; } -/* line 634, ../sass/style.sass */ +/* line 620, ../sass/style.sass */ .modal-header h3 { font-size: 0.8em; line-height: 40px; @@ -2495,7 +2476,7 @@ ol.toptrends-list a:hover { display: block !important; } -/* line 643, ../sass/style.sass */ +/* line 629, ../sass/style.sass */ .modal-close { position: absolute; right: 10px; @@ -2505,16 +2486,16 @@ ol.toptrends-list a:hover { cursor: pointer; color: rgba(255, 255, 255, 0.7); } -/* line 653, ../sass/style.sass */ +/* line 639, ../sass/style.sass */ .modal-close:hover { color: white; } -/* line 655, ../sass/style.sass */ +/* line 641, ../sass/style.sass */ .modal-close b { display: none; } -/* line 658, ../sass/style.sass */ +/* line 644, ../sass/style.sass */ .mark-all-as-read { float: left; cursor: pointer; @@ -2526,93 +2507,104 @@ ol.toptrends-list a:hover { display: none; } -/* line 668, ../sass/style.sass */ +/* line 654, ../sass/style.sass */ .modal-back:hover, .mark-all-as-read:hover { color: #B4C669; } -/* line 676, ../sass/style.sass */ +/* line 662, ../sass/style.sass */ .modal-back { - margin: 0; - background: #B4C669; - display: none !important; - float: left; + position: absolute; + right: 35px; + top: 0; + font-size: 14px; + line-height: 40px; + cursor: pointer; + color: rgba(255, 255, 255, 0.7); +} +/* line 672, ../sass/style.sass */ +.modal-back:hover { + color: white; +} +/* line 674, ../sass/style.sass */ +.modal-back b { + display: none; } -/* line 685, ../sass/style.sass */ +/* line 677, ../sass/style.sass */ .modal-buttons { padding: 10px; text-align: right; } /************ FOLLOWING-CONFIG MODAL ********* */ -/* line 693, ../sass/style.sass */ +/* line 685, ../sass/style.sass */ .following-config-modal h2 { text-transform: none; } -/* line 695, ../sass/style.sass */ +/* line 687, ../sass/style.sass */ .following-config-modal .modal-wrapper { top: 43%; left: 25%; width: 50%; } -/* line 699, ../sass/style.sass */ +/* line 691, ../sass/style.sass */ .following-config-modal .modal-content { padding: 10px; text-align: center; background-color: white; } -/* line 703, ../sass/style.sass */ +/* line 695, ../sass/style.sass */ .following-config-modal .modal-buttons { display: none; } -/* line 705, ../sass/style.sass */ +/* line 697, ../sass/style.sass */ .following-config-method-buttons { padding: 10px; } -/* line 707, ../sass/style.sass */ +/* line 699, ../sass/style.sass */ .following-config-method-buttons .public-following { background-color: #B4C669; } /************ RETWIST POSTS MODAL ********* */ -/* line 713, ../sass/style.sass */ +/* line 705, ../sass/style.sass */ .reTwist .modal-wrapper { width: 520px; top: 20%; margin: 0 0 0 -260px; } -/* line 717, ../sass/style.sass */ +/* line 709, ../sass/style.sass */ .reTwist .post-expand, .reTwist .post-interactions { display: none; } /********* REPLY POSTS MODAL************** */ -/* line 723, ../sass/style.sass */ +/* line 715, ../sass/style.sass */ .reply .modal-wrapper { width: 520px; top: 20%; margin: 0 0 0 -260px; } -/* line 727, ../sass/style.sass */ +/* line 719, ../sass/style.sass */ .reply .modal-buttons, .reply .post-expand, .reply .post-interactions { display: none; } /****** DIRECT MESSAGES MODAL********* */ -/* line 733, ../sass/style.sass */ +/* line 725, ../sass/style.sass */ .directMessages .post-area-new { display: none; padding: 20px; z-index: 5; background: #E2E1DE; } -/* line 740, ../sass/style.sass */ +/* line 732, ../sass/style.sass */ .directMessages .post-area-new .modal-header h3 span { display: inline !important; } -/* line 742, ../sass/style.sass */ +/* line 734, ../sass/style.sass */ .directMessages .modal-wrapper { width: 520px; height: 490px; @@ -2620,7 +2612,7 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 749, ../sass/style.sass */ +/* line 741, ../sass/style.sass */ .directMessages .modal-content { overflow-y: auto; height: 300px; @@ -2629,25 +2621,25 @@ ol.toptrends-list a:hover { box-sizing: border-box; width: 520px; } -/* line 756, ../sass/style.sass */ +/* line 748, ../sass/style.sass */ .directMessages .modal-buttons { display: none; } -/* line 758, ../sass/style.sass */ +/* line 750, ../sass/style.sass */ .directMessages .post-photo { height: 48px; width: 48px; } -/* line 761, ../sass/style.sass */ +/* line 753, ../sass/style.sass */ .directMessages .post-text { margin-left: 58px; font-size: 0.9em; } -/* line 764, ../sass/style.sass */ +/* line 756, ../sass/style.sass */ .directMessages .post-info-name { float: none; } -/* line 766, ../sass/style.sass */ +/* line 758, ../sass/style.sass */ .directMessages .post-info-tag { line-height: 1em; padding: 0; @@ -2656,12 +2648,12 @@ ol.toptrends-list a:hover { margin: 0 0 0 1em; } -/* line 773, ../sass/style.sass */ +/* line 765, ../sass/style.sass */ .direct-messages-list .post { padding: 10px 30px 10px 15px; cursor: pointer; } -/* line 776, ../sass/style.sass */ +/* line 768, ../sass/style.sass */ .direct-messages-list .post:after { content: ""; font-family: "fontello"; @@ -2674,19 +2666,19 @@ ol.toptrends-list a:hover { display: none; } -/* line 788, ../sass/style.sass */ +/* line 780, ../sass/style.sass */ .direct-messages-list .post:hover:after { display: block; } -/* line 793, ../sass/style.sass */ +/* line 785, ../sass/style.sass */ .direct-messages-thread .post { background: none; left: 0; margin: 0px 10px 20px 10px; cursor: default; } -/* line 799, ../sass/style.sass */ +/* line 791, ../sass/style.sass */ .direct-messages-thread .post .post-info-time { float: none; display: block; @@ -2695,11 +2687,11 @@ ol.toptrends-list a:hover { margin: 10px 0; cursor: default; } -/* line 806, ../sass/style.sass */ +/* line 798, ../sass/style.sass */ .direct-messages-thread .post .post-info-time:hover { color: #aaa; } -/* line 810, ../sass/style.sass */ +/* line 802, ../sass/style.sass */ .direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after { content: ""; width: 1px; @@ -2708,14 +2700,14 @@ ol.toptrends-list a:hover { top: 10px; white-space: normal; } -/* line 818, ../sass/style.sass */ +/* line 810, ../sass/style.sass */ .direct-messages-thread .post .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; border-right: solid 7px white; left: -7px; } -/* line 824, ../sass/style.sass */ +/* line 816, ../sass/style.sass */ .direct-messages-thread .post .post-text { background: white; margin-right: 60px; @@ -2731,13 +2723,13 @@ ol.toptrends-list a:hover { max-width: 60%; min-height: 15px; } -/* line 839, ../sass/style.sass */ +/* line 831, ../sass/style.sass */ .direct-messages-thread .post .post-photo { position: absolute; left: 0; top: 10px; } -/* line 848, ../sass/style.sass */ +/* line 840, ../sass/style.sass */ .direct-messages-thread .post.sent .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; @@ -2746,11 +2738,11 @@ ol.toptrends-list a:hover { right: -7px; left: auto; } -/* line 855, ../sass/style.sass */ +/* line 847, ../sass/style.sass */ .direct-messages-thread .post.sent .post-text { float: right; } -/* line 857, ../sass/style.sass */ +/* line 849, ../sass/style.sass */ .direct-messages-thread .post.sent .post-photo { position: absolute; right: 0; @@ -2758,7 +2750,7 @@ ol.toptrends-list a:hover { } /********* NEW USER MODAL************* */ -/* line 867, ../sass/style.sass */ +/* line 859, ../sass/style.sass */ .new-user .modal-wrapper { width: 520px; height: 600px; @@ -2767,31 +2759,31 @@ ol.toptrends-list a:hover { overflow-x: hidden; overflow-y: hidden; } -/* line 874, ../sass/style.sass */ +/* line 866, ../sass/style.sass */ .new-user .modal-content { margin: 10px 10px 10px 10px; } -/* line 876, ../sass/style.sass */ +/* line 868, ../sass/style.sass */ .new-user .modal-buttons, .new-user .modal-close { display: none; } -/* line 878, ../sass/style.sass */ +/* line 870, ../sass/style.sass */ .new-user .text { margin: 0 0 15px 0; } -/* line 880, ../sass/style.sass */ +/* line 872, ../sass/style.sass */ .new-user .emphasis { font-size: 18px; text-align: center; } -/* line 883, ../sass/style.sass */ +/* line 875, ../sass/style.sass */ .new-user .secret-key { color: black; font-weight: bold; } /******** HASHTAG MODAL********** */ -/* line 890, ../sass/style.sass */ +/* line 882, ../sass/style.sass */ .hashtag-modal .modal-wrapper { width: 520px; height: 600px; @@ -2799,22 +2791,22 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow: hidden; } -/* line 896, ../sass/style.sass */ +/* line 888, ../sass/style.sass */ .hashtag-modal .modal-content { overflow-y: auto; height: 500px; } -/* line 899, ../sass/style.sass */ +/* line 891, ../sass/style.sass */ .hashtag-modal .modal-buttons { display: none; } -/* line 901, ../sass/style.sass */ +/* line 893, ../sass/style.sass */ .hashtag-modal .postboard { padding: 0; } /****** CONVERSATION MODAL********** */ -/* line 907, ../sass/style.sass */ +/* line 899, ../sass/style.sass */ .conversation-modal .modal-wrapper { position: absolute; width: 520px; @@ -2824,22 +2816,22 @@ ol.toptrends-list a:hover { overflow: hidden; background: white; } -/* line 915, ../sass/style.sass */ +/* line 907, ../sass/style.sass */ .conversation-modal .modal-content { overflow-y: auto; height: 90%; } -/* line 918, ../sass/style.sass */ +/* line 910, ../sass/style.sass */ .conversation-modal .modal-buttons { display: none; } -/* line 920, ../sass/style.sass */ +/* line 912, ../sass/style.sass */ .conversation-modal .postboard { padding: 0; } /****** FOLLOWING MODAL****** */ -/* line 926, ../sass/style.sass */ +/* line 918, ../sass/style.sass */ .following-modal .modal-wrapper { width: 520px; top: 10%; @@ -2847,27 +2839,27 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 932, ../sass/style.sass */ +/* line 924, ../sass/style.sass */ .following-modal .modal-content { height: 300px; overflow-y: auto; padding: 0; } -/* line 936, ../sass/style.sass */ +/* line 928, ../sass/style.sass */ .following-modal .modal-buttons { display: none; } -/* line 938, ../sass/style.sass */ +/* line 930, ../sass/style.sass */ .following-modal ol { margin: 5px; } -/* line 941, ../sass/style.sass */ +/* line 933, ../sass/style.sass */ .following-modal .open-profile-modal:hover { text-decoration: none; } /******* WHO TO FOLLOW MODAL****** */ -/* line 949, ../sass/style.sass */ +/* line 941, ../sass/style.sass */ .who-to-follow-modal .modal-wrapper { width: 520px; top: 10%; @@ -2875,54 +2867,54 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 955, ../sass/style.sass */ +/* line 947, ../sass/style.sass */ .who-to-follow-modal .modal-content { padding: 15px; height: 400px; overflow-y: auto; } -/* line 959, ../sass/style.sass */ +/* line 951, ../sass/style.sass */ .who-to-follow-modal .modal-buttons { display: none; } -/* line 961, ../sass/style.sass */ +/* line 953, ../sass/style.sass */ .who-to-follow-modal ol { margin: 5px; } -/* line 964, ../sass/style.sass */ +/* line 956, ../sass/style.sass */ .who-to-follow-modal .open-profile-modal:hover { text-decoration: none; } -/* line 966, ../sass/style.sass */ +/* line 958, ../sass/style.sass */ .who-to-follow-modal .twister-user { position: relative; padding: 5px; } -/* line 969, ../sass/style.sass */ +/* line 961, ../sass/style.sass */ .who-to-follow-modal .twister-user-photo { position: relative; left: 0; float: left; display: block; } -/* line 974, ../sass/style.sass */ +/* line 966, ../sass/style.sass */ .who-to-follow-modal .twister-user-info { position: relative; padding-left: 70px; width: auto; } -/* line 978, ../sass/style.sass */ +/* line 970, ../sass/style.sass */ .who-to-follow-modal .bio { color: rgba(0, 0, 0, 0.6); font-style: italic; } /******* LOADER ************ */ -/* line 984, ../sass/style.sass */ +/* line 976, ../sass/style.sass */ .postboard-loading { text-align: center; } -/* line 986, ../sass/style.sass */ +/* line 978, ../sass/style.sass */ .postboard-loading div { display: inline-block; width: 120px; @@ -2931,7 +2923,7 @@ ol.toptrends-list a:hover { position: relative; margin: 10px 0 0 0; } -/* line 993, ../sass/style.sass */ +/* line 985, ../sass/style.sass */ .postboard-loading div:after { content: ""; position: absolute; @@ -3015,7 +3007,7 @@ ol.toptrends-list a:hover { } } /* Options */ -/* line 1068, ../sass/style.sass */ +/* line 1060, ../sass/style.sass */ .suboptions { margin: 5px 30px; border: double 2px rgba(69, 71, 77, 0.1); @@ -3032,22 +3024,22 @@ ol.toptrends-list a:hover { line-height: 0.9em; font-style: italic; } -/* line 1083, ../sass/style.sass */ +/* line 1075, ../sass/style.sass */ .suboptions div { float: none !important; } -/* line 1085, ../sass/style.sass */ +/* line 1077, ../sass/style.sass */ .suboptions span { font-style: normal; } /* Autocomplite */ -/* line 1090, ../sass/style.sass */ +/* line 1082, ../sass/style.sass */ .textcomplete-wrapper textarea { display: inline; } -/* line 1093, ../sass/style.sass */ +/* line 1085, ../sass/style.sass */ ul.dropdown-menu { position: absolute; top: 23px; @@ -3065,11 +3057,11 @@ ul.dropdown-menu { -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } -/* line 1109, ../sass/style.sass */ +/* line 1101, ../sass/style.sass */ ul.dropdown-menu li { line-height: 20px; } -/* line 1111, ../sass/style.sass */ +/* line 1103, ../sass/style.sass */ ul.dropdown-menu > li > a { display: block; padding: 3px 20px; diff --git a/theme_nin/js/theme_option.js b/theme_nin/js/theme_option.js index 4b73081..563b394 100644 --- a/theme_nin/js/theme_option.js +++ b/theme_nin/js/theme_option.js @@ -1,6 +1,7 @@ $(function(){ $('.modal-close').html(''); + $('.modal-back').html(''); $('.twister-user-remove').html(''); $('.profile-card-main').attr('style', ''); $('img[src$="img/tornado_avatar.png"]').attr("src","theme_nin/img/tornado_avatar.png"); diff --git a/theme_nin/sass/style.sass b/theme_nin/sass/style.sass index 692c342..0527a21 100755 --- a/theme_nin/sass/style.sass +++ b/theme_nin/sass/style.sass @@ -662,11 +662,17 @@ ol.toptrends-list .modal-back @extend .extend-icon @extend .icon-left - @extend button - margin: 0 - background: $main-color-color - display: none!important - float: left + position: absolute + right: 35px + top: 0 + font-size: 14px + line-height: 40px + cursor: pointer + color: rgba(white, 0.7) + &:hover + color: white + b + display: none .modal-buttons padding: 10px From 72766919ab46688524494ced79bbffad0fbb4bb0 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 20:37:42 +0100 Subject: [PATCH 15/20] tweaking nin theme --- theme_nin/css/style.css | 126 ++++++++++++++++++++------------------ theme_nin/sass/style.sass | 4 +- 2 files changed, 68 insertions(+), 62 deletions(-) diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 8b9a4cd..3a54320 100644 --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -2389,7 +2389,7 @@ ol.toptrends-list a:hover { /*********** POPUP PROMPT ************ */ /* line 558, ../sass/style.sass */ .prompt-wrapper { - position: absolute; + position: fixed; top: 50%; left: 50%; background: white; @@ -2591,20 +2591,24 @@ ol.toptrends-list a:hover { .reply .modal-buttons, .reply .post-expand, .reply .post-interactions { display: none; } +/* line 721, ../sass/style.sass */ +.reply .post-area { + padding-bottom: 6px; +} /****** DIRECT MESSAGES MODAL********* */ -/* line 725, ../sass/style.sass */ +/* line 727, ../sass/style.sass */ .directMessages .post-area-new { display: none; padding: 20px; z-index: 5; background: #E2E1DE; } -/* line 732, ../sass/style.sass */ +/* line 734, ../sass/style.sass */ .directMessages .post-area-new .modal-header h3 span { display: inline !important; } -/* line 734, ../sass/style.sass */ +/* line 736, ../sass/style.sass */ .directMessages .modal-wrapper { width: 520px; height: 490px; @@ -2612,7 +2616,7 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 741, ../sass/style.sass */ +/* line 743, ../sass/style.sass */ .directMessages .modal-content { overflow-y: auto; height: 300px; @@ -2621,25 +2625,25 @@ ol.toptrends-list a:hover { box-sizing: border-box; width: 520px; } -/* line 748, ../sass/style.sass */ +/* line 750, ../sass/style.sass */ .directMessages .modal-buttons { display: none; } -/* line 750, ../sass/style.sass */ +/* line 752, ../sass/style.sass */ .directMessages .post-photo { height: 48px; width: 48px; } -/* line 753, ../sass/style.sass */ +/* line 755, ../sass/style.sass */ .directMessages .post-text { margin-left: 58px; font-size: 0.9em; } -/* line 756, ../sass/style.sass */ +/* line 758, ../sass/style.sass */ .directMessages .post-info-name { float: none; } -/* line 758, ../sass/style.sass */ +/* line 760, ../sass/style.sass */ .directMessages .post-info-tag { line-height: 1em; padding: 0; @@ -2648,12 +2652,12 @@ ol.toptrends-list a:hover { margin: 0 0 0 1em; } -/* line 765, ../sass/style.sass */ +/* line 767, ../sass/style.sass */ .direct-messages-list .post { padding: 10px 30px 10px 15px; cursor: pointer; } -/* line 768, ../sass/style.sass */ +/* line 770, ../sass/style.sass */ .direct-messages-list .post:after { content: ""; font-family: "fontello"; @@ -2666,19 +2670,19 @@ ol.toptrends-list a:hover { display: none; } -/* line 780, ../sass/style.sass */ +/* line 782, ../sass/style.sass */ .direct-messages-list .post:hover:after { display: block; } -/* line 785, ../sass/style.sass */ +/* line 787, ../sass/style.sass */ .direct-messages-thread .post { background: none; left: 0; margin: 0px 10px 20px 10px; cursor: default; } -/* line 791, ../sass/style.sass */ +/* line 793, ../sass/style.sass */ .direct-messages-thread .post .post-info-time { float: none; display: block; @@ -2687,11 +2691,11 @@ ol.toptrends-list a:hover { margin: 10px 0; cursor: default; } -/* line 798, ../sass/style.sass */ +/* line 800, ../sass/style.sass */ .direct-messages-thread .post .post-info-time:hover { 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 { content: ""; width: 1px; @@ -2700,14 +2704,14 @@ ol.toptrends-list a:hover { top: 10px; white-space: normal; } -/* line 810, ../sass/style.sass */ +/* line 812, ../sass/style.sass */ .direct-messages-thread .post .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; border-right: solid 7px white; left: -7px; } -/* line 816, ../sass/style.sass */ +/* line 818, ../sass/style.sass */ .direct-messages-thread .post .post-text { background: white; margin-right: 60px; @@ -2723,13 +2727,13 @@ ol.toptrends-list a:hover { max-width: 60%; min-height: 15px; } -/* line 831, ../sass/style.sass */ +/* line 833, ../sass/style.sass */ .direct-messages-thread .post .post-photo { position: absolute; left: 0; top: 10px; } -/* line 840, ../sass/style.sass */ +/* line 842, ../sass/style.sass */ .direct-messages-thread .post.sent .post-text:after { border-top: solid 7px transparent; border-bottom: solid 7px transparent; @@ -2738,11 +2742,11 @@ ol.toptrends-list a:hover { right: -7px; left: auto; } -/* line 847, ../sass/style.sass */ +/* line 849, ../sass/style.sass */ .direct-messages-thread .post.sent .post-text { float: right; } -/* line 849, ../sass/style.sass */ +/* line 851, ../sass/style.sass */ .direct-messages-thread .post.sent .post-photo { position: absolute; right: 0; @@ -2750,7 +2754,7 @@ ol.toptrends-list a:hover { } /********* NEW USER MODAL************* */ -/* line 859, ../sass/style.sass */ +/* line 861, ../sass/style.sass */ .new-user .modal-wrapper { width: 520px; height: 600px; @@ -2759,31 +2763,31 @@ ol.toptrends-list a:hover { overflow-x: hidden; overflow-y: hidden; } -/* line 866, ../sass/style.sass */ +/* line 868, ../sass/style.sass */ .new-user .modal-content { margin: 10px 10px 10px 10px; } -/* line 868, ../sass/style.sass */ +/* line 870, ../sass/style.sass */ .new-user .modal-buttons, .new-user .modal-close { display: none; } -/* line 870, ../sass/style.sass */ +/* line 872, ../sass/style.sass */ .new-user .text { margin: 0 0 15px 0; } -/* line 872, ../sass/style.sass */ +/* line 874, ../sass/style.sass */ .new-user .emphasis { font-size: 18px; text-align: center; } -/* line 875, ../sass/style.sass */ +/* line 877, ../sass/style.sass */ .new-user .secret-key { color: black; font-weight: bold; } /******** HASHTAG MODAL********** */ -/* line 882, ../sass/style.sass */ +/* line 884, ../sass/style.sass */ .hashtag-modal .modal-wrapper { width: 520px; height: 600px; @@ -2791,22 +2795,22 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow: hidden; } -/* line 888, ../sass/style.sass */ +/* line 890, ../sass/style.sass */ .hashtag-modal .modal-content { overflow-y: auto; height: 500px; } -/* line 891, ../sass/style.sass */ +/* line 893, ../sass/style.sass */ .hashtag-modal .modal-buttons { display: none; } -/* line 893, ../sass/style.sass */ +/* line 895, ../sass/style.sass */ .hashtag-modal .postboard { padding: 0; } /****** CONVERSATION MODAL********** */ -/* line 899, ../sass/style.sass */ +/* line 901, ../sass/style.sass */ .conversation-modal .modal-wrapper { position: absolute; width: 520px; @@ -2816,22 +2820,22 @@ ol.toptrends-list a:hover { overflow: hidden; background: white; } -/* line 907, ../sass/style.sass */ +/* line 909, ../sass/style.sass */ .conversation-modal .modal-content { overflow-y: auto; height: 90%; } -/* line 910, ../sass/style.sass */ +/* line 912, ../sass/style.sass */ .conversation-modal .modal-buttons { display: none; } -/* line 912, ../sass/style.sass */ +/* line 914, ../sass/style.sass */ .conversation-modal .postboard { padding: 0; } /****** FOLLOWING MODAL****** */ -/* line 918, ../sass/style.sass */ +/* line 920, ../sass/style.sass */ .following-modal .modal-wrapper { width: 520px; top: 10%; @@ -2839,27 +2843,27 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 924, ../sass/style.sass */ +/* line 926, ../sass/style.sass */ .following-modal .modal-content { height: 300px; overflow-y: auto; padding: 0; } -/* line 928, ../sass/style.sass */ +/* line 930, ../sass/style.sass */ .following-modal .modal-buttons { display: none; } -/* line 930, ../sass/style.sass */ +/* line 932, ../sass/style.sass */ .following-modal ol { margin: 5px; } -/* line 933, ../sass/style.sass */ +/* line 935, ../sass/style.sass */ .following-modal .open-profile-modal:hover { text-decoration: none; } /******* WHO TO FOLLOW MODAL****** */ -/* line 941, ../sass/style.sass */ +/* line 943, ../sass/style.sass */ .who-to-follow-modal .modal-wrapper { width: 520px; top: 10%; @@ -2867,54 +2871,54 @@ ol.toptrends-list a:hover { margin: 0 0 0 -260px; overflow-x: hidden; } -/* line 947, ../sass/style.sass */ +/* line 949, ../sass/style.sass */ .who-to-follow-modal .modal-content { padding: 15px; height: 400px; overflow-y: auto; } -/* line 951, ../sass/style.sass */ +/* line 953, ../sass/style.sass */ .who-to-follow-modal .modal-buttons { display: none; } -/* line 953, ../sass/style.sass */ +/* line 955, ../sass/style.sass */ .who-to-follow-modal ol { margin: 5px; } -/* line 956, ../sass/style.sass */ +/* line 958, ../sass/style.sass */ .who-to-follow-modal .open-profile-modal:hover { text-decoration: none; } -/* line 958, ../sass/style.sass */ +/* line 960, ../sass/style.sass */ .who-to-follow-modal .twister-user { position: relative; padding: 5px; } -/* line 961, ../sass/style.sass */ +/* line 963, ../sass/style.sass */ .who-to-follow-modal .twister-user-photo { position: relative; left: 0; float: left; display: block; } -/* line 966, ../sass/style.sass */ +/* line 968, ../sass/style.sass */ .who-to-follow-modal .twister-user-info { position: relative; padding-left: 70px; width: auto; } -/* line 970, ../sass/style.sass */ +/* line 972, ../sass/style.sass */ .who-to-follow-modal .bio { color: rgba(0, 0, 0, 0.6); font-style: italic; } /******* LOADER ************ */ -/* line 976, ../sass/style.sass */ +/* line 978, ../sass/style.sass */ .postboard-loading { text-align: center; } -/* line 978, ../sass/style.sass */ +/* line 980, ../sass/style.sass */ .postboard-loading div { display: inline-block; width: 120px; @@ -2923,7 +2927,7 @@ ol.toptrends-list a:hover { position: relative; margin: 10px 0 0 0; } -/* line 985, ../sass/style.sass */ +/* line 987, ../sass/style.sass */ .postboard-loading div:after { content: ""; position: absolute; @@ -3007,7 +3011,7 @@ ol.toptrends-list a:hover { } } /* Options */ -/* line 1060, ../sass/style.sass */ +/* line 1062, ../sass/style.sass */ .suboptions { margin: 5px 30px; border: double 2px rgba(69, 71, 77, 0.1); @@ -3024,22 +3028,22 @@ ol.toptrends-list a:hover { line-height: 0.9em; font-style: italic; } -/* line 1075, ../sass/style.sass */ +/* line 1077, ../sass/style.sass */ .suboptions div { float: none !important; } -/* line 1077, ../sass/style.sass */ +/* line 1079, ../sass/style.sass */ .suboptions span { font-style: normal; } /* Autocomplite */ -/* line 1082, ../sass/style.sass */ +/* line 1084, ../sass/style.sass */ .textcomplete-wrapper textarea { display: inline; } -/* line 1085, ../sass/style.sass */ +/* line 1087, ../sass/style.sass */ ul.dropdown-menu { position: absolute; top: 23px; @@ -3057,11 +3061,11 @@ ul.dropdown-menu { -moz-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 { line-height: 20px; } -/* line 1103, ../sass/style.sass */ +/* line 1105, ../sass/style.sass */ ul.dropdown-menu > li > a { display: block; padding: 3px 20px; diff --git a/theme_nin/sass/style.sass b/theme_nin/sass/style.sass index 0527a21..10adcf1 100755 --- a/theme_nin/sass/style.sass +++ b/theme_nin/sass/style.sass @@ -556,7 +556,7 @@ ol.toptrends-list /*********** POPUP PROMPT *************/ .prompt-wrapper - position: absolute + position: fixed top: 50% left: 50% background: rgba( 255, 255,255, 1.0 ) @@ -718,6 +718,8 @@ ol.toptrends-list margin: 0 0 0 0-($postboard-modal-width/2) .modal-buttons, .post-expand, .post-interactions display: none + .post-area + padding-bottom: 6px /****** DIRECT MESSAGES MODAL**********/ From 299772ee88cc0242ac187cb98a328a903433ee5b Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Thu, 22 Jan 2015 21:22:23 +0100 Subject: [PATCH 16/20] tweaking nin theme --- js/interface_common.js | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 81b6312..07c5dfb 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -404,8 +404,6 @@ function openConversationModal(e) function watchHashChange(e) { - var hashstring = window.location.hash - hashstring = decodeURIComponent(hashstring); if(e!=null){ var prevurlsplit = e.oldURL.split('#'); @@ -427,6 +425,14 @@ function watchHashChange(e) } + loadModalFromHash(); +} + +function loadModalFromHash(){ + + var hashstring = window.location.hash + hashstring = decodeURIComponent(hashstring); + var hashdata = hashstring.split(':'); if (hashdata[0] != '#web+twister') { hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages|following)\?(?:user|hashtag)=(.+)/); @@ -451,8 +457,8 @@ function watchHashChange(e) } else{ closeModalHandler(); } -} +} function initHashWatching() { From d52ad056305c4d966ba67ed1ae4067f30fde0ecc Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Fri, 23 Jan 2015 09:08:52 +0100 Subject: [PATCH 17/20] somewhat working hashscheme for conversation modal --- js/interface_common.js | 39 +++++++++++++++++++++++++++------------ js/twister_actions.js | 21 +++++++++++++++++++++ js/twister_io.js | 1 + 3 files changed, 49 insertions(+), 12 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 07c5dfb..5ea5739 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -370,35 +370,46 @@ function openWhoToFollowModal() { $( "." + whoToFollowModalClass + " h3" ).text( polyglot.t("Who to Follow") ); } -function newConversationModal(postLi) { +function newConversationModal(username,resource) { + var hashtagModalContent = $( "#hashtag-modal-template" ).children().clone(true); + + requestPost(hashtagModalContent.find(".postboard-posts"),username,resource, + function(args){ + getTopPostOfConversation(args.hashtagModalContent.find(".postboard-posts").first(), + null, + args.hashtagModalContent.find(".postboard-posts") + ); + },{ hashtagModalContent:hashtagModalContent } + ); + hashtagModalContent.find( ".postboard-news").click(function (){ $(this).hide(); displayHashtagPending($(".conversation-modal .postboard-posts")); }); - getTopPostOfConversation(postLi, null, hashtagModalContent.find(".postboard-posts")); - return hashtagModalContent; } -function openConversationModal(e) +function openConversationModal(username,resource) { - e.stopPropagation(); - e.preventDefault(); + //e.stopPropagation(); + //e.preventDefault(); - var $this = $( this ); - var postLi = $this.parents(".module.post.original.open").find('.module.post.original'); + //var $this = $( this ); + //var postLi = $this.parents(".module.post.original.open").find('.module.post.original'); var conversationModalClass = "conversation-modal"; openModal( conversationModalClass ); //$( "." + threadingModalClass ).attr("data-resource","hashtag"); - var hashtagModalContent = newConversationModal( postLi ); - hashtagModalContent.appendTo("." + conversationModalClass + " .modal-content"); + + + var conversationModalContent = newConversationModal(username,resource); + conversationModalContent.appendTo("." + conversationModalClass + " .modal-content"); //título do modal - $( "." + conversationModalClass + " h3" ).text( polyglot.t('conversation_title', {'username': postLi.find('.post-data').attr('data-screen-name')}) ); + //$( "." + conversationModalClass + " h3" ).text( polyglot.t('conversation_title', {'username': postLi.find('.post-data').attr('data-screen-name')}) ); } @@ -435,7 +446,7 @@ function loadModalFromHash(){ var hashdata = hashstring.split(':'); if (hashdata[0] != '#web+twister') { - hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages|following)\?(?:user|hashtag)=(.+)/); + hashdata = hashstring.match(/(hashtag|profile|mentions|directmessages|following|conversation)\?(?:user|hashtag|post)=(.+)/); } if (hashdata && hashdata[1] != undefined && hashdata[2] != undefined) { @@ -449,6 +460,10 @@ function loadModalFromHash(){ openDmWithUserModal(hashdata[2]); }else if (hashdata[1] == 'following') { openFollowingModal(hashdata[2]); + }else if (hashdata[1] == 'conversation') { + splithashdata2=hashdata[2].split(':') + //console.log('username='+splithashdata2[0]+' resource='+splithashdata2[1]); + openConversationModal(splithashdata2[0],splithashdata2[1]); } } else if (hashstring == '#directmessages') { directMessagesPopup(); diff --git a/js/twister_actions.js b/js/twister_actions.js index fb04b79..bad1d65 100644 --- a/js/twister_actions.js +++ b/js/twister_actions.js @@ -147,6 +147,27 @@ function appendPostToContainer(postFromJson, containerToAppend) var profilePostsLoading = false; +function requestPost(containerToAppend,username,resource,cbFunc,cbArgs){ + + console.log('dhtget '+username+' '+resource); + + dhtget( username, resource, "s", + function(args, postFromJson) { + if( postFromJson ) { + + console.log(postFromJson); + + appendPostToContainer(postFromJson,args.containerToAppend); + + if(args.cbFunc!=undefined) args.cbFunc(args.cbArgs); + + } + }, + {containerToAppend:containerToAppend,cbFunc:cbFunc,cbArgs:cbArgs} + ); + +} + function requestPostRecursively(containerToAppend,username,resource,count,useGetposts) { var max_id = -1; diff --git a/js/twister_io.js b/js/twister_io.js index dd5882c..9e91c99 100644 --- a/js/twister_io.js +++ b/js/twister_io.js @@ -93,6 +93,7 @@ function _dhtgetAbortPending(locator) // the value ["v"] is extracted from response and returned to callback // null is passed to callback in case of an error function dhtget( username, resource, multi, cbFunc, cbArg, timeoutArgs ) { + //console.log('dhtget '+username+' '+resource+' '+multi); var locator = _dhtgetLocator(username, resource, multi); if( locator in _dhtgetPendingMap) { _dhtgetAddPending(locator, cbFunc, cbArg); From a688dc59587adcd32f217695f1fcb3f45d4c0533 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Fri, 23 Jan 2015 09:48:30 +0100 Subject: [PATCH 18/20] working hashscheme for conversation modal --- js/interface_common.js | 36 +++++++++++++++++++++--------------- 1 file changed, 21 insertions(+), 15 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 5ea5739..93ebcb2 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -376,10 +376,9 @@ function newConversationModal(username,resource) { requestPost(hashtagModalContent.find(".postboard-posts"),username,resource, function(args){ - getTopPostOfConversation(args.hashtagModalContent.find(".postboard-posts").first(), - null, - args.hashtagModalContent.find(".postboard-posts") - ); + postLi=args.hashtagModalContent.find(".postboard-posts").children().first(); + postLi.css('display','none'); + getTopPostOfConversation(postLi,null,args.hashtagModalContent.find(".postboard-posts")); },{ hashtagModalContent:hashtagModalContent } ); @@ -391,25 +390,32 @@ function newConversationModal(username,resource) { return hashtagModalContent; } +function openConversationClick(e){ + + e.stopPropagation(); + e.preventDefault(); + + var $this = $( this ); + var postLi = $this.parents(".module.post.original.open").find('.module.post.original'); + + var username=postLi.find('.post-data').attr('data-screen-name'); + var resource='post'+postLi.find('.post-data').attr('data-id'); + + window.location.hash="#conversation?post="+username+':'+resource; + +} + function openConversationModal(username,resource) { - //e.stopPropagation(); - //e.preventDefault(); - - //var $this = $( this ); - //var postLi = $this.parents(".module.post.original.open").find('.module.post.original'); var conversationModalClass = "conversation-modal"; - openModal( conversationModalClass ); - //$( "." + threadingModalClass ).attr("data-resource","hashtag"); - - + openModal( conversationModalClass ); var conversationModalContent = newConversationModal(username,resource); conversationModalContent.appendTo("." + conversationModalClass + " .modal-content"); //título do modal - //$( "." + conversationModalClass + " h3" ).text( polyglot.t('conversation_title', {'username': postLi.find('.post-data').attr('data-screen-name')}) ); + $( "." + conversationModalClass + " h3" ).text( polyglot.t('conversation_title', {'username': username} ) ); } @@ -1470,7 +1476,7 @@ function initInterfaceCommon() { $( ".post-area-new" ).clickoutside( unfocusThis ); $( ".post-submit").click( postSubmit ); $( ".modal-propagate").click( retweetSubmit ); - $( ".expanded-content .show-more").bind('click', openConversationModal); + $( ".expanded-content .show-more").bind('click', openConversationClick); if ($.Options.getUnicodeConversionOpt() === "disable") $( ".undo-unicode" ).click( undoLastUnicode ).css("display", "none"); From 40246e6e65f9d01b40cfac526db818e9d1c2f4f2 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Fri, 23 Jan 2015 10:15:56 +0100 Subject: [PATCH 19/20] no more location.reload() --- js/interface_common.js | 28 +--------------------------- js/twister_following.js | 2 +- 2 files changed, 2 insertions(+), 28 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 93ebcb2..0030445 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -141,30 +141,6 @@ function newProfileModal(username) { return profileModalContent; } -/* - -function openProfileModal(e) -{ - e.stopPropagation(); - e.preventDefault(); - - var $this = $( this ); - var username = $.MAL.urlToUser( $this.attr("href") ); - openProfileModalWithUsername(username); -} - -function openProfileModalWithUsername(username) -{ - if(!username) - { - alert(polyglot.t("You don't have any profile because you are not logged in.")); - return; - } - window.location.hash = '#profile?user=' + username; -} - -*/ - function openProfileModalWithUsernameHandler(username) { var profileModalClass = "profile-modal"; @@ -180,9 +156,7 @@ function openProfileModalWithUsernameHandler(username) if(followingUsers.indexOf(username) != -1){ $('.profile-card button.dinamicFollowButton').first().addClass('profileUnfollow').text(polyglot.t('Unfollow')).on('click', function(){ unfollow(username); - closeModal($(this)); - // delay reload so dhtput may do it's job - window.setTimeout("location.reload();",500); + window.setTimeout("loadModalFromHash();",500); }); } else { $('.profile-card button.dinamicFollowButton').first().addClass('follow').text(polyglot.t('Follow')).on('click', userClickFollow ); diff --git a/js/twister_following.js b/js/twister_following.js index 511c171..43ec374 100644 --- a/js/twister_following.js +++ b/js/twister_following.js @@ -710,7 +710,7 @@ function initUserSearch() { $(".following-config-method-buttons .public-following").click( function() { closePrompt(); // delay reload so dhtput may do it's job - window.setTimeout("location.reload();",500); + window.setTimeout("loadModalFromHash();",500); }); } From 69fdace49fb8be20e2d1553c4ec2e329e8c9c427 Mon Sep 17 00:00:00 2001 From: Julian Steinwachs Date: Sat, 24 Jan 2015 09:44:48 +0100 Subject: [PATCH 20/20] fixed bug: back button shows up when navigated to first modal in history --- js/interface_common.js | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/js/interface_common.js b/js/interface_common.js index 0030445..277404e 100644 --- a/js/interface_common.js +++ b/js/interface_common.js @@ -397,20 +397,17 @@ function watchHashChange(e) { if(e!=null){ + var prevurlsplit = e.oldURL.split('#'); - var newurlsplit = e.newURL.split('#'); - var prevhashstring=prevurlsplit[1]; - if(prevurlsplit[0]==newurlsplit[0] && prevhashstring!=undefined && prevhashstring.length>0 ){ + var prevhashstring=prevurlsplit[1]; + + var notFirstModalView=(prevhashstring!=undefined && prevhashstring.length>0 ); + var notNavigatedBackToFirstModalView=(window.history.state==null || ( window.history.state!=null && window.history.state.showCloseButton!=false ) ) + + if(notFirstModalView && notNavigatedBackToFirstModalView ) ){ $('.modal-back').css('display','inline'); - //$('.modal-back').on('click', function(e){ - //e.stopPropagation(); - //e.preventDefault(); - //window.location.hash = '#' + prevhashstring; - - //window.history.go(-1); - - //}); } else { + window.history.pushState({showCloseButton:false},null,null); $('.modal-back').css('display','none'); }