diff --git a/feed-parsers/class-feed-parser-activitypub.php b/feed-parsers/class-feed-parser-activitypub.php index c848b969..c9aadb45 100644 --- a/feed-parsers/class-feed-parser-activitypub.php +++ b/feed-parsers/class-feed-parser-activitypub.php @@ -74,6 +74,10 @@ public function __construct( Feed $friends_feed ) { \add_action( 'trashed_comment', array( $this, 'trashed_comment' ), 10, 2 ); \add_filter( 'friends_reblog_button_label', array( $this, 'friends_reblog_button_label' ), 10, 2 ); + \add_filter( 'friends_search_autocomplete', array( $this, 'friends_search_autocomplete' ), 10, 2 ); + \add_action( 'friends_after_header', array( $this, 'frontend_reply_form' ) ); + \add_action( 'friends_after_header', array( $this, 'frontend_boost_form' ) ); + \add_action( 'wp_ajax_friends-in-reply-to-preview', array( $this, 'ajax_in_reply_to_preview' ) ); \add_filter( 'friends_reblog', array( $this, 'unqueue_activitypub_create' ), 9 ); \add_action( 'mastodon_api_reblog', array( $this, 'mastodon_api_reblog' ) ); @@ -1534,6 +1538,138 @@ public function friends_reblog_button_label( $button_label ) { return $button_label; } + + /** + * Get metadata for in_reply_to_preview. + * + * @param string $url The url. + * + * @return array|WP_Error The in reply to metadata. + */ + public function get_activitypub_ajax_metadata( $url ) { + $meta = apply_filters( 'friends_get_activitypub_metadata', array(), $url ); + if ( is_wp_error( $meta ) ) { + return $meta; + } + + if ( ! $meta || ! isset( $meta['attributedTo'] ) ) { + return new \WP_Error( 'no-activitypub', 'No ActivityPub metadata found.' ); + } + + $html = '
' . make_clickable( $meta['id'] ) . '
'; + $html .= '
' . force_balance_tags( wp_kses_post( $meta['content'] ) ) . '
'; + + $webfinger = apply_filters( 'friends_get_activitypub_metadata', array(), $meta['attributedTo'] ); + $mention = ''; + if ( $webfinger && ! is_wp_error( $webfinger ) ) { + $mention = '@' . $webfinger['preferredUsername'] . '@' . parse_url( $url, PHP_URL_HOST ); + } + + return array( + 'url' => $url, + 'html' => $html, + 'author' => $meta['attributedTo'], + 'mention' => $mention, + ); + } + + /** + * The Ajax function to fill the in-reply-to-preview. + */ + public function ajax_in_reply_to_preview() { + $url = wp_unslash( $_POST['url'] ); + + if ( ! wp_parse_url( $url ) ) { + wp_send_json_error(); + exit; + } + + $meta = $this->get_activitypub_ajax_metadata( $_POST['url'] ); + + if ( is_wp_error( $meta ) ) { + wp_send_json_error( $meta->get_error_message() ); + exit; + } + wp_send_json_success( $meta ); + } + + public function frontend_reply_form( $args ) { + if ( isset( $_GET['in_reply_to'] ) && wp_parse_url( $_GET['in_reply_to'] ) ) { + $args['in_reply_to'] = $this->get_activitypub_ajax_metadata( $_GET['in_reply_to'] ); + $args['form_class'] = 'open'; + Friends::template_loader()->get_template_part( 'frontend/activitypub/reply', true, $args ); + } + } + + public function frontend_boost_form( $args ) { + if ( isset( $_GET['boost'] ) && wp_parse_url( $_GET['boost'] ) ) { + $args['boost'] = $this->get_activitypub_ajax_metadata( $_GET['boost'] ); + $args['form_class'] = 'open'; + Friends::template_loader()->get_template_part( 'frontend/activitypub/boost', true, $args ); + } + } + + public function friends_search_autocomplete( $results, $q ) { + function url_truncate( $url, $max_length = 30 ) { + $p = wp_parse_url( $url ); + $parts = array( $p['host'] ); + if ( trim( $p['path'] ) ) { + $parts = array_merge( $parts, explode( '/', $p['path'] ) ); + } + + $url = join( '/', $parts ); + $reduce = 4; + while ( strlen( $url ) > $max_length ) { + $last_part = array_pop( $parts ); + $last_part = substr( $last_part, strlen( $last_part ) - $reduce ); + foreach ( $parts as $k => $part ) { + $parts[ $k ] = substr( $part, 0, strlen( $part ) - $reduce ); + } + $url = join( '../', array_filter( $parts ) ) . '../..' . $last_part; + array_push( $parts, $last_part ); + $reduce = 1; + + } + + return $url; + } + + $url = preg_match( '#^(?:https?:\/\/)?(?:w{3}\.)?[\w-]+(?:\.[\w-]+)+((?:\/[^\s\/]*)*)#i', $q, $m ); + $url_with_path = isset( $m[1] ) && $m[1]; + + if ( ( $url && ! $url_with_path ) || preg_match( '/^@?' . self::ACTIVITYPUB_USERNAME_REGEXP . '$/i', $q ) ) { + $result = ''; + $result .= ''; + $result .= 'Follow '; + $result .= ' '; + $result .= esc_html( $q ); + $result .= ''; + $results[] = $result; + } + + if ( $url_with_path ) { + $result = ''; + $result .= ''; + $result .= 'Boost '; + $result .= ' '; + $result .= esc_html( url_truncate( $q ) ); + $result .= ''; + $results[] = $result; + } + + if ( $url_with_path ) { + $result = ''; + $result .= ''; + $result .= 'Reply to '; + $result .= ' '; + $result .= esc_html( url_truncate( $q ) ); + $result .= ''; + $results[] = $result; + } + + return $results; + } + public function mastodon_api_react( $post_id, $reaction ) { apply_filters( 'friends_react', null, $post_id, $reaction ); } diff --git a/friends.css b/friends.css index 1340a622..0cf23518 100644 --- a/friends.css +++ b/friends.css @@ -1 +1,2997 @@ -div{min-width:0}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:none}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background:#fff;color:#48427c;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#2e5bec;outline:none;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(46,91,236,.2)}a:focus,a:hover,a:active,a.active{color:#1341d4;text-decoration:underline}a:visited{color:#5d80f0}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}h1,.h1{font-size:2rem}h2,.h2{font-size:1.6rem}h3,.h3{font-size:1.4rem}h4,.h4{font-size:1.2rem}h5,.h5{font-size:1rem}h6,.h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{border-radius:.1rem;line-height:1.25;padding:.1rem .2rem;background:#3e396b;color:#fff;font-size:.7rem}mark{background:#ffe9b3;color:#48427c;border-bottom:.05rem solid #ffd367;border-radius:.1rem;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #f6f6fa;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ul,ol{margin:.8rem 0 .8rem .8rem;padding:0}ul ul,ul ol,ol ul,ol ol{margin:.8rem 0 .8rem .8rem}ul li,ol li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:bold}dl dd{margin:.4rem 0 .8rem 0}html:lang(zh),html:lang(zh-Hans),.lang-zh,.lang-zh-hans{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}html:lang(zh-Hant),.lang-zh-hant{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}html:lang(ja),.lang-ja{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}html:lang(ko),.lang-ko{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}:lang(zh) ins,:lang(zh) u,:lang(ja) ins,:lang(ja) u,.lang-cjk ins,.lang-cjk u{border-bottom:.05rem solid;text-decoration:none}:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u{margin-left:.125em}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.7rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{appearance:none;background:#fff;background-image:none;border:.05rem solid #d6d4e8;border-radius:.1rem;color:#48427c;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:none;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{box-shadow:0 0 0 .1rem rgba(46,91,236,.2);border-color:#2e5bec}.form-input::placeholder{color:#d6d4e8}.form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#d6d4e8;font-size:.7rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{appearance:none;border:.05rem solid #d6d4e8;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:none;padding:.25rem .4rem;vertical-align:middle;width:100%;background:#fff}.form-select:focus{box-shadow:0 0 0 .1rem rgba(46,91,236,.2);border-color:#2e5bec}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.form-select[size],.form-select[multiple]{height:auto;padding:.25rem .4rem}.form-select[size] option,.form-select[multiple] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/0.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.05rem}.has-icon-left .form-input{padding-left:1.3rem}.has-icon-right .form-icon{right:.05rem}.has-icon-right .form-input{padding-right:1.3rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{box-shadow:0 0 0 .1rem rgba(46,91,236,.2);border-color:#2e5bec}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#2e5bec;border-color:#2e5bec}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.05rem solid #d6d4e8;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.7rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#f5f5fa}.form-checkbox .form-icon{border-radius:.1rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#2e5bec;border-color:#2e5bec}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#d6d4e8;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#fff}.input-group{display:flex}.input-group .input-group-addon{background:#fff;border:.05rem solid #d6d4e8;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.input-group .form-input,.input-group .form-select{flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.05rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-0.05rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:inline-flex}.has-success .form-input,.form-input.is-success,.has-success .form-select,.form-select.is-success{background:#f9fdfa;border-color:#32b643}.has-success .form-input:focus,.form-input.is-success:focus,.has-success .form-select:focus,.form-select.is-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.has-error .form-input,.form-input.is-error,.has-error .form-select,.form-select.is-error{background:#fffaf7;border-color:#e85600}.has-error .form-input:focus,.form-input.is-error:focus,.has-error .form-select:focus,.form-select.is-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.has-error .form-checkbox .form-icon,.form-checkbox.is-error .form-icon,.has-error .form-radio .form-icon,.form-radio.is-error .form-icon,.has-error .form-switch .form-icon,.form-switch.is-error .form-icon{border-color:#e85600}.has-error .form-checkbox input:checked+.form-icon,.form-checkbox.is-error input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon{background:#e85600;border-color:#e85600}.has-error .form-checkbox input:focus+.form-icon,.form-checkbox.is-error input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon{box-shadow:0 0 0 .1rem rgba(232,86,0,.2);border-color:#e85600}.has-error .form-checkbox input:indeterminate+.form-icon,.form-checkbox.is-error input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2);background:#fffaf7}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input:disabled,.form-input.disabled,.form-select:disabled,.form-select.disabled{background-color:#f5f5fa;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#fff}input:disabled+.form-icon,input.disabled+.form-icon{background:#f5f5fa;cursor:not-allowed;opacity:.5}.form-switch input:disabled+.form-icon::before,.form-switch input.disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:flex;flex-wrap:wrap}.form-inline{display:inline-block}.btn,.friends-page .nav-links div a,.friends-page .nav-links div a:hover{appearance:none;background:#fff;border:.05rem solid #2e5bec;border-radius:.1rem;color:#2e5bec;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:none;padding:.25rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus,.friends-page .nav-links div a:focus{box-shadow:0 0 0 .1rem rgba(46,91,236,.2)}.btn:focus,.friends-page .nav-links div a:focus,.btn:hover,.friends-page .nav-links div a:hover{background:#dde5fc;border-color:#2050eb;text-decoration:none}.btn:active,.friends-page .nav-links div a:active,.btn.active,.friends-page .nav-links div a.active{background:#2050eb;border-color:#1444dd;color:#fff;text-decoration:none}.btn:active.loading::after,.friends-page .nav-links div a:active.loading::after,.btn.active.loading::after,.friends-page .nav-links div a.active.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn[disabled],.friends-page .nav-links div a[disabled],.btn:disabled,.friends-page .nav-links div a:disabled,.btn.disabled,.friends-page .nav-links div a.disabled{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary,.friends-page .nav-links div a,.friends-page .nav-links div a:hover{background:#2e5bec;border-color:#2050eb;color:#fff}.btn.btn-primary:focus,.friends-page .nav-links div a:focus,.btn.btn-primary:hover,.friends-page .nav-links div a:hover{background:#1749ea;border-color:#1444dd;color:#fff}.btn.btn-primary:active,.friends-page .nav-links div a:active,.btn.btn-primary.active,.friends-page .nav-links div a.active{background:#1545e2;border-color:#1341d4;color:#fff}.btn.btn-primary.loading::after,.friends-page .nav-links div a.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-success,.friends-page .nav-links div a.btn-success{background:#32b643;border-color:#2faa3f;color:#fff}.btn.btn-success:focus,.friends-page .nav-links div a.btn-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.btn.btn-success:focus,.friends-page .nav-links div a.btn-success:focus,.btn.btn-success:hover,.friends-page .nav-links div a.btn-success:hover{background:#30ae40;border-color:#2da23c;color:#fff}.btn.btn-success:active,.friends-page .nav-links div a.btn-success:active,.btn.btn-success.active,.friends-page .nav-links div a.btn-success.active{background:#2a9a39;border-color:#278e34;color:#fff}.btn.btn-success.loading::after,.friends-page .nav-links div a.btn-success.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-error,.friends-page .nav-links div a.btn-error{background:#e85600;border-color:#d95000;color:#fff}.btn.btn-error:focus,.friends-page .nav-links div a.btn-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.btn.btn-error:focus,.friends-page .nav-links div a.btn-error:focus,.btn.btn-error:hover,.friends-page .nav-links div a.btn-error:hover{background:#de5200;border-color:#cf4d00;color:#fff}.btn.btn-error:active,.friends-page .nav-links div a.btn-error:active,.btn.btn-error.active,.friends-page .nav-links div a.btn-error.active{background:#c44900;border-color:#b54300;color:#fff}.btn.btn-error.loading::after,.friends-page .nav-links div a.btn-error.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link,.friends-page .nav-links div a.btn-link{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#2e5bec}.btn.btn-link:focus,.friends-page .nav-links div a.btn-link:focus,.btn.btn-link:hover,.friends-page .nav-links div a.btn-link:hover,.btn.btn-link:active,.friends-page .nav-links div a.btn-link:active,.btn.btn-link.active,.friends-page .nav-links div a.btn-link.active{color:#1341d4}.btn.btn-sm,.friends-page .nav-links div a.btn-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.btn.btn-lg,.friends-page .nav-links div a.btn-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.btn.btn-block,.friends-page .nav-links div a.btn-block{display:block;width:100%}.btn.btn-action,.friends-page .nav-links div a.btn-action{width:1.8rem;padding-left:0;padding-right:0}.btn.btn-action.btn-sm,.friends-page .nav-links div a.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg,.friends-page .nav-links div a.btn-action.btn-lg{width:2rem}.btn.btn-clear,.friends-page .nav-links div a.btn-clear{background:rgba(0,0,0,0);border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.friends-page .nav-links div a.btn-clear:focus,.btn.btn-clear:hover,.friends-page .nav-links div a.btn-clear:hover{background:rgba(255,255,255,.5);opacity:.95}.btn.btn-clear::before,.friends-page .nav-links div a.btn-clear::before{content:"✕"}.btn-group{display:inline-flex;flex-wrap:wrap}.btn-group .btn,.btn-group .friends-page .nav-links div a,.friends-page .nav-links div .btn-group a{flex:1 0 auto}.btn-group .btn:first-child:not(:last-child),.btn-group .friends-page .nav-links div a:first-child:not(:last-child),.friends-page .nav-links div .btn-group a:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child),.btn-group .friends-page .nav-links div a:not(:first-child):not(:last-child),.friends-page .nav-links div .btn-group a:not(:first-child):not(:last-child){border-radius:0;margin-left:-0.05rem}.btn-group .btn:last-child:not(:first-child),.btn-group .friends-page .nav-links div a:last-child:not(:first-child),.friends-page .nav-links div .btn-group a:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-0.05rem}.btn-group .btn:focus,.btn-group .friends-page .nav-links div a:focus,.friends-page .nav-links div .btn-group a:focus,.btn-group .btn:hover,.btn-group .friends-page .nav-links div a:hover,.friends-page .nav-links div .btn-group a:hover,.btn-group .btn:active,.btn-group .friends-page .nav-links div a:active,.friends-page .nav-links div .btn-group a:active,.btn-group .btn.active,.btn-group .friends-page .nav-links div a.active,.friends-page .nav-links div .btn-group a.active{z-index:1}.btn-group.btn-group-block{display:flex}.btn-group.btn-group-block .btn,.btn-group.btn-group-block .friends-page .nav-links div a,.friends-page .nav-links div .btn-group.btn-group-block a{flex:1 0 0}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-xs,.show-sm,.show-md,.show-lg,.show-xl{display:none !important}.cols,.columns{display:flex;flex-wrap:wrap;margin-left:-0.4rem;margin-right:-0.4rem}.cols.col-gapless,.columns.col-gapless{margin-left:0;margin-right:0}.cols.col-gapless>.column,.columns.col-gapless>.column{padding-left:0;padding-right:0}.cols.col-oneline,.columns.col-oneline{flex-wrap:nowrap;overflow-x:auto}[class~=col-],.column{flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}[class~=col-].col-12,[class~=col-].col-11,[class~=col-].col-10,[class~=col-].col-9,[class~=col-].col-8,[class~=col-].col-7,[class~=col-].col-6,[class~=col-].col-5,[class~=col-].col-4,[class~=col-].col-3,[class~=col-].col-2,[class~=col-].col-1,[class~=col-].col-auto,.column.col-12,.column.col-11,.column.col-10,.column.col-9,.column.col-8,.column.col-7,.column.col-6,.column.col-5,.column.col-4,.column.col-3,.column.col-2,.column.col-1,.column.col-auto{flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media(max-width: 1280px){.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-xl-auto{flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none !important}.show-xl{display:block !important}}@media(max-width: 960px){.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-lg-auto{flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none !important}.show-lg{display:block !important}}@media(max-width: 840px){.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-md-auto{flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none !important}.show-md{display:block !important}}@media(max-width: 600px){.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col-sm-auto{flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none !important}.show-sm{display:block !important}}@media(max-width: 480px){.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1,.col-xs-auto{flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none !important}.show-xs{display:block !important}}.navbar{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:flex;flex:1 0 0}.navbar .navbar-section:not(:first-child):last-child{justify-content:flex-end}.navbar .navbar-center{align-items:center;display:flex;flex:0 0 auto}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.off-canvas{display:flex;flex-flow:nowrap;height:100%;position:relative;width:100%}.off-canvas .off-canvas-toggle{display:block;position:absolute;top:.4rem;transition:none;z-index:1;left:.4rem}.off-canvas .off-canvas-sidebar{background:#fff;bottom:0;min-width:10rem;overflow-y:auto;position:fixed;top:0;transition:transform .25s;z-index:200;left:0;transform:translateX(-100%)}.off-canvas .off-canvas-content{flex:1 1 auto;height:100%;padding:.4rem .4rem .4rem 4rem}.off-canvas .off-canvas-overlay{background:rgba(62,57,107,.1);border-color:rgba(0,0,0,0);border-radius:0;bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.off-canvas .off-canvas-sidebar:target,.off-canvas .off-canvas-sidebar.active{transform:translateX(0)}.off-canvas .off-canvas-sidebar:target~.off-canvas-overlay,.off-canvas .off-canvas-sidebar.active~.off-canvas-overlay{display:block;z-index:100}@media(min-width: 960px){.off-canvas.off-canvas-sidebar-show .off-canvas-toggle{display:none}.off-canvas.off-canvas-sidebar-show .off-canvas-sidebar{flex:0 0 auto;position:relative;transform:none}.off-canvas.off-canvas-sidebar-show .off-canvas-overlay{display:none !important}}.accordion input:checked~.accordion-header>.icon:first-child,.accordion[open] .accordion-header>.icon:first-child{transform:rotate(90deg)}.accordion input:checked~.accordion-body,.accordion[open] .accordion-body{max-height:50rem}.accordion .accordion-header{display:block;padding:.2rem .4rem}.accordion .accordion-header .icon{transition:transform .25s}.accordion .accordion-body{margin-bottom:.4rem;max-height:0;overflow:hidden;transition:max-height .25s}summary.accordion-header::-webkit-details-marker{display:none}.card{background:#fff;border:.05rem solid #f6f6fa;border-radius:.1rem;display:flex;flex-direction:column}.card .card-header,.card .card-body,.card .card-footer{padding:.8rem;padding-bottom:0}.card .card-header:last-child,.card .card-body:last-child,.card .card-footer:last-child{padding-bottom:.8rem}.card .card-body{flex:1 1 auto}.card .card-image{padding-top:.8rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.card .card-image:last-child img{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.nav{display:flex;flex-direction:column;list-style:none;margin:.2rem 0}.nav .nav-item a{color:#7770b3;padding:.2rem .4rem;text-decoration:none}.nav .nav-item a:focus,.nav .nav-item a:hover{color:#2e5bec}.nav .nav-item.active>a{color:#5b549d;font-weight:bold}.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover{color:#2e5bec}.nav .nav{margin-bottom:.4rem;margin-left:.8rem}.chip{align-items:center;background:#f5f5fa;border-radius:5rem;display:inline-flex;font-size:90%;height:1.2rem;line-height:.8rem;margin:.1rem;max-width:320px;overflow:hidden;padding:.2rem .4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active{background:#2e5bec;color:#fff}.chip .avatar{margin-left:-0.4rem;margin-right:.2rem}.chip .btn-clear{border-radius:50%;transform:scale(0.75)}.menu{box-shadow:0 .05rem .2rem rgba(62,57,107,.3);background:#fff;border-radius:.1rem;list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(0.2rem);z-index:300}.menu.menu-nav{background:rgba(0,0,0,0);box-shadow:none}.menu .menu-item{margin-top:0;padding:0 .4rem;position:relative;text-decoration:none}.menu .menu-item>a{border-radius:.1rem;color:inherit;display:block;margin:0 -0.4rem;padding:.2rem .4rem;text-decoration:none}.menu .menu-item>a:focus,.menu .menu-item>a:hover{background:#dde5fc;color:#2e5bec}.menu .menu-item>a:active,.menu .menu-item>a.active{background:#dde5fc;color:#2e5bec}.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch{margin:.1rem 0}.menu .menu-item+.menu-item{margin-top:.2rem}.menu .menu-badge{align-items:center;display:flex;height:100%;position:absolute;right:0;top:0}.menu .menu-badge .label{margin-right:.4rem}.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{align-content:flex-start;display:flex;flex-wrap:wrap;height:auto;min-height:1.6rem;padding:.1rem}.form-autocomplete .form-autocomplete-input.is-focused{box-shadow:0 0 0 .1rem rgba(46,91,236,.2);border-color:#2e5bec}.form-autocomplete .form-autocomplete-input .form-input{border-color:rgba(0,0,0,0);box-shadow:none;display:inline-block;flex:1 0 auto;height:1.2rem;line-height:.8rem;margin:.1rem;width:auto}.form-autocomplete .menu{left:0;position:absolute;top:100%;width:100%}.form-autocomplete.autocomplete-oneline .form-autocomplete-input{flex-wrap:nowrap;overflow-x:auto}.form-autocomplete.autocomplete-oneline .chip{flex:1 0 auto}.loading{color:rgba(0,0,0,0) !important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading 500ms infinite linear;background:rgba(0,0,0,0);border:.1rem solid #2e5bec;border-radius:50%;border-right-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);content:"";display:block;height:.8rem;left:50%;margin-left:-0.4rem;margin-top:-0.4rem;opacity:1;padding:0;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-0.8rem;margin-top:-0.8rem;width:1.6rem}.text-primary{color:#2e5bec !important}a.text-primary:focus,a.text-primary:hover{color:#1749ea}a.text-primary:visited{color:#456dee}.text-secondary{color:#cfdafb !important}a.text-secondary:focus,a.text-secondary:hover{color:#b8c7f9}a.text-secondary:visited{color:#e7ecfd}.text-gray{color:#d6d4e8 !important}a.text-gray:focus,a.text-gray:hover{color:#c6c4df}a.text-gray:visited{color:#e6e5f1}.text-light{color:#fff !important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#48427c !important}a.text-dark:focus,a.text-dark:hover{color:#3e396b}a.text-dark:visited{color:#514b8c}.text-success{color:#32b643 !important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700 !important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600 !important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#2e5bec !important;color:#fff}.bg-secondary{background:#dde5fc !important}.bg-dark{background:#3e396b !important;color:#fff}.bg-gray{background:#fff !important}.bg-success{background:#32b643 !important;color:#fff}.bg-warning{background:#ffb700 !important;color:#fff}.bg-error{background:#e85600 !important;color:#fff}.divider,.divider-vert{display:block;position:relative}.divider[data-content]::after,.divider-vert[data-content]::after{background:#fff;color:#d6d4e8;content:attr(data-content);display:inline-block;font-size:.7rem;padding:0 .4rem;transform:translateY(-0.65rem)}.divider{border-top:.05rem solid #eee;height:.05rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.05rem solid #f6f6fa;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%, -50%)}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left !important}.float-right{float:right !important}.p-relative{position:relative !important}.p-absolute{position:absolute !important}.p-fixed{position:fixed !important}.p-sticky{position:sticky !important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:flex;justify-content:center}.m-0{margin:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.mr-0{margin-right:0 !important}.mt-0{margin-top:0 !important}.mx-0{margin-left:0 !important;margin-right:0 !important}.my-0{margin-bottom:0 !important;margin-top:0 !important}.m-1{margin:.2rem !important}.mb-1{margin-bottom:.2rem !important}.ml-1{margin-left:.2rem !important}.mr-1{margin-right:.2rem !important}.mt-1{margin-top:.2rem !important}.mx-1{margin-left:.2rem !important;margin-right:.2rem !important}.my-1{margin-bottom:.2rem !important;margin-top:.2rem !important}.m-2{margin:.4rem !important}.mb-2{margin-bottom:.4rem !important}.ml-2{margin-left:.4rem !important}.mr-2{margin-right:.4rem !important}.mt-2{margin-top:.4rem !important}.mx-2{margin-left:.4rem !important;margin-right:.4rem !important}.my-2{margin-bottom:.4rem !important;margin-top:.4rem !important}.p-0{padding:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.pr-0{padding-right:0 !important}.pt-0{padding-top:0 !important}.px-0{padding-left:0 !important;padding-right:0 !important}.py-0{padding-bottom:0 !important;padding-top:0 !important}.p-1{padding:.2rem !important}.pb-1{padding-bottom:.2rem !important}.pl-1{padding-left:.2rem !important}.pr-1{padding-right:.2rem !important}.pt-1{padding-top:.2rem !important}.px-1{padding-left:.2rem !important;padding-right:.2rem !important}.py-1{padding-bottom:.2rem !important;padding-top:.2rem !important}.p-2{padding:.4rem !important}.pb-2{padding-bottom:.4rem !important}.pl-2{padding-left:.4rem !important}.pr-2{padding-right:.4rem !important}.pt-2{padding-top:.4rem !important}.px-2{padding-left:.4rem !important;padding-right:.4rem !important}.py-2{padding-bottom:.4rem !important;padding-top:.4rem !important}.friends-dropdown{display:inline-block;position:relative}.friends-dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.friends-dropdown.friends-dropdown-right .menu{left:auto;right:0}.friends-dropdown.active .menu,.friends-dropdown .friends-dropdown-toggle:focus+.menu,.friends-dropdown .menu:hover{display:block}.friends-dropdown .btn-group .friends-dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.off-canvas .off-canvas-content{margin-top:32px;padding-top:1rem;padding-left:1rem;padding-right:1rem}@media(min-width: 960px){.off-canvas .off-canvas-content{padding-left:2rem;padding-right:2rem}}.off-canvas .off-canvas-toggle{top:3rem;left:1rem}.off-canvas .off-canvas-content header.navbar{margin-bottom:32px}.off-canvas .off-canvas-sidebar{margin-top:32px;width:12rem;background:#f7f8f9}.off-canvas .off-canvas-content header.navbar #page-title{margin-left:3rem}h2#page-title a.dashicons{font-size:.8em;margin-right:.5em;vertical-align:baseline}@media(min-width: 960px){.off-canvas .off-canvas-content header.navbar #page-title{margin-left:0}}.friends-page{background-color:#fff;color:#48427c;overflow-wrap:break-word;min-height:100vh}.friends-page code,.friends-page pre{overflow:auto}.friends-page a:visited{color:#1341d4}.friends-page a.off-canvas-toggle:visited{color:#2e5bec}.friends-page a,.friends-page a:visited,.friends-page a:hover,.friends-page a:focus,.friends-page a:active{color:#2e5bec}.friends-page summary.accordion-header{color:#2e5bec;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.friends-page .accordion[open] .accordion-body{max-height:100rem}.friends-page .menu a,.friends-page .menu a:active,.friends-page .menu a:visited{color:#333}.friends-page .menu .menu-item+.menu-item{margin-top:0}.friends-page .menu .divider[data-content]{margin:.8rem 0 .4rem 0}.friends-page .menu .menu-item.friends-dropdown{margin-top:.2rem;margin-bottom:.4rem}.friends-page .menu .menu-item small.label-secondary{display:none}.friends-page .menu .menu-item:hover small.label-secondary{display:inline-block}.friends-page button,.friends-page input{min-height:auto}.friends-page header.navbar section.navbar-section.author{flex:3}.friends-page summary.quick-status-panel-opener{margin-bottom:2em;cursor:pointer}.friends-page article .card-body img,.friends-page article .card-body video{max-width:100% !important;height:auto}.friends-page article.format-status{border-bottom:1px solid #3e396b;padding-bottom:2em;margin-bottom:2em}.friends-page article.format-status div.teaser{display:none}.friends-page article.format-status header div.overflow,.friends-page article.format-status header div.post-meta,.friends-page article.format-status header div.teaser{margin-top:.4em}.friends-page article.format-status header div.overflow .btn,.friends-page article.format-status header .nav-links div.overflow a,.friends-page .nav-links article.format-status header div.overflow a{margin-top:-0.5em}.friends-page .card{height:100%;box-shadow:none;padding:0;border:0;border-bottom:1px solid #eee;padding:0 0 1em 0;margin:0 0 1em 0}.friends-page .card .card-body{padding:0}.friends-page .card .card-body ul,.friends-page .card .card-body ol{margin-left:1rem}.friends-page .card .card-body img,.friends-page .card .card-body video{max-width:100% !important;height:auto}.friends-page .card .card-body .wp-block-image.alignfull,.friends-page .card .card-body .wp-block-image.alignwide,.friends-page .card .card-body .wp-block-gallery.alignfull,.friends-page .card .card-body .wp-block-gallery.alignwide{margin:0}.friends-page .card .card-body .wp-block-image figcaption,.friends-page .card .card-body .wp-block-gallery figcaption{text-align:center;font-size:.8rem}.friends-page .card .card-body p.note{border-left:4px solid #eee;padding:1rem;margin-left:1rem;font-size:.8rem;color:#666;background-color:#f7f7f7}@media(min-width: 960px){.friends-page .card{border:0;box-shadow:0 .25rem 1rem rgba(48,55,66,.15);border-bottom:1px solid #87a6bc;padding:0 0 1em 0;margin:0 0 1em 0}.friends-page .card .card-body{padding:1rem}.friends-page .card .card-title{padding-left:1rem}}.friends-page .friends-brand{position:fixed}.friends-page .friends-brand .friends-logo a,.friends-page .friends-brand .friends-logo a:visited,.friends-page .friends-brand .friends-logo a:active{color:#2e5bec}.friends-page .friends-brand .friends-logo h2{display:inline-block;font-size:1.2rem;font-weight:700;line-height:1.5rem;margin-top:1.5rem;margin-bottom:0;margin-left:1.5rem;margin-right:.3rem;text-transform:uppercase}@media(min-width: 782px){.friends-page .friends-brand .friends-logo{margin-top:1rem}}.friends-page #friends-sidebar .friends-nav{bottom:1.5rem;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:.5rem 1.5rem;position:fixed;top:5.5rem;width:12rem}.friends-page #friends-sidebar .friends-nav .accordion-header{padding:0}.friends-page #quick-post-panel{display:none;margin-bottom:2em}.friends-page #quick-post-panel.open{display:block}.friends-page #quick-post-panel p.description{font-color:#3e396b;font-size:.6rem}.friends-page img.avatar{border-radius:100%}.friends-page div.friends-widget{margin-bottom:2em}.friends-page div.friends-main-widget h1 a{color:#222;text-decoration:none}.friends-page div.friends-widget h4 a{color:#222;text-decoration:none}.friends-page div.friends-widget a.open-requests{font-size:90%;font-weight:normal}.friends-page div.friends-widget ul{margin:.5em 0 1em 0;padding:0}.friends-page div.friends-widget h5{margin-bottom:.5em;font-size:.7rem;text-transform:uppercase;font-weight:bold;letter-spacing:2px}.friends-page section.posts .card header.entry-header{display:flex;font-size:88%;line-height:1.4;max-width:100%;margin:auto -0.4rem;padding:.5rem;padding-bottom:1.5em}.friends-page section.posts .card header.entry-header div.avatar{margin-right:.5em}@media(min-width: 960px){.friends-page section.posts .card header.entry-header{padding:.8rem;padding-bottom:1.5em}}.friends-page section.posts .card h4.entry-title{font-size:130%;line-height:1.4;margin:0 0 1em 0;text-align:left}.friends-page section.posts .card h4.entry-title a{text-decoration:none}.friends-page section.posts .card h4.entry-title a span.dashicons{margin-top:4px;margin-left:6px;color:#32c170}.friends-page section.posts .card h4.entry-title:after{display:none}.friends-page section.posts span.reading-time::before{content:" | "}.friends-page section.posts article.status-trash{opacity:.5}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) div.card-body,.friends-page section.posts article.collapsed div.card-body{display:none}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header,.friends-page section.posts article.collapsed header{padding-left:1rem;padding-bottom:0}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.avatar,.friends-page section.posts article.collapsed header div.avatar{display:none}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.author,.friends-page section.posts article.collapsed header div.author{display:inline}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.permalink,.friends-page section.posts article.collapsed header div.permalink{display:inline}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.permalink::before,.friends-page section.posts article.collapsed header div.permalink::before{content:" | "}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) h4.card-title,.friends-page section.posts article.collapsed h4.card-title{margin-bottom:0}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status,.friends-page section.posts article.collapsed.format-status{padding-bottom:0;margin-bottom:.5em;width:100%}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status .overflow,.friends-page section.posts article.collapsed.format-status .overflow{width:6em;margin-left:1em}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status div.teaser,.friends-page section.posts article.collapsed.format-status div.teaser{text-overflow:ellipsis;width:calc(100% - 7em);overflow:hidden;white-space:nowrap;display:inline-block}@media(min-width: 960px){.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status div.teaser,.friends-page section.posts article.collapsed.format-status div.teaser{width:calc(100% - 25em)}}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status header,.friends-page section.posts article.collapsed.format-status header{padding-left:0;margin-bottom:0}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status header div.post-meta,.friends-page section.posts article.collapsed.format-status header div.post-meta{max-width:15em;max-height:1.5em;overflow:hidden;text-overflow:ellipsis}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status header div.avatar,.friends-page section.posts article.collapsed.format-status header div.avatar{display:block}.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) footer.entry-meta,.friends-page section.posts article.collapsed footer.entry-meta{display:none}.friends-page section.posts footer.entry-meta{display:flex;justify-content:flex-end}.friends-page section.posts footer.entry-meta a{color:#2e5bec}.friends-page section.posts footer.entry-meta a .dashicons{vertical-align:middle}.friends-page section.posts footer.entry-meta .btn:hover,.friends-page section.posts footer.entry-meta .nav-links div a:hover,.friends-page .nav-links div section.posts footer.entry-meta a:hover{color:#2e5bec}.friends-page section.posts footer.comments-content{display:none}.friends-page ul.friend-posts img.avatar{vertical-align:middle;margin-right:.3em}.friends-page a.explanation-friends-auth-link,.friends-page a.friends-auth-link,.friends-page a.friends-auth-link:link,.friends-page a.friends-auth-link:active,.friends-page a.friends-auth-link,.friends-page a.friends-auth-link:link,.friends-page a.friends-auth-link:active{color:#333}.friends-page a.friends-auth-link span.dashicons-admin-users{display:inline}.friends-page a.friends-auth-link span.dashicons,.friends-page button.friends-auth-link span.dashicons{color:#32c170;margin-left:6px}.friends-page a.explanation-friends-auth-link:hover,.friends-page a.friends-auth-link :hover,.friends-page a.friends-auth-link:hover,.friends-page a.friends-auth-link:hover span.dashicons,.friends-page button.friends-auth-link:hover span.dashicons{color:#32c170}.friends-page a.explanation-friends-auth-link:hover,.friends-page a.friends-auth-link :hover,.friends-page a.friends-auth-link:hover{text-decoration:underline}.friends-page a.explanation-friends-auth-link:hover span,.friends-page a.friends-auth-link :hover span,.friends-page a.friends-auth-link:hover span{text-decoration:none}.friends-page .form-autocomplete .form-autocomplete-input .form-input{width:auto}.friends-page .friends-reaction-picker button{padding:.5rem;margin:0;font-size:18px;background-color:#fff;border:0;cursor:pointer;z-index:999999}.friends-page .friends-reaction-picker button:focus{outline:none}.friends-page a.display-message.unread{font-weight:bold}.friends-page .friend-message .conversation .messages{max-height:40em;overflow:auto}.friends-page .friend-message .conversation .messages .wp-block-friends-message{max-width:80%;margin:1em;border-bottom:1px solid #eee}.friends-page .invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.friends-page .invisible img,.friends-page .invisible svg{margin:0 !important;border:0 !important;padding:0 !important;width:0 !important;height:0 !important}.friends-page .ellipsis::after{content:"…"}/*# sourceMappingURL=friends.css.map */ +@charset "UTF-8"; +div { + min-width: 0; +} + +@keyframes loading { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +@keyframes slide-down { + 0% { + opacity: 0; + transform: translateY(-1.6rem); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* Manually forked from Normalize.css */ +/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ +/* Document + ========================================================================== */ +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 3 */ + -webkit-text-size-adjust: 100%; /* 3 */ +} + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers (opinionated). + */ +body { + margin: 0; +} + +/** + * Add the correct display in IE 9-. + */ +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ +figcaption, +figure, +main { /* 1 */ + display: block; +} + +/** + * Add the correct margin in IE 8 (removed). + */ +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. (removed) + * 2. Correct the odd `em` font sizing in all browsers. + */ +/* Text-level semantics + ========================================================================== */ +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ +a:active, +a:hover { + outline-width: 0; +} + +/** + * Modify default styling of address. + */ +address { + font-style: normal; +} + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed) + */ +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace; /* 1 (changed) */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font style in Android 4.3-. + */ +dfn { + font-style: italic; +} + +/** + * Add the correct background and color in IE 9-. (Removed) + */ +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; + font-weight: 400; /* (added) */ +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +audio, +video { + display: inline-block; +} + +/** + * Add the correct display in iOS 4-7. + */ +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Remove the border on images inside links in IE 10-. + */ +img { + border-style: none; +} + +/** + * Hide the overflow in IE. + */ +svg:not(:root) { + overflow: hidden; +} + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 (changed) */ + font-size: inherit; /* 1 (changed) */ + line-height: inherit; /* 1 (changed) */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { /* 1 */ + text-transform: none; +} + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ +button, +html [type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; /* 2 */ +} + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule (removed). + */ +/** + * Change the border, margin, and padding in all browsers (opinionated) (changed). + */ +fieldset { + border: 0; + margin: 0; + padding: 0; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ +[type=checkbox], +[type=radio] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type=search] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ +[type=search]::-webkit-search-cancel-button, +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ +details, +menu { + display: block; +} + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; + outline: none; +} + +/* Scripting + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +canvas { + display: inline-block; +} + +/** + * Add the correct display in IE. + */ +template { + display: none; +} + +/* Hidden + ========================================================================== */ +/** + * Add the correct display in IE 10-. + */ +[hidden] { + display: none; +} + +*, +*::before, +*::after { + box-sizing: inherit; +} + +html { + box-sizing: border-box; + font-size: 20px; + line-height: 1.5; + -webkit-tap-highlight-color: transparent; +} + +body { + background: #fff; + color: #48427c; + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; + font-size: 0.8rem; + overflow-x: hidden; + text-rendering: optimizeLegibility; +} + +a { + color: #2e5bec; + outline: none; + text-decoration: none; +} +a:focus { + box-shadow: 0 0 0 0.1rem rgba(46, 91, 236, 0.2); +} +a:focus, a:hover, a:active, a.active { + color: #1341d4; + text-decoration: underline; +} +a:visited { + color: #5d80f0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: inherit; + font-weight: 500; + line-height: 1.2; + margin-bottom: 0.5em; + margin-top: 0; +} + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-weight: 500; +} + +h1, +.h1 { + font-size: 2rem; +} + +h2, +.h2 { + font-size: 1.6rem; +} + +h3, +.h3 { + font-size: 1.4rem; +} + +h4, +.h4 { + font-size: 1.2rem; +} + +h5, +.h5 { + font-size: 1rem; +} + +h6, +.h6 { + font-size: 0.8rem; +} + +p { + margin: 0 0 1.2rem; +} + +a, +ins, +u { + text-decoration-skip: ink edges; +} + +abbr[title] { + border-bottom: 0.05rem dotted; + cursor: help; + text-decoration: none; +} + +kbd { + border-radius: 0.1rem; + line-height: 1.25; + padding: 0.1rem 0.2rem; + background: #3e396b; + color: #fff; + font-size: 0.7rem; +} + +mark { + background: #ffe9b3; + color: #48427c; + border-bottom: 0.05rem solid #ffd367; + border-radius: 0.1rem; + padding: 0.05rem 0.1rem 0; +} + +blockquote { + border-left: 0.1rem solid #f6f6fa; + margin-left: 0; + padding: 0.4rem 0.8rem; +} +blockquote p:last-child { + margin-bottom: 0; +} + +ul, +ol { + margin: 0.8rem 0 0.8rem 0.8rem; + padding: 0; +} +ul ul, +ul ol, +ol ul, +ol ol { + margin: 0.8rem 0 0.8rem 0.8rem; +} +ul li, +ol li { + margin-top: 0.4rem; +} + +ul { + list-style: disc inside; +} +ul ul { + list-style-type: circle; +} + +ol { + list-style: decimal inside; +} +ol ol { + list-style-type: lower-alpha; +} + +dl dt { + font-weight: bold; +} +dl dd { + margin: 0.4rem 0 0.8rem 0; +} + +html:lang(zh), +html:lang(zh-Hans), +.lang-zh, +.lang-zh-hans { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif; +} + +html:lang(zh-Hant), +.lang-zh-hant { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif; +} + +html:lang(ja), +.lang-ja { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif; +} + +html:lang(ko), +.lang-ko { + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Helvetica Neue", sans-serif; +} + +:lang(zh) ins, +:lang(zh) u, +:lang(ja) ins, +:lang(ja) u, +.lang-cjk ins, +.lang-cjk u { + border-bottom: 0.05rem solid; + text-decoration: none; +} +:lang(zh) del + del, +:lang(zh) del + s, +:lang(zh) ins + ins, +:lang(zh) ins + u, +:lang(zh) s + del, +:lang(zh) s + s, +:lang(zh) u + ins, +:lang(zh) u + u, +:lang(ja) del + del, +:lang(ja) del + s, +:lang(ja) ins + ins, +:lang(ja) ins + u, +:lang(ja) s + del, +:lang(ja) s + s, +:lang(ja) u + ins, +:lang(ja) u + u, +.lang-cjk del + del, +.lang-cjk del + s, +.lang-cjk ins + ins, +.lang-cjk ins + u, +.lang-cjk s + del, +.lang-cjk s + s, +.lang-cjk u + ins, +.lang-cjk u + u { + margin-left: 0.125em; +} + +.form-group:not(:last-child) { + margin-bottom: 0.4rem; +} + +fieldset { + margin-bottom: 0.8rem; +} + +legend { + font-size: 0.9rem; + font-weight: 500; + margin-bottom: 0.8rem; +} + +.form-label { + display: block; + line-height: 1.2rem; + padding: 0.3rem 0; +} +.form-label.label-sm { + font-size: 0.7rem; + padding: 0.1rem 0; +} +.form-label.label-lg { + font-size: 0.9rem; + padding: 0.4rem 0; +} + +.form-input { + appearance: none; + background: #fff; + background-image: none; + border: 0.05rem solid #d6d4e8; + border-radius: 0.1rem; + color: #48427c; + display: block; + font-size: 0.8rem; + height: 1.8rem; + line-height: 1.2rem; + max-width: 100%; + outline: none; + padding: 0.25rem 0.4rem; + position: relative; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s; + width: 100%; +} +.form-input:focus { + box-shadow: 0 0 0 0.1rem rgba(46, 91, 236, 0.2); + border-color: #2e5bec; +} +.form-input::placeholder { + color: #d6d4e8; +} +.form-input.input-sm { + font-size: 0.7rem; + height: 1.4rem; + padding: 0.05rem 0.3rem; +} +.form-input.input-lg { + font-size: 0.9rem; + height: 2rem; + padding: 0.35rem 0.6rem; +} +.form-input.input-inline { + display: inline-block; + vertical-align: middle; + width: auto; +} +.form-input[type=file] { + height: auto; +} + +textarea.form-input, textarea.form-input.input-lg, textarea.form-input.input-sm { + height: auto; +} + +.form-input-hint { + color: #d6d4e8; + font-size: 0.7rem; + margin-top: 0.2rem; +} +.has-success .form-input-hint, .is-success + .form-input-hint { + color: #32b643; +} +.has-error .form-input-hint, .is-error + .form-input-hint { + color: #e85600; +} + +.form-select { + appearance: none; + border: 0.05rem solid #d6d4e8; + border-radius: 0.1rem; + color: inherit; + font-size: 0.8rem; + height: 1.8rem; + line-height: 1.2rem; + outline: none; + padding: 0.25rem 0.4rem; + vertical-align: middle; + width: 100%; + background: #fff; +} +.form-select:focus { + box-shadow: 0 0 0 0.1rem rgba(46, 91, 236, 0.2); + border-color: #2e5bec; +} +.form-select::-ms-expand { + display: none; +} +.form-select.select-sm { + font-size: 0.7rem; + height: 1.4rem; + padding: 0.05rem 1.1rem 0.05rem 0.3rem; +} +.form-select.select-lg { + font-size: 0.9rem; + height: 2rem; + padding: 0.35rem 1.4rem 0.35rem 0.6rem; +} +.form-select[size], .form-select[multiple] { + height: auto; + padding: 0.25rem 0.4rem; +} +.form-select[size] option, .form-select[multiple] option { + padding: 0.1rem 0.2rem; +} +.form-select:not([multiple]):not([size]) { + background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem; + padding-right: 1.2rem; +} + +.has-icon-left, +.has-icon-right { + position: relative; +} +.has-icon-left .form-icon, +.has-icon-right .form-icon { + height: 0.8rem; + margin: 0 0.25rem; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 0.8rem; + z-index: 2; +} + +.has-icon-left .form-icon { + left: 0.05rem; +} +.has-icon-left .form-input { + padding-left: 1.3rem; +} + +.has-icon-right .form-icon { + right: 0.05rem; +} +.has-icon-right .form-input { + padding-right: 1.3rem; +} + +.form-checkbox, +.form-radio, +.form-switch { + display: block; + line-height: 1.2rem; + margin: 0.2rem 0; + min-height: 1.4rem; + padding: 0.1rem 0.4rem 0.1rem 1.2rem; + position: relative; +} +.form-checkbox input, +.form-radio input, +.form-switch input { + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + position: absolute; + width: 1px; +} +.form-checkbox input:focus + .form-icon, +.form-radio input:focus + .form-icon, +.form-switch input:focus + .form-icon { + box-shadow: 0 0 0 0.1rem rgba(46, 91, 236, 0.2); + border-color: #2e5bec; +} +.form-checkbox input:checked + .form-icon, +.form-radio input:checked + .form-icon, +.form-switch input:checked + .form-icon { + background: #2e5bec; + border-color: #2e5bec; +} +.form-checkbox .form-icon, +.form-radio .form-icon, +.form-switch .form-icon { + border: 0.05rem solid #d6d4e8; + cursor: pointer; + display: inline-block; + position: absolute; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s; +} +.form-checkbox.input-sm, +.form-radio.input-sm, +.form-switch.input-sm { + font-size: 0.7rem; + margin: 0; +} +.form-checkbox.input-lg, +.form-radio.input-lg, +.form-switch.input-lg { + font-size: 0.9rem; + margin: 0.3rem 0; +} + +.form-checkbox .form-icon, +.form-radio .form-icon { + background: #fff; + height: 0.8rem; + left: 0; + top: 0.3rem; + width: 0.8rem; +} +.form-checkbox input:active + .form-icon, +.form-radio input:active + .form-icon { + background: #f5f5fa; +} + +.form-checkbox .form-icon { + border-radius: 0.1rem; +} +.form-checkbox input:checked + .form-icon::before { + background-clip: padding-box; + border: 0.1rem solid #fff; + border-left-width: 0; + border-top-width: 0; + content: ""; + height: 9px; + left: 50%; + margin-left: -3px; + margin-top: -6px; + position: absolute; + top: 50%; + transform: rotate(45deg); + width: 6px; +} +.form-checkbox input:indeterminate + .form-icon { + background: #2e5bec; + border-color: #2e5bec; +} +.form-checkbox input:indeterminate + .form-icon::before { + background: #fff; + content: ""; + height: 2px; + left: 50%; + margin-left: -5px; + margin-top: -1px; + position: absolute; + top: 50%; + width: 10px; +} + +.form-radio .form-icon { + border-radius: 50%; +} +.form-radio input:checked + .form-icon::before { + background: #fff; + border-radius: 50%; + content: ""; + height: 6px; + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: 6px; +} + +.form-switch { + padding-left: 2rem; +} +.form-switch .form-icon { + background: #d6d4e8; + background-clip: padding-box; + border-radius: 0.45rem; + height: 0.9rem; + left: 0; + top: 0.25rem; + width: 1.6rem; +} +.form-switch .form-icon::before { + background: #fff; + border-radius: 50%; + content: ""; + display: block; + height: 0.8rem; + left: 0; + position: absolute; + top: 0; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s, left 0.2s; + width: 0.8rem; +} +.form-switch input:checked + .form-icon::before { + left: 14px; +} +.form-switch input:active + .form-icon::before { + background: white; +} + +.input-group { + display: flex; +} +.input-group .input-group-addon { + background: white; + border: 0.05rem solid #d6d4e8; + border-radius: 0.1rem; + line-height: 1.2rem; + padding: 0.25rem 0.4rem; + white-space: nowrap; +} +.input-group .input-group-addon.addon-sm { + font-size: 0.7rem; + padding: 0.05rem 0.3rem; +} +.input-group .input-group-addon.addon-lg { + font-size: 0.9rem; + padding: 0.35rem 0.6rem; +} +.input-group .form-input, +.input-group .form-select { + flex: 1 1 auto; + width: 1%; +} +.input-group .input-group-btn { + z-index: 1; +} +.input-group .form-input:first-child:not(:last-child), +.input-group .form-select:first-child:not(:last-child), +.input-group .input-group-addon:first-child:not(:last-child), +.input-group .input-group-btn:first-child:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group .form-input:not(:first-child):not(:last-child), +.input-group .form-select:not(:first-child):not(:last-child), +.input-group .input-group-addon:not(:first-child):not(:last-child), +.input-group .input-group-btn:not(:first-child):not(:last-child) { + border-radius: 0; + margin-left: -0.05rem; +} +.input-group .form-input:last-child:not(:first-child), +.input-group .form-select:last-child:not(:first-child), +.input-group .input-group-addon:last-child:not(:first-child), +.input-group .input-group-btn:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + margin-left: -0.05rem; +} +.input-group .form-input:focus, +.input-group .form-select:focus, +.input-group .input-group-addon:focus, +.input-group .input-group-btn:focus { + z-index: 2; +} +.input-group .form-select { + width: auto; +} +.input-group.input-inline { + display: inline-flex; +} + +.has-success .form-input, .form-input.is-success, +.has-success .form-select, +.form-select.is-success { + background: #f9fdfa; + border-color: #32b643; +} +.has-success .form-input:focus, .form-input.is-success:focus, +.has-success .form-select:focus, +.form-select.is-success:focus { + box-shadow: 0 0 0 0.1rem rgba(50, 182, 67, 0.2); +} +.has-error .form-input, .form-input.is-error, +.has-error .form-select, +.form-select.is-error { + background: #fffaf7; + border-color: #e85600; +} +.has-error .form-input:focus, .form-input.is-error:focus, +.has-error .form-select:focus, +.form-select.is-error:focus { + box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2); +} + +.has-error .form-checkbox .form-icon, .form-checkbox.is-error .form-icon, +.has-error .form-radio .form-icon, +.form-radio.is-error .form-icon, +.has-error .form-switch .form-icon, +.form-switch.is-error .form-icon { + border-color: #e85600; +} +.has-error .form-checkbox input:checked + .form-icon, .form-checkbox.is-error input:checked + .form-icon, +.has-error .form-radio input:checked + .form-icon, +.form-radio.is-error input:checked + .form-icon, +.has-error .form-switch input:checked + .form-icon, +.form-switch.is-error input:checked + .form-icon { + background: #e85600; + border-color: #e85600; +} +.has-error .form-checkbox input:focus + .form-icon, .form-checkbox.is-error input:focus + .form-icon, +.has-error .form-radio input:focus + .form-icon, +.form-radio.is-error input:focus + .form-icon, +.has-error .form-switch input:focus + .form-icon, +.form-switch.is-error input:focus + .form-icon { + box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2); + border-color: #e85600; +} + +.has-error .form-checkbox input:indeterminate + .form-icon, .form-checkbox.is-error input:indeterminate + .form-icon { + background: #e85600; + border-color: #e85600; +} + +.form-input:not(:placeholder-shown):invalid { + border-color: #e85600; +} +.form-input:not(:placeholder-shown):invalid:focus { + box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2); + background: #fffaf7; +} +.form-input:not(:placeholder-shown):invalid + .form-input-hint { + color: #e85600; +} + +.form-input:disabled, .form-input.disabled, +.form-select:disabled, +.form-select.disabled { + background-color: #f5f5fa; + cursor: not-allowed; + opacity: 0.5; +} + +.form-input[readonly] { + background-color: white; +} + +input:disabled + .form-icon, input.disabled + .form-icon { + background: #f5f5fa; + cursor: not-allowed; + opacity: 0.5; +} + +.form-switch input:disabled + .form-icon::before, .form-switch input.disabled + .form-icon::before { + background: #fff; +} + +.form-horizontal { + padding: 0.4rem 0; +} +.form-horizontal .form-group { + display: flex; + flex-wrap: wrap; +} + +.form-inline { + display: inline-block; +} + +.btn, .friends-page .nav-links div a, +.friends-page .nav-links div a:hover { + appearance: none; + background: #fff; + border: 0.05rem solid #2e5bec; + border-radius: 0.1rem; + color: #2e5bec; + cursor: pointer; + display: inline-block; + font-size: 0.8rem; + height: 1.8rem; + line-height: 1.2rem; + outline: none; + padding: 0.25rem 0.4rem; + text-align: center; + text-decoration: none; + transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2s; + user-select: none; + vertical-align: middle; + white-space: nowrap; +} +.btn:focus, .friends-page .nav-links div a:focus { + box-shadow: 0 0 0 0.1rem rgba(46, 91, 236, 0.2); +} +.btn:focus, .friends-page .nav-links div a:focus, .btn:hover, .friends-page .nav-links div a:hover { + background: #dde5fc; + border-color: #2050eb; + text-decoration: none; +} +.btn:active, .friends-page .nav-links div a:active, .btn.active, .friends-page .nav-links div a.active { + background: #2050eb; + border-color: #1444dd; + color: #fff; + text-decoration: none; +} +.btn:active.loading::after, .friends-page .nav-links div a:active.loading::after, .btn.active.loading::after, .friends-page .nav-links div a.active.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} +.btn[disabled], .friends-page .nav-links div a[disabled], .btn:disabled, .friends-page .nav-links div a:disabled, .btn.disabled, .friends-page .nav-links div a.disabled { + cursor: default; + opacity: 0.5; + pointer-events: none; +} +.btn.btn-primary, .friends-page .nav-links div a, +.friends-page .nav-links div a:hover { + background: #2e5bec; + border-color: #2050eb; + color: #fff; +} +.btn.btn-primary:focus, .friends-page .nav-links div a:focus, .btn.btn-primary:hover, .friends-page .nav-links div a:hover { + background: #1749ea; + border-color: #1444dd; + color: #fff; +} +.btn.btn-primary:active, .friends-page .nav-links div a:active, .btn.btn-primary.active, .friends-page .nav-links div a.active { + background: #1545e2; + border-color: #1341d4; + color: #fff; +} +.btn.btn-primary.loading::after, .friends-page .nav-links div a.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} +.btn.btn-success, .friends-page .nav-links div a.btn-success { + background: #32b643; + border-color: #2faa3f; + color: #fff; +} +.btn.btn-success:focus, .friends-page .nav-links div a.btn-success:focus { + box-shadow: 0 0 0 0.1rem rgba(50, 182, 67, 0.2); +} +.btn.btn-success:focus, .friends-page .nav-links div a.btn-success:focus, .btn.btn-success:hover, .friends-page .nav-links div a.btn-success:hover { + background: #30ae40; + border-color: #2da23c; + color: #fff; +} +.btn.btn-success:active, .friends-page .nav-links div a.btn-success:active, .btn.btn-success.active, .friends-page .nav-links div a.btn-success.active { + background: #2a9a39; + border-color: #278e34; + color: #fff; +} +.btn.btn-success.loading::after, .friends-page .nav-links div a.btn-success.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} +.btn.btn-error, .friends-page .nav-links div a.btn-error { + background: #e85600; + border-color: #d95000; + color: #fff; +} +.btn.btn-error:focus, .friends-page .nav-links div a.btn-error:focus { + box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2); +} +.btn.btn-error:focus, .friends-page .nav-links div a.btn-error:focus, .btn.btn-error:hover, .friends-page .nav-links div a.btn-error:hover { + background: #de5200; + border-color: #cf4d00; + color: #fff; +} +.btn.btn-error:active, .friends-page .nav-links div a.btn-error:active, .btn.btn-error.active, .friends-page .nav-links div a.btn-error.active { + background: #c44900; + border-color: #b54300; + color: #fff; +} +.btn.btn-error.loading::after, .friends-page .nav-links div a.btn-error.loading::after { + border-bottom-color: #fff; + border-left-color: #fff; +} +.btn.btn-link, .friends-page .nav-links div a.btn-link { + background: transparent; + border-color: transparent; + color: #2e5bec; +} +.btn.btn-link:focus, .friends-page .nav-links div a.btn-link:focus, .btn.btn-link:hover, .friends-page .nav-links div a.btn-link:hover, .btn.btn-link:active, .friends-page .nav-links div a.btn-link:active, .btn.btn-link.active, .friends-page .nav-links div a.btn-link.active { + color: #1341d4; +} +.btn.btn-sm, .friends-page .nav-links div a.btn-sm { + font-size: 0.7rem; + height: 1.4rem; + padding: 0.05rem 0.3rem; +} +.btn.btn-lg, .friends-page .nav-links div a.btn-lg { + font-size: 0.9rem; + height: 2rem; + padding: 0.35rem 0.6rem; +} +.btn.btn-block, .friends-page .nav-links div a.btn-block { + display: block; + width: 100%; +} +.btn.btn-action, .friends-page .nav-links div a.btn-action { + width: 1.8rem; + padding-left: 0; + padding-right: 0; +} +.btn.btn-action.btn-sm, .friends-page .nav-links div a.btn-action.btn-sm { + width: 1.4rem; +} +.btn.btn-action.btn-lg, .friends-page .nav-links div a.btn-action.btn-lg { + width: 2rem; +} +.btn.btn-clear, .friends-page .nav-links div a.btn-clear { + background: transparent; + border: 0; + color: currentColor; + height: 1rem; + line-height: 0.8rem; + margin-left: 0.2rem; + margin-right: -2px; + opacity: 1; + padding: 0.1rem; + text-decoration: none; + width: 1rem; +} +.btn.btn-clear:focus, .friends-page .nav-links div a.btn-clear:focus, .btn.btn-clear:hover, .friends-page .nav-links div a.btn-clear:hover { + background: rgba(255, 255, 255, 0.5); + opacity: 0.95; +} +.btn.btn-clear::before, .friends-page .nav-links div a.btn-clear::before { + content: "✕"; +} + +.btn-group { + display: inline-flex; + flex-wrap: wrap; +} +.btn-group .btn, .btn-group .friends-page .nav-links div a, .friends-page .nav-links div .btn-group a { + flex: 1 0 auto; +} +.btn-group .btn:first-child:not(:last-child), .btn-group .friends-page .nav-links div a:first-child:not(:last-child), .friends-page .nav-links div .btn-group a:first-child:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group .btn:not(:first-child):not(:last-child), .btn-group .friends-page .nav-links div a:not(:first-child):not(:last-child), .friends-page .nav-links div .btn-group a:not(:first-child):not(:last-child) { + border-radius: 0; + margin-left: -0.05rem; +} +.btn-group .btn:last-child:not(:first-child), .btn-group .friends-page .nav-links div a:last-child:not(:first-child), .friends-page .nav-links div .btn-group a:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + margin-left: -0.05rem; +} +.btn-group .btn:focus, .btn-group .friends-page .nav-links div a:focus, .friends-page .nav-links div .btn-group a:focus, .btn-group .btn:hover, .btn-group .friends-page .nav-links div a:hover, .friends-page .nav-links div .btn-group a:hover, .btn-group .btn:active, .btn-group .friends-page .nav-links div a:active, .friends-page .nav-links div .btn-group a:active, .btn-group .btn.active, .btn-group .friends-page .nav-links div a.active, .friends-page .nav-links div .btn-group a.active { + z-index: 1; +} +.btn-group.btn-group-block { + display: flex; +} +.btn-group.btn-group-block .btn, .btn-group.btn-group-block .friends-page .nav-links div a, .friends-page .nav-links div .btn-group.btn-group-block a { + flex: 1 0 0; +} + +.container { + margin-left: auto; + margin-right: auto; + padding-left: 0.4rem; + padding-right: 0.4rem; + width: 100%; +} +.container.grid-xl { + max-width: 1296px; +} +.container.grid-lg { + max-width: 976px; +} +.container.grid-md { + max-width: 856px; +} +.container.grid-sm { + max-width: 616px; +} +.container.grid-xs { + max-width: 496px; +} + +.show-xs, +.show-sm, +.show-md, +.show-lg, +.show-xl { + display: none !important; +} + +.cols, +.columns { + display: flex; + flex-wrap: wrap; + margin-left: -0.4rem; + margin-right: -0.4rem; +} +.cols.col-gapless, +.columns.col-gapless { + margin-left: 0; + margin-right: 0; +} +.cols.col-gapless > .column, +.columns.col-gapless > .column { + padding-left: 0; + padding-right: 0; +} +.cols.col-oneline, +.columns.col-oneline { + flex-wrap: nowrap; + overflow-x: auto; +} + +[class~=col-], +.column { + flex: 1; + max-width: 100%; + padding-left: 0.4rem; + padding-right: 0.4rem; +} +[class~=col-].col-12, [class~=col-].col-11, [class~=col-].col-10, [class~=col-].col-9, [class~=col-].col-8, [class~=col-].col-7, [class~=col-].col-6, [class~=col-].col-5, [class~=col-].col-4, [class~=col-].col-3, [class~=col-].col-2, [class~=col-].col-1, [class~=col-].col-auto, +.column.col-12, +.column.col-11, +.column.col-10, +.column.col-9, +.column.col-8, +.column.col-7, +.column.col-6, +.column.col-5, +.column.col-4, +.column.col-3, +.column.col-2, +.column.col-1, +.column.col-auto { + flex: none; +} + +.col-12 { + width: 100%; +} + +.col-11 { + width: 91.66666667%; +} + +.col-10 { + width: 83.33333333%; +} + +.col-9 { + width: 75%; +} + +.col-8 { + width: 66.66666667%; +} + +.col-7 { + width: 58.33333333%; +} + +.col-6 { + width: 50%; +} + +.col-5 { + width: 41.66666667%; +} + +.col-4 { + width: 33.33333333%; +} + +.col-3 { + width: 25%; +} + +.col-2 { + width: 16.66666667%; +} + +.col-1 { + width: 8.33333333%; +} + +.col-auto { + flex: 0 0 auto; + max-width: none; + width: auto; +} + +.col-mx-auto { + margin-left: auto; + margin-right: auto; +} + +.col-ml-auto { + margin-left: auto; +} + +.col-mr-auto { + margin-right: auto; +} + +@media (max-width: 1280px) { + .col-xl-12, + .col-xl-11, + .col-xl-10, + .col-xl-9, + .col-xl-8, + .col-xl-7, + .col-xl-6, + .col-xl-5, + .col-xl-4, + .col-xl-3, + .col-xl-2, + .col-xl-1, + .col-xl-auto { + flex: none; + } + .col-xl-12 { + width: 100%; + } + .col-xl-11 { + width: 91.66666667%; + } + .col-xl-10 { + width: 83.33333333%; + } + .col-xl-9 { + width: 75%; + } + .col-xl-8 { + width: 66.66666667%; + } + .col-xl-7 { + width: 58.33333333%; + } + .col-xl-6 { + width: 50%; + } + .col-xl-5 { + width: 41.66666667%; + } + .col-xl-4 { + width: 33.33333333%; + } + .col-xl-3 { + width: 25%; + } + .col-xl-2 { + width: 16.66666667%; + } + .col-xl-1 { + width: 8.33333333%; + } + .col-xl-auto { + width: auto; + } + .hide-xl { + display: none !important; + } + .show-xl { + display: block !important; + } +} +@media (max-width: 960px) { + .col-lg-12, + .col-lg-11, + .col-lg-10, + .col-lg-9, + .col-lg-8, + .col-lg-7, + .col-lg-6, + .col-lg-5, + .col-lg-4, + .col-lg-3, + .col-lg-2, + .col-lg-1, + .col-lg-auto { + flex: none; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-auto { + width: auto; + } + .hide-lg { + display: none !important; + } + .show-lg { + display: block !important; + } +} +@media (max-width: 840px) { + .col-md-12, + .col-md-11, + .col-md-10, + .col-md-9, + .col-md-8, + .col-md-7, + .col-md-6, + .col-md-5, + .col-md-4, + .col-md-3, + .col-md-2, + .col-md-1, + .col-md-auto { + flex: none; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-auto { + width: auto; + } + .hide-md { + display: none !important; + } + .show-md { + display: block !important; + } +} +@media (max-width: 600px) { + .col-sm-12, + .col-sm-11, + .col-sm-10, + .col-sm-9, + .col-sm-8, + .col-sm-7, + .col-sm-6, + .col-sm-5, + .col-sm-4, + .col-sm-3, + .col-sm-2, + .col-sm-1, + .col-sm-auto { + flex: none; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-auto { + width: auto; + } + .hide-sm { + display: none !important; + } + .show-sm { + display: block !important; + } +} +@media (max-width: 480px) { + .col-xs-12, + .col-xs-11, + .col-xs-10, + .col-xs-9, + .col-xs-8, + .col-xs-7, + .col-xs-6, + .col-xs-5, + .col-xs-4, + .col-xs-3, + .col-xs-2, + .col-xs-1, + .col-xs-auto { + flex: none; + } + .col-xs-12 { + width: 100%; + } + .col-xs-11 { + width: 91.66666667%; + } + .col-xs-10 { + width: 83.33333333%; + } + .col-xs-9 { + width: 75%; + } + .col-xs-8 { + width: 66.66666667%; + } + .col-xs-7 { + width: 58.33333333%; + } + .col-xs-6 { + width: 50%; + } + .col-xs-5 { + width: 41.66666667%; + } + .col-xs-4 { + width: 33.33333333%; + } + .col-xs-3 { + width: 25%; + } + .col-xs-2 { + width: 16.66666667%; + } + .col-xs-1 { + width: 8.33333333%; + } + .col-xs-auto { + width: auto; + } + .hide-xs { + display: none !important; + } + .show-xs { + display: block !important; + } +} +.navbar { + align-items: stretch; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.navbar .navbar-section { + align-items: center; + display: flex; + flex: 1 0 0; +} +.navbar .navbar-section:not(:first-child):last-child { + justify-content: flex-end; +} +.navbar .navbar-center { + align-items: center; + display: flex; + flex: 0 0 auto; +} +.navbar .navbar-brand { + font-size: 0.9rem; + text-decoration: none; +} + +.off-canvas { + display: flex; + flex-flow: nowrap; + height: 100%; + position: relative; + width: 100%; +} +.off-canvas .off-canvas-toggle { + display: block; + position: absolute; + top: 0.4rem; + transition: none; + z-index: 1; + left: 0.4rem; +} +.off-canvas .off-canvas-sidebar { + background: white; + bottom: 0; + min-width: 10rem; + overflow-y: auto; + position: fixed; + top: 0; + transition: transform 0.25s; + z-index: 200; + left: 0; + transform: translateX(-100%); +} +.off-canvas .off-canvas-content { + flex: 1 1 auto; + height: 100%; + padding: 0.4rem 0.4rem 0.4rem 4rem; +} +.off-canvas .off-canvas-overlay { + background: rgba(62, 57, 107, 0.1); + border-color: transparent; + border-radius: 0; + bottom: 0; + display: none; + height: 100%; + left: 0; + position: fixed; + right: 0; + top: 0; + width: 100%; +} +.off-canvas .off-canvas-sidebar:target, .off-canvas .off-canvas-sidebar.active { + transform: translateX(0); +} +.off-canvas .off-canvas-sidebar:target ~ .off-canvas-overlay, .off-canvas .off-canvas-sidebar.active ~ .off-canvas-overlay { + display: block; + z-index: 100; +} + +@media (min-width: 960px) { + .off-canvas.off-canvas-sidebar-show .off-canvas-toggle { + display: none; + } + .off-canvas.off-canvas-sidebar-show .off-canvas-sidebar { + flex: 0 0 auto; + position: relative; + transform: none; + } + .off-canvas.off-canvas-sidebar-show .off-canvas-overlay { + display: none !important; + } +} +.accordion input:checked ~ .accordion-header > .icon:first-child, .accordion[open] .accordion-header > .icon:first-child { + transform: rotate(90deg); +} +.accordion input:checked ~ .accordion-body, .accordion[open] .accordion-body { + max-height: 50rem; +} +.accordion .accordion-header { + display: block; + padding: 0.2rem 0.4rem; +} +.accordion .accordion-header .icon { + transition: transform 0.25s; +} +.accordion .accordion-body { + margin-bottom: 0.4rem; + max-height: 0; + overflow: hidden; + transition: max-height 0.25s; +} + +summary.accordion-header::-webkit-details-marker { + display: none; +} + +.card { + background: #fff; + border: 0.05rem solid #f6f6fa; + border-radius: 0.1rem; + display: flex; + flex-direction: column; +} +.card .card-header, +.card .card-body, +.card .card-footer { + padding: 0.8rem; + padding-bottom: 0; +} +.card .card-header:last-child, +.card .card-body:last-child, +.card .card-footer:last-child { + padding-bottom: 0.8rem; +} +.card .card-body { + flex: 1 1 auto; +} +.card .card-image { + padding-top: 0.8rem; +} +.card .card-image:first-child { + padding-top: 0; +} +.card .card-image:first-child img { + border-top-left-radius: 0.1rem; + border-top-right-radius: 0.1rem; +} +.card .card-image:last-child img { + border-bottom-left-radius: 0.1rem; + border-bottom-right-radius: 0.1rem; +} + +.nav { + display: flex; + flex-direction: column; + list-style: none; + margin: 0.2rem 0; +} +.nav .nav-item a { + color: #7770b3; + padding: 0.2rem 0.4rem; + text-decoration: none; +} +.nav .nav-item a:focus, .nav .nav-item a:hover { + color: #2e5bec; +} +.nav .nav-item.active > a { + color: #5b549d; + font-weight: bold; +} +.nav .nav-item.active > a:focus, .nav .nav-item.active > a:hover { + color: #2e5bec; +} +.nav .nav { + margin-bottom: 0.4rem; + margin-left: 0.8rem; +} + +.chip { + align-items: center; + background: #f5f5fa; + border-radius: 5rem; + display: inline-flex; + font-size: 90%; + height: 1.2rem; + line-height: 0.8rem; + margin: 0.1rem; + max-width: 320px; + overflow: hidden; + padding: 0.2rem 0.4rem; + text-decoration: none; + text-overflow: ellipsis; + vertical-align: middle; + white-space: nowrap; +} +.chip.active { + background: #2e5bec; + color: #fff; +} +.chip .avatar { + margin-left: -0.4rem; + margin-right: 0.2rem; +} +.chip .btn-clear { + border-radius: 50%; + transform: scale(0.75); +} + +.menu { + box-shadow: 0 0.05rem 0.2rem rgba(62, 57, 107, 0.3); + background: #fff; + border-radius: 0.1rem; + list-style: none; + margin: 0; + min-width: 180px; + padding: 0.4rem; + transform: translateY(0.2rem); + z-index: 300; +} +.menu.menu-nav { + background: transparent; + box-shadow: none; +} +.menu .menu-item { + margin-top: 0; + padding: 0 0.4rem; + position: relative; + text-decoration: none; +} +.menu .menu-item > a { + border-radius: 0.1rem; + color: inherit; + display: block; + margin: 0 -0.4rem; + padding: 0.2rem 0.4rem; + text-decoration: none; +} +.menu .menu-item > a:focus, .menu .menu-item > a:hover { + background: #dde5fc; + color: #2e5bec; +} +.menu .menu-item > a:active, .menu .menu-item > a.active { + background: #dde5fc; + color: #2e5bec; +} +.menu .menu-item .form-checkbox, +.menu .menu-item .form-radio, +.menu .menu-item .form-switch { + margin: 0.1rem 0; +} +.menu .menu-item + .menu-item { + margin-top: 0.2rem; +} +.menu .menu-badge { + align-items: center; + display: flex; + height: 100%; + position: absolute; + right: 0; + top: 0; +} +.menu .menu-badge .label { + margin-right: 0.4rem; +} + +.form-autocomplete { + position: relative; +} +.form-autocomplete .form-autocomplete-input { + align-content: flex-start; + display: flex; + flex-wrap: wrap; + height: auto; + min-height: 1.6rem; + padding: 0.1rem; +} +.form-autocomplete .form-autocomplete-input.is-focused { + box-shadow: 0 0 0 0.1rem rgba(46, 91, 236, 0.2); + border-color: #2e5bec; +} +.form-autocomplete .form-autocomplete-input .form-input { + border-color: transparent; + box-shadow: none; + display: inline-block; + flex: 1 0 auto; + height: 1.2rem; + line-height: 0.8rem; + margin: 0.1rem; + width: auto; +} +.form-autocomplete .menu { + left: 0; + position: absolute; + top: 100%; + width: 100%; +} +.form-autocomplete.autocomplete-oneline .form-autocomplete-input { + flex-wrap: nowrap; + overflow-x: auto; +} +.form-autocomplete.autocomplete-oneline .chip { + flex: 1 0 auto; +} + +.loading { + color: transparent !important; + min-height: 0.8rem; + pointer-events: none; + position: relative; +} +.loading::after { + animation: loading 500ms infinite linear; + background: transparent; + border: 0.1rem solid #2e5bec; + border-radius: 50%; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 0.8rem; + left: 50%; + margin-left: -0.4rem; + margin-top: -0.4rem; + opacity: 1; + padding: 0; + position: absolute; + top: 50%; + width: 0.8rem; + z-index: 1; +} +.loading.loading-lg { + min-height: 2rem; +} +.loading.loading-lg::after { + height: 1.6rem; + margin-left: -0.8rem; + margin-top: -0.8rem; + width: 1.6rem; +} + +.text-primary { + color: #2e5bec !important; +} + +a.text-primary:focus, a.text-primary:hover { + color: #1749ea; +} +a.text-primary:visited { + color: #456dee; +} + +.text-secondary { + color: #cfdafb !important; +} + +a.text-secondary:focus, a.text-secondary:hover { + color: #b8c7f9; +} +a.text-secondary:visited { + color: #e7ecfd; +} + +.text-gray { + color: #d6d4e8 !important; +} + +a.text-gray:focus, a.text-gray:hover { + color: #c6c4df; +} +a.text-gray:visited { + color: #e6e5f1; +} + +.text-light { + color: #fff !important; +} + +a.text-light:focus, a.text-light:hover { + color: #f2f2f2; +} +a.text-light:visited { + color: white; +} + +.text-dark { + color: #48427c !important; +} + +a.text-dark:focus, a.text-dark:hover { + color: #3e396b; +} +a.text-dark:visited { + color: #514b8c; +} + +.text-success { + color: #32b643 !important; +} + +a.text-success:focus, a.text-success:hover { + color: #2da23c; +} +a.text-success:visited { + color: #39c94b; +} + +.text-warning { + color: #ffb700 !important; +} + +a.text-warning:focus, a.text-warning:hover { + color: #e6a500; +} +a.text-warning:visited { + color: #ffbe1a; +} + +.text-error { + color: #e85600 !important; +} + +a.text-error:focus, a.text-error:hover { + color: #cf4d00; +} +a.text-error:visited { + color: #ff6003; +} + +.bg-primary { + background: #2e5bec !important; + color: #fff; +} + +.bg-secondary { + background: #dde5fc !important; +} + +.bg-dark { + background: #3e396b !important; + color: #fff; +} + +.bg-gray { + background: white !important; +} + +.bg-success { + background: #32b643 !important; + color: #fff; +} + +.bg-warning { + background: #ffb700 !important; + color: #fff; +} + +.bg-error { + background: #e85600 !important; + color: #fff; +} + +.divider, +.divider-vert { + display: block; + position: relative; +} +.divider[data-content]::after, +.divider-vert[data-content]::after { + background: #fff; + color: #d6d4e8; + content: attr(data-content); + display: inline-block; + font-size: 0.7rem; + padding: 0 0.4rem; + transform: translateY(-0.65rem); +} + +.divider { + border-top: 0.05rem solid #eee; + height: 0.05rem; + margin: 0.4rem 0; +} +.divider[data-content] { + margin: 0.8rem 0; +} + +.divider-vert { + display: block; + padding: 0.8rem; +} +.divider-vert::before { + border-left: 0.05rem solid #f6f6fa; + bottom: 0.4rem; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 0.4rem; + transform: translateX(-50%); +} +.divider-vert[data-content]::after { + left: 50%; + padding: 0.2rem 0; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); +} + +.clearfix::after { + clear: both; + content: ""; + display: table; +} + +.float-left { + float: left !important; +} + +.float-right { + float: right !important; +} + +.p-relative { + position: relative !important; +} + +.p-absolute { + position: absolute !important; +} + +.p-fixed { + position: fixed !important; +} + +.p-sticky { + position: sticky !important; +} + +.p-centered { + display: block; + float: none; + margin-left: auto; + margin-right: auto; +} + +.flex-centered { + align-items: center; + display: flex; + justify-content: center; +} + +.m-0 { + margin: 0 !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.ml-0 { + margin-left: 0 !important; +} + +.mr-0 { + margin-right: 0 !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} + +.my-0 { + margin-bottom: 0 !important; + margin-top: 0 !important; +} + +.m-1 { + margin: 0.2rem !important; +} + +.mb-1 { + margin-bottom: 0.2rem !important; +} + +.ml-1 { + margin-left: 0.2rem !important; +} + +.mr-1 { + margin-right: 0.2rem !important; +} + +.mt-1 { + margin-top: 0.2rem !important; +} + +.mx-1 { + margin-left: 0.2rem !important; + margin-right: 0.2rem !important; +} + +.my-1 { + margin-bottom: 0.2rem !important; + margin-top: 0.2rem !important; +} + +.m-2 { + margin: 0.4rem !important; +} + +.mb-2 { + margin-bottom: 0.4rem !important; +} + +.ml-2 { + margin-left: 0.4rem !important; +} + +.mr-2 { + margin-right: 0.4rem !important; +} + +.mt-2 { + margin-top: 0.4rem !important; +} + +.mx-2 { + margin-left: 0.4rem !important; + margin-right: 0.4rem !important; +} + +.my-2 { + margin-bottom: 0.4rem !important; + margin-top: 0.4rem !important; +} + +.p-0 { + padding: 0 !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pl-0 { + padding-left: 0 !important; +} + +.pr-0 { + padding-right: 0 !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} + +.py-0 { + padding-bottom: 0 !important; + padding-top: 0 !important; +} + +.p-1 { + padding: 0.2rem !important; +} + +.pb-1 { + padding-bottom: 0.2rem !important; +} + +.pl-1 { + padding-left: 0.2rem !important; +} + +.pr-1 { + padding-right: 0.2rem !important; +} + +.pt-1 { + padding-top: 0.2rem !important; +} + +.px-1 { + padding-left: 0.2rem !important; + padding-right: 0.2rem !important; +} + +.py-1 { + padding-bottom: 0.2rem !important; + padding-top: 0.2rem !important; +} + +.p-2 { + padding: 0.4rem !important; +} + +.pb-2 { + padding-bottom: 0.4rem !important; +} + +.pl-2 { + padding-left: 0.4rem !important; +} + +.pr-2 { + padding-right: 0.4rem !important; +} + +.pt-2 { + padding-top: 0.4rem !important; +} + +.px-2 { + padding-left: 0.4rem !important; + padding-right: 0.4rem !important; +} + +.py-2 { + padding-bottom: 0.4rem !important; + padding-top: 0.4rem !important; +} + +.friends-dropdown { + display: inline-block; + position: relative; +} +.friends-dropdown .menu { + animation: slide-down 0.15s ease 1; + display: none; + left: 0; + max-height: 50vh; + overflow-y: auto; + position: absolute; + top: 100%; +} +.friends-dropdown.friends-dropdown-right .menu { + left: auto; + right: 0; +} +.friends-dropdown.active .menu, +.friends-dropdown .friends-dropdown-toggle:focus + .menu, +.friends-dropdown .menu:hover { + display: block; +} +.friends-dropdown .btn-group .friends-dropdown-toggle:nth-last-child(2) { + border-bottom-right-radius: 0.1rem; + border-top-right-radius: 0.1rem; +} + +.off-canvas .off-canvas-content { + margin-top: 32px; + padding-top: 1rem; + padding-left: 1rem; + padding-right: 1rem; +} + +@media (min-width: 960px) { + .off-canvas .off-canvas-content { + padding-left: 2rem; + padding-right: 2rem; + } +} +.off-canvas .off-canvas-toggle { + top: 3rem; + left: 1rem; +} + +.off-canvas .off-canvas-content header.navbar { + margin-bottom: 32px; +} + +.off-canvas .off-canvas-sidebar { + margin-top: 32px; + width: 12rem; + background: #f7f8f9; +} + +.off-canvas .off-canvas-content header.navbar #page-title { + margin-left: 3rem; +} + +h2#page-title a.dashicons { + font-size: 0.8em; + margin-right: 0.5em; + vertical-align: baseline; +} + +@media (min-width: 960px) { + .off-canvas .off-canvas-content header.navbar #page-title { + margin-left: 0; + } +} +.friends-page { + background-color: #fff; + color: #48427c; + overflow-wrap: break-word; + min-height: 100vh; + /* to support mastodon style tags */ +} +.friends-page code, +.friends-page pre { + overflow: auto; +} +.friends-page a:visited { + color: #1341d4; +} +.friends-page a.off-canvas-toggle:visited { + color: #2e5bec; +} +.friends-page a, +.friends-page a:visited, +.friends-page a:hover, +.friends-page a:focus, +.friends-page a:active { + color: #2e5bec; +} +.friends-page summary.accordion-header { + color: #2e5bec; + cursor: pointer; + white-space: nowrap; + text-overflow: ellipsis; +} +.friends-page .accordion[open] .accordion-body { + max-height: 100rem; +} +.friends-page .menu a, +.friends-page .menu a:active, +.friends-page .menu a:visited { + color: #333; +} +.friends-page .menu .menu-item + .menu-item { + margin-top: 0; +} +.friends-page .menu .divider[data-content] { + margin: 0.8rem 0 0.4rem 0; +} +.friends-page .menu .menu-item.friends-dropdown { + margin-top: 0.2rem; + margin-bottom: 0.4rem; +} +.friends-page .menu .menu-item small.label-secondary { + display: none; +} +.friends-page .menu .menu-item:hover small.label-secondary { + display: inline-block; +} +.friends-page button, +.friends-page input { + min-height: auto; +} +.friends-page header.navbar section.navbar-section.author { + flex: 3; +} +.friends-page summary.quick-status-panel-opener { + margin-bottom: 2em; + cursor: pointer; +} +.friends-page article .card-body img, +.friends-page article .card-body video { + max-width: 100% !important; + height: auto; +} +.friends-page article.format-status { + border-bottom: 1px solid #3e396b; + padding-bottom: 2em; + margin-bottom: 2em; +} +.friends-page article.format-status div.teaser { + display: none; +} +.friends-page article.format-status header div.overflow, .friends-page article.format-status header div.post-meta, .friends-page article.format-status header div.teaser { + margin-top: 0.4em; +} +.friends-page article.format-status header div.overflow .btn, .friends-page article.format-status header .nav-links div.overflow a, .friends-page .nav-links article.format-status header div.overflow a { + margin-top: -0.5em; +} +.friends-page .card { + height: 100%; + box-shadow: none; + padding: 0; + border: 0; + border-bottom: 1px solid #eee; + padding: 0 0 1em 0; + margin: 0 0 1em 0; +} +.friends-page .card .card-body { + padding: 0; +} +.friends-page .card .card-body ul, +.friends-page .card .card-body ol { + margin-left: 1rem; +} +.friends-page .card .card-body img, +.friends-page .card .card-body video { + max-width: 100% !important; + height: auto; +} +.friends-page .card .card-body .wp-block-image.alignfull, .friends-page .card .card-body .wp-block-image.alignwide, +.friends-page .card .card-body .wp-block-gallery.alignfull, +.friends-page .card .card-body .wp-block-gallery.alignwide { + margin: 0; +} +.friends-page .card .card-body .wp-block-image figcaption, +.friends-page .card .card-body .wp-block-gallery figcaption { + text-align: center; + font-size: 0.8rem; +} +.friends-page .card .card-body p.note { + border-left: 4px solid #eee; + padding: 1rem; + margin-left: 1rem; + font-size: 0.8rem; + color: #666; + background-color: #f7f7f7; +} +@media (min-width: 960px) { + .friends-page .card { + border: 0; + box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, 0.15); + border-bottom: 1px solid #87a6bc; + padding: 0 0 1em 0; + margin: 0 0 1em 0; + } + .friends-page .card .card-body { + padding: 1rem; + } + .friends-page .card .card-title { + padding-left: 1rem; + } +} +.friends-page .friends-brand { + position: fixed; +} +.friends-page .friends-brand .friends-logo a, +.friends-page .friends-brand .friends-logo a:visited, +.friends-page .friends-brand .friends-logo a:active { + color: #2e5bec; +} +.friends-page .friends-brand .friends-logo h2 { + display: inline-block; + font-size: 1.2rem; + font-weight: 700; + line-height: 1.5rem; + margin-top: 1.5rem; + margin-bottom: 0; + margin-left: 1.5rem; + margin-right: 0.3rem; + text-transform: uppercase; +} +@media (min-width: 782px) { + .friends-page .friends-brand .friends-logo { + margin-top: 1rem; + } +} +.friends-page #friends-sidebar .friends-nav { + bottom: 1.5rem; + -webkit-overflow-scrolling: touch; + overflow-y: auto; + padding: 0.5rem 1.5rem; + position: fixed; + top: 5.5rem; + width: 12rem; +} +.friends-page #friends-sidebar .friends-nav .accordion-header { + padding: 0; +} +.friends-page #quick-post-panel { + display: none; + margin-bottom: 2em; +} +.friends-page #quick-post-panel.open { + display: block; +} +.friends-page #quick-post-panel p.description { + font-color: #3e396b; + font-size: 0.6rem; +} +.friends-page #quick-post-panel #in_reply_to_preview { + background-color: #f7f8f9; + padding: 0.5em; + margin-top: 1em; + margin-bottom: 1em; +} +.friends-page #quick-post-panel #in_reply_to_preview figcaption { + float: right; +} +.friends-page #quick-post-panel #in_reply_to_preview figcaption a:any-link { + color: #999; +} +.friends-page img.avatar { + border-radius: 100%; +} +.friends-page div.friends-widget { + margin-bottom: 2em; +} +.friends-page div.friends-main-widget h1 a { + color: #222; + text-decoration: none; +} +.friends-page div.friends-widget h4 a { + color: #222; + text-decoration: none; +} +.friends-page div.friends-widget a.open-requests { + font-size: 90%; + font-weight: normal; +} +.friends-page div.friends-widget ul { + margin: 0.5em 0 1em 0; + padding: 0; +} +.friends-page div.friends-widget h5 { + margin-bottom: 0.5em; + font-size: 0.7rem; + text-transform: uppercase; + font-weight: bold; + letter-spacing: 2px; +} +.friends-page section.posts .card header.entry-header { + display: flex; + font-size: 88%; + line-height: 1.4; + max-width: 100%; + margin: auto -0.4rem; + padding: 0.5rem; + padding-bottom: 1.5em; +} +.friends-page section.posts .card header.entry-header div.avatar { + margin-right: 0.5em; +} +@media (min-width: 960px) { + .friends-page section.posts .card header.entry-header { + padding: 0.8rem; + padding-bottom: 1.5em; + } +} +.friends-page section.posts .card h4.entry-title { + font-size: 130%; + line-height: 1.4; + margin: 0 0 1em 0; + text-align: left; +} +.friends-page section.posts .card h4.entry-title a { + text-decoration: none; +} +.friends-page section.posts .card h4.entry-title a span.dashicons { + margin-top: 4px; + margin-left: 6px; + color: #32c170; +} +.friends-page section.posts .card h4.entry-title:after { + display: none; +} +.friends-page section.posts span.reading-time::before { + content: " | "; +} +.friends-page section.posts article.status-trash { + opacity: 0.5; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) div.card-body, +.friends-page section.posts article.collapsed div.card-body { + display: none; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header, +.friends-page section.posts article.collapsed header { + padding-left: 1rem; + padding-bottom: 0; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.avatar, +.friends-page section.posts article.collapsed header div.avatar { + display: none; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.author, +.friends-page section.posts article.collapsed header div.author { + display: inline; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.permalink, +.friends-page section.posts article.collapsed header div.permalink { + display: inline; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) header div.permalink::before, +.friends-page section.posts article.collapsed header div.permalink::before { + content: " | "; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) h4.card-title, +.friends-page section.posts article.collapsed h4.card-title { + margin-bottom: 0; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status, +.friends-page section.posts article.collapsed.format-status { + padding-bottom: 0; + margin-bottom: 0.5em; + width: 100%; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status .overflow, +.friends-page section.posts article.collapsed.format-status .overflow { + width: 6em; + margin-left: 1em; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status div.teaser, +.friends-page section.posts article.collapsed.format-status div.teaser { + text-overflow: ellipsis; + width: calc(100% - 7em); + overflow: hidden; + white-space: nowrap; + display: inline-block; +} +@media (min-width: 960px) { + .friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status div.teaser, + .friends-page section.posts article.collapsed.format-status div.teaser { + width: calc(100% - 25em); + } +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status header, +.friends-page section.posts article.collapsed.format-status header { + padding-left: 0; + margin-bottom: 0; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status header div.post-meta, +.friends-page section.posts article.collapsed.format-status header div.post-meta { + max-width: 15em; + max-height: 1.5em; + overflow: hidden; + text-overflow: ellipsis; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child).format-status header div.avatar, +.friends-page section.posts article.collapsed.format-status header div.avatar { + display: block; +} +.friends-page section.posts.all-collapsed article:not(.uncollapsed):not(:only-child) footer.entry-meta, +.friends-page section.posts article.collapsed footer.entry-meta { + display: none; +} +.friends-page section.posts footer.entry-meta { + display: flex; + justify-content: flex-end; +} +.friends-page section.posts footer.entry-meta a { + color: #2e5bec; +} +.friends-page section.posts footer.entry-meta a .dashicons { + vertical-align: middle; +} +.friends-page section.posts footer.entry-meta .btn:hover, .friends-page section.posts footer.entry-meta .nav-links div a:hover, .friends-page .nav-links div section.posts footer.entry-meta a:hover { + color: #2e5bec; +} +.friends-page section.posts footer.comments-content { + display: none; +} +.friends-page ul.friend-posts img.avatar { + vertical-align: middle; + margin-right: 0.3em; +} +.friends-page a.explanation-friends-auth-link, +.friends-page a.friends-auth-link, +.friends-page a.friends-auth-link:link, +.friends-page a.friends-auth-link:active, +.friends-page a.friends-auth-link, +.friends-page a.friends-auth-link:link, +.friends-page a.friends-auth-link:active { + color: #333; +} +.friends-page a.friends-auth-link span.dashicons-admin-users { + display: inline; +} +.friends-page a.friends-auth-link span.dashicons, +.friends-page button.friends-auth-link span.dashicons { + color: #32c170; + margin-left: 6px; +} +.friends-page a.explanation-friends-auth-link:hover, +.friends-page a.friends-auth-link :hover, +.friends-page a.friends-auth-link:hover, +.friends-page a.friends-auth-link:hover span.dashicons, +.friends-page button.friends-auth-link:hover span.dashicons { + color: #32c170; +} +.friends-page a.explanation-friends-auth-link:hover, +.friends-page a.friends-auth-link :hover, +.friends-page a.friends-auth-link:hover { + text-decoration: underline; +} +.friends-page a.explanation-friends-auth-link:hover span, +.friends-page a.friends-auth-link :hover span, +.friends-page a.friends-auth-link:hover span { + text-decoration: none; +} +.friends-page .form-autocomplete .form-autocomplete-input .form-input { + width: auto; +} +.friends-page .friends-reaction-picker button { + padding: 0.5rem; + margin: 0; + font-size: 18px; + background-color: #fff; + border: 0; + cursor: pointer; + z-index: 999999; +} +.friends-page .friends-reaction-picker button:focus { + outline: none; +} +.friends-page a.display-message.unread { + font-weight: bold; +} +.friends-page .friend-message .conversation .messages { + max-height: 40em; + overflow: auto; +} +.friends-page .friend-message .conversation .messages .wp-block-friends-message { + max-width: 80%; + margin: 1em; + border-bottom: 1px solid #eee; +} +.friends-page .invisible { + font-size: 0; + line-height: 0; + display: inline-block; + width: 0; + height: 0; + position: absolute; +} +.friends-page .invisible img, .friends-page .invisible svg { + margin: 0 !important; + border: 0 !important; + padding: 0 !important; + width: 0 !important; + height: 0 !important; +} +.friends-page .ellipsis::after { + content: "…"; +} + +/*# sourceMappingURL=friends.css.map */ diff --git a/friends.css.map b/friends.css.map index d39ce06f..2c6d5b9b 100644 --- a/friends.css.map +++ b/friends.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["friends.scss","node_modules/spectre.css/src/_animations.scss","node_modules/spectre.css/src/_normalize.scss","node_modules/spectre.css/src/_variables.scss","node_modules/spectre.css/src/_base.scss","node_modules/spectre.css/src/mixins/_shadow.scss","node_modules/spectre.css/src/_typography.scss","node_modules/spectre.css/src/mixins/_label.scss","node_modules/spectre.css/src/_asian.scss","node_modules/spectre.css/src/_forms.scss","node_modules/spectre.css/src/_buttons.scss","node_modules/spectre.css/src/mixins/_button.scss","node_modules/spectre.css/src/_layout.scss","node_modules/spectre.css/src/_navbar.scss","node_modules/spectre.css/src/_off-canvas.scss","node_modules/spectre.css/src/_accordions.scss","node_modules/spectre.css/src/_cards.scss","node_modules/spectre.css/src/_navs.scss","node_modules/spectre.css/src/_chips.scss","node_modules/spectre.css/src/_menus.scss","node_modules/spectre.css/src/_autocomplete.scss","node_modules/spectre.css/src/utilities/_loading.scss","node_modules/spectre.css/src/mixins/_color.scss","node_modules/spectre.css/src/utilities/_divider.scss","node_modules/spectre.css/src/mixins/_clearfix.scss","node_modules/spectre.css/src/utilities/_position.scss","node_modules/spectre.css/src/mixins/_position.scss"],"names":[],"mappings":"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fV,mBACA,WASA,8FACE,WNvgBM,KM8gBd,iBACE,gBAEA,6BACE,aACA,eAKJ,aACE,qBCxiBF,yEACE,gBACA,WPaY,KOZZ,4BACA,cPkDO,MOjDP,MVNc,QUOd,eACA,qBACA,UP+DU,MO9DV,OPsDO,OOrDP,YPgEY,OO/DZ,aACA,qBACA,kBACA,qBACA,8DACA,iBACA,sBACA,mBACA,gDLlBA,0CKqBA,gGAEE,WPfc,QOgBd,aPlBiB,QOmBjB,qBAEF,oGAEE,WPvBiB,QOwBjB,qBACA,MPjBU,KOkBV,qBAEE,gKACE,oBPrBM,KOsBN,kBPtBM,KO0BZ,oKAGE,eACA,WACA,oBAIF,qFACE,WVpDY,QUqDZ,aP7CiB,QO8CjB,MPtCU,KOuCV,wHAEE,mBACA,qBACA,MP3CQ,KO6CV,4HAEE,mBACA,qBACA,MPjDQ,KOoDR,8EACE,oBPrDM,KOsDN,kBPtDM,KO4DZ,4DC1EA,WR2Bc,QQ1Bd,qBACA,MRYY,KQXZ,wENHA,0CMMA,gJAEE,mBACA,qBACA,MRIU,KQFZ,oJAEE,mBACA,qBACA,MRFU,KQKV,0FACE,oBRNQ,KQOR,kBRPQ,KOgEZ,wDC9EA,WR6BY,QQ5BZ,qBACA,MRYY,KQXZ,oENHA,yCMMA,wIAEE,mBACA,qBACA,MRIU,KQFZ,4IAEE,mBACA,qBACA,MRFU,KQKV,sFACE,oBRNQ,KQOR,kBRPQ,KOqEZ,sDACE,yBACA,2BACA,MVxFY,QUyFZ,4QAIE,MPtDY,QO2DhB,kDACE,UP1BW,MO2BX,OPtCK,OOuCL,qBAGF,kDACE,UP/BW,MOgCX,OPzCM,KO0CN,qBAIF,wDACE,cACA,WAIF,0DACE,MPtDK,OOuDL,eACA,gBAEA,wEACE,MP7DG,OOgEL,wEACE,MP9DI,KOmER,wDACE,yBACA,SACA,mBACA,OP5EK,KO6EL,YP9EK,MO+EL,YPlFK,MOmFL,kBACA,UACA,QPtFK,MOuFL,qBACA,MPnFK,KOqFL,wIAEE,gCACA,YAGF,wEACE,YAMN,WACE,oBACA,eAEA,oGACE,cACA,2LACE,6BACA,0BAEF,6MACE,gBACA,qBAEF,2LACE,4BACA,yBACA,qBAEF,8dAIE,QPrEK,EOy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8BAGE,MnBUQ,KoBfd,uBAEE,cACA,kBAEA,iEACE,WpBSU,KoBRV,MpBSS,QoBRT,2BACA,qBACA,UpB8DW,MoB7DX,gBACA,+BAIJ,SACE,6BACA,OpBmCO,OoBlCP,eAEA,uBACE,eAIJ,cACE,cACA,QpB8BO,MoB5BP,sBACE,iCACA,OpBwBK,MoBvBL,WACA,cACA,SACA,kBACA,IpBmBK,MoBlBL,2BAGF,mCACE,SACA,gBACA,kBACA,QACA,gCC7CF,iBACE,WACA,WACA,0BCCF,sBAGF,aACE,uBAGF,YACE,6BAGF,YACE,6BAGF,SACE,0BAGF,UACE,2BAGF,YACE,cACA,WACA,iBACA,kBAGF,eACE,mBACA,aACA,uBCrCA,KACE,oBAGF,MACE,2BAGF,MACE,yBAGF,MACE,0BAGF,MACE,wBAGF,MACE,yBACA,0BAGF,MACE,2BACA,wBA3BF,KACE,wBAGF,MACE,+BAGF,MACE,6BAGF,MACE,8BAGF,MACE,4BAGF,MACE,6BACA,8BAGF,MACE,+BACA,4BA3BF,KACE,wBAGF,MACE,+BAGF,MACE,6BAGF,MACE,8BAGF,MACE,4BAGF,MACE,6BACA,8BAGF,MACE,+BACA,4BAMF,KACE,qBAGF,MACE,4BAGF,MACE,0BAGF,MACE,2BAGF,MACE,yBAGF,MACE,0BACA,2BAGF,MACE,4BACA,yBA3BF,KACE,yBAGF,MACE,gCAGF,MACE,8BAGF,MACE,+BAGF,MACE,6BAGF,MACE,8BACA,+BAGF,MACE,gCACA,6BA3BF,KACE,yBAGF,MACE,gCAGF,MACE,8BAGF,MACE,+BAGF,MACE,6BAGF,MACE,8BACA,+BAGF,MACE,gCACA,6B1BrBJ,kBACC,qBACA,kBAEA,wBACC,iCACA,aACA,OACA,gBACA,gBACA,kBACA,SAIA,+CACC,UACA,QAIF,oHAGC,cAKA,wEACC,2BGhBM,MHiBN,wBGjBM,MHsBT,gCACC,gBACA,iBACA,kBACA,mBAGD,yBACC,gCACC,kBACA,oBAKF,+BACC,SACA,UAGD,8CACC,mBAGD,gCACC,gBACA,YACA,mBAGD,0DACC,iBAGD,0BACC,eACA,kBACA,wBAGD,yBACC,0DACC,eAIF,cACC,iBG5Ga,KH6Gb,MGxFiB,QHyFjB,yBAOA,iBALA,qCAEC,cAKD,wBACC,MGjGgB,QHoGjB,0CACC,MA5Ic,QA+If,2GAKC,MApJc,QAuJf,uCACC,MAxJc,QAyJd,eACA,mBACA,uBAGD,+CACC,kBAUA,iFAGC,WAGD,0CACC,aAGD,2CACC,uBAGD,gDACC,iBACA,oBAGD,qDACC,aAGD,2DACC,qBAIF,yCAEC,gBAGD,0DACC,OAGD,gDACC,kBACA,eAKC,4EAEC,0BACA,YAGF,oCAIC,gCACA,mBACA,kBALA,+CACC,aAMA,uKACC,gBAGA,uMACC,kBAOL,oBACC,YACA,gBACA,UACA,SAwCA,6BACA,kBACA,iBAxCA,+BACC,UAEA,oEAEC,iBAGD,wEAEC,0BACA,YAMA,wOAEC,SAGD,sHACC,kBACA,gBAIF,sCACC,2BACA,aACA,iBACA,gBACA,WACA,yBAQF,yBACC,oBACC,SACA,4CACA,gCACA,kBACA,iBAEA,+BACC,aAGD,gCACC,mBAOJ,6BACC,eAIC,sJAGC,MA3TY,QA8Tb,8CACC,qBACA,iBACA,gBACA,mBACA,kBACA,gBACA,mBACA,mBACA,yBAID,yBACC,2CACC,iBAMJ,4CACC,cACA,iCACA,gBACA,qBACA,eACA,WACA,YAEA,8DACC,UAIF,gCACC,aACA,kBAEA,qCACC,cAED,8CACC,WAxWU,QAyWV,gBAIF,yBACC,mBAGD,iCACC,kBAGD,2CACC,WACA,qBAGD,sCACC,WACA,qBAGD,iDACC,cACA,mBAGD,oCACC,oBACA,UAGD,oCACC,mBACA,gBACA,yBACA,iBACA,mBAKC,sDACC,aACA,cACA,gBACA,eACA,oBACA,cACA,qBAEA,iEACC,kBAGD,yBAbD,sDAcE,cACA,sBAIF,iDACC,eACA,gBACA,iBACA,gBAEA,mDACC,qBAEA,kEACC,eACA,gBACA,cAIF,uDACC,aAKH,sDACC,cAGD,iDACC,WAKA,+JACC,aAGD,iJACC,kBAMA,iBAJA,uKACC,aAKD,uKACC,eAGD,6KAKC,eAJA,6LACC,cAOH,+JACC,gBAGD,+JACC,iBACA,mBACA,WACA,mLACC,UACA,gBAED,qLACC,uBACA,uBACA,gBACA,mBACA,qBACA,yBAND,qLAOE,yBAGF,6KACC,eACA,gBACA,yMACC,eACA,iBACA,gBACA,uBAED,mMACC,cAKH,uKACC,aAIF,8CACC,aACA,yBAEA,gDACC,MAhhBY,QAkhBZ,2DACC,sBAIF,mMACC,MAxhBY,QA4hBd,oDACC,aAIF,yCACC,sBACA,kBAGD,kRAOC,WAGD,6DACC,eAGD,uGAEC,cACA,gBAGD,wPAKC,cAGD,qIAGC,0BAGD,oJAGC,qBAGD,sEACC,WAGD,8CACC,cACA,SACA,eACA,sBACA,SACA,eACA,eAGD,oDACC,aAGD,uCACC,iBAGD,sDACC,gBACA,cAEA,gFACC,cACA,WACA,6BAKF,yBACC,YACA,cACA,qBACA,QACA,SACA,kBACA,0DACC,oBACA,oBACA,qBACA,mBACA,oBAGF,+BACC","file":"friends.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["friends.scss","node_modules/spectre.css/src/_animations.scss","node_modules/spectre.css/src/_normalize.scss","node_modules/spectre.css/src/_variables.scss","node_modules/spectre.css/src/_base.scss","node_modules/spectre.css/src/mixins/_shadow.scss","node_modules/spectre.css/src/_typography.scss","node_modules/spectre.css/src/mixins/_label.scss","node_modules/spectre.css/src/_asian.scss","node_modules/spectre.css/src/_forms.scss","node_modules/spectre.css/src/_buttons.scss","node_modules/spectre.css/src/mixins/_button.scss","node_modules/spectre.css/src/_layout.scss","node_modules/spectre.css/src/_navbar.scss","node_modules/spectre.css/src/_off-canvas.scss","node_modules/spectre.css/src/_accordions.scss","node_modules/spectre.css/src/_cards.scss","node_modules/spectre.css/src/_navs.scss","node_modules/spectre.css/src/_chips.scss","node_modules/spectre.css/src/_menus.scss","node_modules/spectre.css/src/_autocomplete.scss","node_modules/spectre.css/src/utilities/_loading.scss","node_modules/spectre.css/src/mixins/_color.scss","node_modules/spectre.css/src/utilities/_divider.scss","node_modules/spectre.css/src/mixins/_clearfix.scss","node_modules/spectre.css/src/utilities/_position.scss","node_modules/spectre.css/src/mixins/_position.scss"],"names":[],"mappings":"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AA;EAEE;EACA,cNrZY;;AMsZZ;AAAA;AAAA;EJjbF;;AIsbA;AAAA;AAAA;EAEE;EACA,cN5ZU;;AM6ZV;AAAA;AAAA;EJ1bF;;;AIqcE;AAAA;AAAA;AAAA;AAAA;EACE,cNzaQ;;AM6aR;AAAA;AAAA;AAAA;AAAA;EACE,YN9aM;EM+aN,cN/aM;;AMkbR;AAAA;AAAA;AAAA;AAAA;EJ/cJ;EIidM,cNpbM;;;AM8bR;EACE,YN/bM;EMgcN,cNhcM;;;AMycV;EACE,cN1cQ;;AM2cR;EJxeJ;EI0eM;;AAGF;EACE,ONjdM;;;AM0dZ;AAAA;AAAA;EAEE,kBNleY;EMmeZ;EACA;;;AAKF;EACE,kBN3eO;;;AMkfP;EACE,YNlfU;EMmfV;EACA;;;AASA;EACE,YNvgBM;;;AM8gBd;EACE;;AAEA;EACE;EACA;;;AAKJ;EACE;;;ACxiBF;AAAA;EACE;EACA,YPaY;EOZZ;EACA,ePkDO;EOjDP,OVNc;EUOd;EACA;EACA,WP+DU;EO9DV,QPsDO;EOrDP,aPgEY;EO/DZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;ELlBA;;AKqBA;EAEE,YPfc;EOgBd,cPlBiB;EOmBjB;;AAEF;EAEE,YPvBiB;EOwBjB;EACA,OPjBU;EOkBV;;AAEE;EACE,qBPrBM;EOsBN,mBPtBM;;AO0BZ;EAGE;EACA;EACA;;AAIF;AAAA;EACE,YVpDY;EUqDZ,cP7CiB;EO8CjB,OPtCU;;AOuCV;EAEE;EACA;EACA,OP3CQ;;AO6CV;EAEE;EACA;EACA,OPjDQ;;AOoDR;EACE,qBPrDM;EOsDN,mBPtDM;;AO4DZ;EC1EA,YR2Bc;EQ1Bd;EACA,ORYY;;AQXZ;ENHA;;AMMA;EAEE;EACA;EACA,ORIU;;AQFZ;EAEE;EACA;EACA,ORFU;;AQKV;EACE,qBRNQ;EQOR,mBRPQ;;AOgEZ;EC9EA,YR6BY;EQ5BZ;EACA,ORYY;;AQXZ;ENHA;;AMMA;EAEE;EACA;EACA,ORIU;;AQFZ;EAEE;EACA;EACA,ORFU;;AQKV;EACE,qBRNQ;EQOR,mBRPQ;;AOqEZ;EACE;EACA;EACA,OVxFY;;AUyFZ;EAIE,OPtDY;;AO2DhB;EAC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;EAIC;EACA;EACA;;AALA;EACC;;AAMA;EACC;;AAGA;EACC;;AAOL;EACC;EACA;EACA;EACA;EAwCA;EACA;EACA;;AAxCA;EACC;;AAEA;AAAA;EAEC;;AAGD;AAAA;EAEC;EACA;;AAMA;AAAA;AAAA;EAEC;;AAGD;AAAA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAQF;EACC;IACC;IACA;IACA;IACA;IACA;;EAEA;IACC;;EAGD;IACC;;;AAOJ;EACC;;AAIC;AAAA;AAAA;EAGC,OA3TY;;AA8Tb;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAID;EACC;IACC;;;AAMJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;;AAED;EACC,YAxWU;EAyWV;;AAGD;EACC;EACA;EACA;EACA;;AACA;EACC;;AACA;EACC;;AAMJ;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAKC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EAbD;IAcE;IACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;EACA;;AAIF;EACC;;AAKH;EACC;;AAGD;EACC;;AAKA;AAAA;EACC;;AAGD;AAAA;EACC;EAMA;;AAJA;AAAA;EACC;;AAKD;AAAA;EACC;;AAGD;AAAA;EAKC;;AAJA;AAAA;EACC;;AAOH;AAAA;EACC;;AAGD;AAAA;EACC;EACA;EACA;;AACA;AAAA;EACC;EACA;;AAED;AAAA;EACC;EACA;EACA;EACA;EACA;;AACA;EAND;AAAA;IAOE;;;AAGF;AAAA;EACC;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;EACC;;AAKH;AAAA;EACC;;AAIF;EACC;EACA;;AAEA;EACC,OA7hBY;;AA+hBZ;EACC;;AAIF;EACC,OAriBY;;AAyiBd;EACC;;AAIF;EACC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOC;;AAGD;EACC;;AAGD;AAAA;EAEC;EACA;;AAGD;AAAA;AAAA;AAAA;AAAA;EAKC;;AAGD;AAAA;AAAA;EAGC;;AAGD;AAAA;AAAA;EAGC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AAGF;EACC","file":"friends.css"} \ No newline at end of file diff --git a/friends.scss b/friends.scss index e48ee659..87df9164 100644 --- a/friends.scss +++ b/friends.scss @@ -362,6 +362,19 @@ h2#page-title a.dashicons { font-color: $dark-color; font-size: .6rem; } + + #in_reply_to_preview { + background-color: #f7f8f9; + padding: .5em; + margin-top: 1em; + margin-bottom: 1em; + figcaption { + float: right; + a:any-link { + color: #999; + } + } + } } img.avatar { diff --git a/includes/class-frontend.php b/includes/class-frontend.php index 5e80a22f..2b24ff49 100644 --- a/includes/class-frontend.php +++ b/includes/class-frontend.php @@ -79,7 +79,7 @@ private function register_hooks() { add_action( 'wp_ajax_friends-change-post-format', array( $this, 'ajax_change_post_format' ) ); add_action( 'wp_ajax_friends-load-next-page', array( $this, 'ajax_load_next_page' ) ); add_action( 'wp_ajax_friends-autocomplete', array( $this, 'ajax_autocomplete' ) ); - add_action( 'wp_ajax_friends-in-reply-to-preview', array( $this, 'ajax_in_reply_to_preview' ) ); + add_action( 'friends_search_autocomplete', array( $this, 'autocomplete_user_search' ), 10, 2 ); add_action( 'wp_ajax_friends-star', array( $this, 'ajax_star_friend_user' ) ); add_action( 'wp_ajax_friends-load-comments', array( $this, 'ajax_load_comments' ) ); add_action( 'wp_ajax_friends-reblog', array( $this, 'wp_ajax_reblog' ) ); @@ -572,76 +572,36 @@ public function ajax_load_next_page() { } /** - * Get metadata for in_reply_to_preview. - * - * @param string $url The url. - * - * @return array|WP_Error The in reply to metadata. + * The Ajax function to autocomplete search. */ - public function get_in_reply_to_metadata( $url ) { - $meta = apply_filters( 'friends_get_activitypub_metadata', array(), $url ); - if ( is_wp_error( $meta ) ) { - return $meta; - } - - if ( ! $meta || ! isset( $meta['attributedTo'] ) ) { - return new \WP_Error( 'no-activitypub', 'No ActivityPub metadata found.' ); - } - - $html = 'URL: ' . make_clickable( $meta['id'] ); - $html .= '
' . force_balance_tags( wp_kses_post( $meta['content'] ) ) . '
'; - - $webfinger = apply_filters( 'friends_get_activitypub_metadata', array(), $meta['attributedTo'] ); - $mention = ''; - if ( $webfinger && ! is_wp_error( $webfinger ) ) { - $mention = '@' . $webfinger['preferredUsername'] . '@' . parse_url( $url, PHP_URL_HOST ); - } + public function ajax_autocomplete() { + $q = wp_unslash( $_POST['q'] ); + $results = apply_filters( 'friends_search_autocomplete', array(), $q ); - return array( - 'url' => $url, - 'html' => $html, - 'author' => $meta['attributedTo'], - 'mention' => $mention, - ); + wp_send_json_success( '
  • ' . implode( '
  • ', $results ) . '
    • ' ); } /** - * The Ajax function to fill the in-reply-to-preview. - */ - public function ajax_in_reply_to_preview() { - $url = wp_unslash( $_POST['url'] ); - - if ( ! wp_parse_url( $url ) ) { - wp_send_json_error(); - exit; - } - - $meta = $this->get_in_reply_to_metadata( $_POST['url'] ); - - if ( is_wp_error( $meta ) ) { - wp_send_json_error( $meta->get_error_message() ); - exit; - } - wp_send_json_success( $meta ); - } - /** - * The Ajax function to autocomplete search. + * The Add user search entries to the autocomplete results. + * + * @param array $results The autocomplete results. + * @param string $q The query. + * + * @return array The autocomplete results. */ - public function ajax_autocomplete() { - $q = wp_unslash( $_POST['q'] ); + public function autocomplete_user_search( $results, $q ) { $users = User_Query::search( '*' . $q . '*' ); - $results = array(); + foreach ( $users->get_results() as $friend ) { - $result = '
  • '; - $result .= ''; + $result = ''; $result .= str_ireplace( $q, '' . $q . '', $friend->display_name ); $result .= ' '; $result .= str_ireplace( $q, '' . $q . '', $friend->user_login ); - $result .= '
    • '; + $result .= ''; $results[] = $result; } - wp_send_json_success( implode( PHP_EOL, $results ) ); + return $results; } /** @@ -791,10 +751,6 @@ function ( $feed ) { 'post_format' => $this->post_format, ); - if ( isset( $_GET['in_reply_to'] ) && wp_parse_url( $_GET['in_reply_to'] ) ) { - $args['in_reply_to'] = $args['friends']->frontend->get_in_reply_to_metadata( $_GET['in_reply_to'] ); - } - return Friends::template_loader()->get_template_part( 'frontend/index', $this->post_format, $args, false ); } diff --git a/templates/frontend/activitypub/boost.php b/templates/frontend/activitypub/boost.php new file mode 100644 index 00000000..243278ef --- /dev/null +++ b/templates/frontend/activitypub/boost.php @@ -0,0 +1,36 @@ + +
    + + + + + + reply to this.', 'friends' ), + '"?in_reply_to=' . urlencode( ! empty( $args['boost'] ) ? $args['boost']['url'] : '' ) . '"' + ), + array( + 'a' => array( 'href' => array() ), + ) + ); + ?> + + +
    + +
    + + +
    +
    diff --git a/templates/frontend/activitypub/reply.php b/templates/frontend/activitypub/reply.php new file mode 100644 index 00000000..170f162c --- /dev/null +++ b/templates/frontend/activitypub/reply.php @@ -0,0 +1,66 @@ +
    + + + + + + + + boost this.', 'friends' ), + '"?boost=' . urlencode( ! empty( $args['in_reply_to'] ) ? $args['in_reply_to']['url'] : '' ) . '"' + ), + array( + 'a' => array( 'href' => array() ), + ) + ); + ?> + + +
    +

    +
    + +
    + +
    + +
    + +
    + +
    +

    + +

    +
    + +
    + + +
    +
    diff --git a/templates/frontend/header.php b/templates/frontend/header.php index 297c007a..5416fdad 100644 --- a/templates/frontend/header.php +++ b/templates/frontend/header.php @@ -76,51 +76,5 @@ -
    - - - - -
    -
    - Reply to: - -
    -
    -
    -

    Click the mentions to copy them into your reply.

    -
    -
    - -
    - -
    - -
    - -
    -

    - -

    -
    - -
    - - -
    -
    - - +