@charset utf-8; * { font-size:100%; margin:0; padding:0; } a { text-decoration:none; word-break:break-all; color:inherit; } a:hover { text-decoration:underline; } ul,ol { list-style:none; margin:0; padding:0; } img { vertical-align:top; border:0; max-width:100%; max-height:100%; } button { font-size:100%; } .clear { clear:both; } .red { color:red!important; } .ellipsis:after { content:"..."; } .no-events { pointer-events:none; } .disallow_select { user-select:none; -ms-user-select:none; -webkit-user-select:none; -moz-user-select:none; } .text_ellipsis { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } h1,h2,h3,h4,h5,h6 { font-weight:400; line-height:normal; margin:0; padding:0; } blockquote,q { quotes:none; margin:0; } blockquote * { word-break:break-all; margin:0; } blockquote:before,blockquote:after,q:before,q:after { content:none; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } textarea { width:100%; } input { max-width:100%; } button,input[type="submit"],input[type="button"] { background-color:transparent; border:none; cursor:pointer; outline:none; appearance:none; padding:0; } img.emoji { height:1em; width:1em; vertical-align:-.1em; margin:0 .05em 0 .1em; } .emoji_poss .auth_emoji { display:inline-block; height:100%; margin:auto auto auto 4px; } html { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:100%; line-height:normal; color:#eee; min-width:100%; min-height:100%; } body { min-width:100%; min-height:100%; word-wrap:break-word; background-color:#141d26; margin:0; padding:0; } .status_form { width:100%; box-sizing:border-box; background-color:#243447; padding:12px; } .status_form.ready { background-color:#243447!important; } .status_form.ready .status_bottom .status_media_attachment,.status_form.ready .status_bottom .status_privacy,.status_form.ready .status_bottom .status_emoji { color:#7ECEFF!important; } .status_form.ready .status_bottom .status_CW > span,.status_form.ready .status_bottom .status_NSFW > span { background-color:#7ECEFF!important; } .status_form.ready .status_bottom .submit_status_label { background-color:#A3D8FF!important; pointer-events:none; cursor:default; } .status_form .status_top { display:flex; align-items:center; width:calc(100%-54px); padding-bottom:0; margin-left:54px; box-sizing:border-box; } .status_form .status_top .status_spoiler { color:#19CF86; width:100%; height:35px; border-radius:4px; border:1px solid #000; font-size:14px; box-sizing:border-box; padding:8px; background-color: #243447; } .status_form .status_main .icon_box { flex-shrink:0; margin-right:8px; width:32px; height:32px; border-radius:5px; overflow:hidden; margin-left:14px; } .status_form .status_main .status_textarea { flex:1; border-radius:3px; box-sizing:border-box; border:1px solid #000; background-color:#132030; padding:8px; } .status_form .status_main .status_textarea textarea { background-color: #132030; color:#fff; resize:none; height:18px; border:none; max-width:100%; font-size:14px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:normal; outline:0; overflow:hidden; } .status_form .status_textarea textarea.focus { height:68px; } .status_form .status_textarea .media_attachments_preview_area { display:flex; flex-wrap:nowrap; background-color:#F1F1F1; border-top:1px solid #C7E7FB; margin:8px -8px -8px; padding:8px 12px; } .status_form .status_textarea .media_attachments_preview { position:relative; flex-shrink:0; max-width:113px; height:113px; margin-right:8px; border-radius:5px; border:1px solid #C7E7FB; overflow:hidden; flex:1; background-color:#fff; } .status_form .status_textarea .media_attachments_preview:last-child { margin-right:0; } .status_form .status_textarea .media_attachments_preview_area.nsfw .media_attachments_preview::after { display:block; content:""; cursor:pointer; top:0; font-weight:300; width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,1); transition:.13s; } .status_form .status_textarea .media_attachments_preview_area.nsfw .media_attachments_preview:hover::after { background-color:rgba(0,0,0,0); transition:.13s; } .status_form .status_textarea .media_attachments_preview .remove_button { position:absolute; z-index:1; right:0; top:0; color:#fff; background-color:rgba(0,0,0,.8); border-radius:50%; width:19px; height:19px; display:flex; align-content:center; justify-content:center; font-size:14px; margin:4px 4px 0 0; } .status_form .status_bottom { display:flex; align-items:center; width:calc(100%-52px); box-sizing:border-box; margin-left:52px; padding:8px 0 0; } .status_form .status_bottom .status_option_button { cursor:pointer; color:#43A7E5; font-size:21px; border-radius:3px; box-sizing:border-box; border:1px solid transparent; height:39px; display:flex; justify-content:center; align-items:center; padding:8px 12px; } .status_form .status_bottom .status_option_button:hover { border:1px solid #C7E7FB; } .status_form .status_bottom .status_CW > span,.status_form .status_bottom .status_NSFW > span { display:flex; align-items:center; height:22px; color:#050505; border-radius:3px; box-sizing:border-box; background-color:#19CF86; text-align:center; padding:4px; } .status_form .status_bottom .status_CW > span { font-size:10px; } .status_form .status_bottom .status_NSFW > span { font-size:8px; } .status_form .status_bottom .status_privacy .expand_privacy_menu { display:block; position:absolute; cursor:pointer; top:32px; right:-122px; width:160px; font-size:12px; border-radius:3px; box-sizing:border-box; background-color:#000; box-shadow:.5px .5px 3px rgba(0,0,0,0.26); z-index:2; padding:18px; } .status_form .status_bottom .status_privacy .expand_privacy_menu .status_privacy { display:block; cursor:pointer; font-size:14px; margin-bottom:12px; color:#657786; text-align:left; } .status_form .status_bottom .submit_status_label_wrap { flex-grow:1; display:flex; align-items:center; justify-content:flex-end; height:39px; } .status_form .status_bottom .character_count { color:#66757F; font-size:14px; box-sizing:border-box; padding:0 12px; } .status_form .status_bottom .submit_status_label { height:100%; cursor:pointer; float:right; border-radius:4px; color:#000; background-color:#2588D0; transition:.15s ease-out; box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:6px 24px; } .overlay_status { margin-top:20%; } #overlay_status_form.status_form .status_main .status_textarea { flex:1; } #overlay_status_form.status_form .status_main .status_textarea textarea { color:#fff; resize:none; max-width:100%; height:auto; min-height:72px; border-radius:5px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; outline:0; box-sizing:border-box; padding:4px; } #overlay_status_form.status_form .status_bottom { display:flex; align-items:center; width:auto; margin-left:0; box-sizing:border-box; padding:8px 0 0; } .single_reply_status .status_preview,.report_status .status_preview { border-top:1px solid #E1E8ED; } #single_reply_status_form.status_form .status_bottom .submit_status_label .toot_button_label i,#report_status_form.status_form .status_bottom .submit_status_label .toot_button_label i { font-size:18px; margin-right:8px; } .overlay_copy_link_header { width:600px; box-sizing:border-box; background-color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center; color:#66757F; font-size:18px; font-weight:300; border-bottom:1px solid #E6ECF0; margin:auto; padding:16px; } .overlay_copy_link .overlay_copy_link_form { width:600px; box-sizing:border-box; background-color:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin:auto; padding:16px; } .overlay_copy_link .overlay_copy_link_form input { width:100%; height:36px; border:1px solid #E6ECF0; background-color:#F5F8FA; box-sizing:border-box; font-size:14px; border-radius:3px; padding:4px 16px; } .relationship_button { display:flex; flex-wrap:nowrap; align-items:center; font-size:13px; margin-top:4px; border-radius:4px; border:1px solid #19CF86; padding:6px 13px; } .follow_button,.halcyon_button { border:1px solid #19CF86; color:#19CF86; } .muting_button i { color:#fff; } .muting_button:hover,.muting_button:hover i { background-color:#B82424; color:#fff; } .blocking_button { background-color:#fff; color:#E20055; } .blocking_button i { color:#E20055; } .blocking_button:hover,.blocking_button:hover i { background-color:#B82424; } .profile_edit_button { background-color:#000; color:#66757F; border:1px solid #66757F; } .timeline_header { background-color:#1A383E; box-sizing:border-box; border:1px solid #000; border-bottom:none; border-top-right-radius:5px; border-top-left-radius:5px; } .timeline_header .header_items { display:flex; flex-wrap:nowrap; align-items:center; } .timeline_header .header_items .item { display:inline-block; font-size:18px; font-weight:300; color:#19CF86; box-sizing:border-box; padding:15px; } .timeline_header .header_items .item.view { font-weight:600; color:#fff; } .timeline { background-color:#243447; box-sizing:border-box; border:1px solid #000; } .timeline .boost_author_box i { display:inline-block; width:10px; height:10px; margin-right:11px; color:#fff; background-color:#17BF63; border-radius:2px; font-size:10px; padding:2px; } .timeline .pinned_notice_box i { display:inline-block; width:10px; height:10px; margin-right:11px; color:#fff; background-color:#1DA1F2; border-radius:2px; font-size:10px; padding:2px; } .toot_entry { cursor:pointer; background-color:#1b2836; list-style:none; } .toot_entry .toot_entry_body { display:flex; flex-wrap:nowrap; box-sizing:border-box; border-bottom:1px solid #000; padding:12px; } .toot_entry .toot_entry_body > a { height:48px; } .toot_entry .toot_entry_body .icon_box { flex-shrink:0; width:48px; height:48px; margin-right:12px; border-radius:5px; overflow:hidden; z-index:1; } .toot_entry .toot_entry_body .icon_box img { width:48px; height:48px; } .toot_entry .toot_entry_body .toot_content { flex-grow:1; height:100%; max-width:504px; } .toot_entry .toot_entry_body .toot_content .toot_header { color:#657786; position:relative; font-size:14px; padding-right:16px; } .toot_entry .toot_entry_body .toot_content .toot_header .text_ellipsis a { line-height:normal; height:16.5px; margin-bottom:-4.5px; } .toot_entry .toot_entry_body .toot_content .toot_header .displayname { color:#fff; font-weight:700; } .toot_entry .toot_entry_body .toot_content .toot_header .right-top_button { flex:1; height:100%; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap { position:absolute; top:0; right:0; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu a { display:block; box-sizing:border-box; padding:8px 21px; } .toot_entry .toot_entry_body .toot_content .cw_button { background-color:#6D768C; border-radius:3px; font-size:8px; box-sizing:border-box; color:#fff; margin:auto 4px; padding:4px; } .toot_entry .toot_entry_body .toot_content .toot_article { font-size:14px; line-height:20px; margin-top:4px; } .toot_entry .toot_entry_body .toot_content .toot_footer { display:flex; flex-wrap:nowrap; align-items:center; width:240px; height:21px; margin-top:8px; } 50% { transform:scale(2); } 100% { background-color:rgba(0,0,0,0.8); top:-47px; transform:scale(1); } .media_views { height:336px; width:100%; border-radius:5px; overflow:hidden; position:relative; box-sizing:border-box; border:1px solid #000; margin:8px 0; } .media_views .media_attachment { overflow:hidden; width:100%; height:100%; } .media_views .media_attachment > iframe { object-fit:fill; } .media_views.sensitive .sensitive_alart { display:flex; z-index:1; flex-direction:column; justify-content:center; align-items:center; position:absolute; width:100%; height:100%; background-color:#000; } .media_views.sensitive .sensitive_alart .text1 { font-size:26px; font-weight:200; color:#fff; padding:8px 16px; } .media_views.sensitive .sensitive_alart .text2 { font-weight:200; margin-top:3px; color:#fff; padding:2px 4px; } .media_views[media_length="2"] .media_attachment { flex-grow:1; overflow:hidden; width:50%; height:100%; } .media_views[media_length="2"] .media_attachment[mediacount="0"] { padding-right:5px; box-sizing:border-box; } .media_views[media_length="3"] .media_attachment[mediacount="0"],.media_views[media_length="4"] .media_attachment[mediacount="0"] { flex-grow:2; padding-right:5px; box-sizing:border-box; } .media_views[media_length="3"] .media_attachments_right,.media_views[media_length="4"] .media_attachments_right { flex-grow:1; flex-shrink:2; display:flex; flex-direction:column; height:100%; } .media_views[media_length="3"] .media_attachments_right .media_attachment { padding-bottom:5px; box-sizing:border-box; height:50%; } .media_views[media_length="4"] .media_attachments_right .media_attachment { padding-bottom:5px; box-sizing:border-box; height:calc(100%/3); } .timeline .notice_entry { font-size:14px; line-height:18px; border-bottom:1px solid #000; padding:10px 12px 10px 70px; } .timeline .notice_entry .notice_entry_body { width:480px; border:1px solid #000; border-radius:5px; padding:8px 12px; } .timeline .notice_entry .notice_entry_body .toot_header { height:17px; } .timeline .notice_entry .notice_entry_body .toot_article p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .timeline .notice_entry .icon_box { width:24px; height:24px; border-radius:3px; overflow:hidden; } .timeline .notice_entry .icon_box img { width:24px; } .timeline .notice_entry .font-icon { position:relative; left:-23px; top:-26px; width:10px; font-size:10px; border-radius:3px; color:#fff; padding:3px; } .timeline .notice_entry .font-icon.follow { background:#1DA1F2; } .timeline .notice_entry .font-icon.boost { background:#17BF63; } .timeline .notice_entry .font-icon.favourite { background:#FFAD1A; } .timeline .notice_entry .notice_author_box { padding:3px 0; } .timeline .notice_entry .notice_author_box > a.notice_author { margin-left:-18px; } .timeline .notice_entry .toot_content .toot_header a .username { color:#66757F; } .timeline_footer { background-color:#243447; box-sizing:border-box; border:1px solid #000; border-top:none; border-bottom-right-radius:5px; border-bottom-left-radius:5px; color:#AAB8C2; font-size:36px; text-align:center; padding:24px; } #js-follows_profile { display:flex; width:900px; box-sizing:border-box; height:auto; flex-wrap:wrap; } #js-follows_profile .follows_profile_box { width:290px; box-sizing:border-box; border-radius:5px; background-color:#243447; overflow:hidden; border:1px solid #000; margin:0 5px 10px; } #js-follows_profile .follows_profile_box .follows_profile .follows_profile_icon { position:absolute; width:74px; height:74px; margin-left:16px; border-radius:8px; top:-76px; background-color:#fff; padding:3px; } #js-follows_profile .follows_profile_box .follows_profile .follows_profile_name_box { width:auto; padding-bottom:2px; padding-top:4px; margin:36px 16px 0; } #js-follows_profile .follows_profile_box .follows_profile .follows_profile_name_box span { display:block; width:180px; color:#657786; font-size:14px; white-space:nowrap; text-overflow:ellipsis; margin:4px 0; } #js-follows_profile .follows_profile_box .follows_profile .follows_profile_bio { height:58px; font-size:14px; font-weight:400; color:#66757f; line-height:1.3; overflow:hidden; margin:0 16px 16px; } #js-follows_profile .follows_profile_box .follows_profile .follows_profile_bio p { overflow:hidden; word-break:break-all; height:auto; } #js-follows_profile .follow_button { display:flex; flex-wrap:nowrap; align-items:center; font-size:13px; margin-top:4px; border-radius:4px; border:1px solid #19CF86; position:absolute; right:16px; top:-32px; padding:6px 18px; } #js-follows_profile .following_button { display:flex; flex-wrap:nowrap; align-items:center; font-size:13px; margin-top:4px; border-radius:4px; border:1px solid #2B94DA; background-color:#19CF86; position:absolute; right:16px; top:-32px; padding:6px 18px; } #js-follows_profile .following_button i { color:#fff; margin-right:4px; } #js-follows_profile .following_button span { font-weight:600; color:#fff; } #js-follows_profile .following_button:hover,#js-follows_profile .following_button:hover i { background-color:#E20055; color:#fff!important; } #js-follows_footer { color:#66757F; font-size:36px; text-align:center; padding:16px; } #js-stream_update { height:0; box-sizing:border-box; text-align:center; font-size:13px; background-color:#F5F8FA; overflow:hidden; transition:.3s; cursor:pointer; padding:0; } #js-stream_update:hover { background-color:#E6ECF0; } .current_profile_box { margin-bottom:10px; border-radius:5px; background-color:#243447; overflow:hidden; border:1px solid #000; } .current_profile_box .current_profile .current_profile_icon { position:absolute; width:70px; height:70px; margin-left:8px; border-radius:8px; top:-30px; background-color:#243447; padding:3px; } .current_profile_box .current_profile .current_profile_name_box { width:180px; margin-left:90px; padding-bottom:10px; padding-top:8px; } .current_profile_box .current_profile .current_profile_name_box span { display:block; width:180px; color:#657786; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .current_profile_box .current_profile .current_profile_name_box span::before { content:"@"; } .current_profile_box .current_profile .current_profile_counts .current_profile_count { flex-grow:1; padding-left:16px; padding-bottom:8px; } .current_profile_box .current_profile .current_profile_counts .current_profile_count a { display:flex; flex-direction:column; justify-content:space-around; text-decoration:none; } .current_profile_box .current_profile .current_profile_counts .current_profile_count a .title { color:#8899a6; font-size:10px; } .current_profile_box .current_profile .current_profile_counts .current_profile_count a .count { font-size:18px; font-weight:400; padding-top:3px; color:#19CF86; } .side_widget { margin-bottom:8px; border-radius:5px; background-color:#243447; border:1px solid #000; padding:15px; } .side_widgets_footer { color:#657786; font-size:12px; padding:16px 8px; } .side_widgets_footer ul li { display:inline-block; margin:0 12px 8px 0; } .side_widget h2 { color:#66757F; font-size:18px; font-weight:300; margin-bottom:15px; } .side_widget h3 { color:#66757F; font-size:16px; font-weight:300; } .side_widget.with_button .form_title { display:flex; align-items:baseline; } .side_widget.with_button .form_title h2 { flex-grow:1; } .side_widget.with_button .form_title .headerbtn { cursor:pointer; flex-grow:1; font-size:12px; color:#19CF86; text-align:right; text-decoration:none; } .side_widget form.pulldown_form { overflow:hidden; height:0; opacity:0; margin-top:0; transition:.13s ease-out; } .side_widget form.pulldown_form.view { height:auto; opacity:1; margin-top:16px; transition:.13s ease-out; } .textfield { padding-left:5px; width:75%; font-size:14px; color:#66757F; box-sizing:border-box; height:30px; border:1px solid #AAB8C2; border-radius:2px; background-color:transparent; outline:0; margin:10px; } .textfield:focus { outline:0; border:1px solid #19CF86; background-color:transparent; } .side_widget .account_box { display:flex; flex-wrap:nowrap; align-items:center; height:100%; margin-bottom:12px; } .side_widget .account_box .icon_box { width:48px; height:48px; overflow:hidden; margin-right:8px; border-radius:5px; } .side_widget .account_box .label_box { width:200px; } .side_widget .account_box .label_box h3 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#e6dede; } .side_widget .account_box .label_box h3 .dn { font-size:14px; font-weight:700; } .side_widget .account_box .label_box h3 .un { font-size:14px; color:#66757F; } .side_widget .account_box .label_box .following_button { display:flex; color:#fff; flex-wrap:nowrap; align-items:center; font-size:12px; margin-top:4px; border-radius:4px; background-color:#19CF86; border:1px solid #19CF86; padding:5px 18px; } .side_widget .account_box .label_box .following_button:hover { background-color:#E20055; } .side_widget .account_box .label_box .following_button i { color:#FFF; margin-right:4px; } #header { display:flex; position:fixed; z-index:999; width:100%; height:47px; color:#8899a6; background-color:#243447; box-shadow:0 1px 1px rgba(0,0,0,0.26); } #header .header_nav_wrap { box-sizing:border-box; display:flex; width:1190px; height:100%; margin:auto; padding:0 5px; } #header .header_nav_wrap .header_left_box { display:flex; justify-content:flex-start; flex:2; height:100%; } #header .header_nav_wrap .header_left_box ul.header_nav_list { display:flex; width:100%; height:100%; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item { display:flex; align-items:center; height:100%; position:relative; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item .nav_badge { width:6px; height:6px; background-color:#1B95E0; border-radius:50%; position:absolute; left:6px; top:8px; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item .nav_badge.notification_badge { position:absolute; background-color:#19CF86; border-radius:40%; font-size:10px; top:8px; left:20px; border:2px solid #fff; color:#fff; box-sizing:border-box; height:20px; width:20px; display:flex; align-items:center; justify-content:center; padding:2px; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; color:#66757F; box-sizing:border-box; padding-right:18px; padding-left:9px; border-top:0 solid transparent; border-bottom:0 solid #19CF86; transition:.15s ease-out; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a:hover { color:#19CF86; text-decoration:none; border-top:5px solid transparent; border-bottom:2px solid #19CF86; transition:.15s ease-out; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a.view { text-decoration:none; border-top:5px solid transparent; border-bottom:2px solid #19CF86; color:#19CF86; transition:.15s ease-out; position:relative; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a > i,#header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a > span { display:inline-block; text-align:center; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a > i { margin-right:4px; font-size:21px; } #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a > span { font-size:13px; font-weight:400; } #header .header_nav_wrap .header_center_box { display:flex; flex:1.2; height:100%; box-sizing:border-box; align-items:center; justify-content:center; padding:8px 0; } #header .logo_box { height:96%; box-sizing:border-box; padding:4px; } #header .logo_box img { width:auto; display:block; } #header .header_nav_wrap .header_right_box { flex:2; box-sizing:border-box; height:100%; padding:8px 0; } #header .header_nav_wrap .header_right_box ul.header_nav_list { display:flex; justify-content:flex-end; align-items:center; width:100%; height:100%; } #header .header_nav_wrap .header_right_box ul.header_nav_list li.header_nav_item { display:flex; height:100%; justify-content:center; align-items:center; padding-right:16px; } #header .header_nav_wrap .header_right_box .search_form { width:221px; height:95%; outline:0; position:relative; } #header .header_nav_wrap .header_right_box .search_form .search_form_input { box-sizing:border-box; color:#aaa; font-size:12px; width:100%; border-radius:16px; border:1px solid #000; background-color:#132030; height:100%; transition:.15s ease-out; padding:5px 12px; } #header .header_nav_wrap .header_right_box .search_form .search_form_input:focus { background-color:transparent; transition:.15s ease-out; outline:0; border:2px solid #19CF86; } #header .header_nav_wrap .header_right_box .search_form .search_form_submit { display:block; position:absolute; height:14px; font-size:14px; top:5px; right:12px; margin:2px -4px; } #header .header_nav_wrap .header_right_box .search_form .search_form_submit button,#header .header_nav_wrap .header_right_box .search_form .search_form_submit i { display:block; color:#66757F; } #header .header_nav_wrap .header_right_box .my_account_wrap .my_account { height:35px; width:35px; display:flex; justify-content:center; align-items:center; margin:auto; } #header .header_nav_wrap .header_right_box .my_account_wrap .my_account img { width:32px; height:32px; overflow:hidden; border-radius:50%; transition:.15s ease-out; } #header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav { display:block; position:absolute; cursor:pointer; top:42px; right:14px; width:180px; font-size:12px; border-radius:3px; box-sizing:border-box; background-color:#000; box-shadow:.5px .5px 3px rgba(0,0,0,0.26); padding:8px 21px; } #header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav::before { display:block; content:""; z-index:-1; width:20px; height:20px; position:absolute; transform:rotate(45deg); top:-5px; right:8px; background-color:#000; border:.5px solid rgba(0,0,0,.26); } #header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul li a .display_name { display:block; color:#fff; font-size:14px; font-weight:600; margin-bottom:4px; } #header .header_nav_wrap .header_right_box .toot_button { width:90px; height:100%; border-radius:4px; color:#fff; background-color:#19CF86; transition:.15s ease-out; } #main { padding-top:47px; } #main > .header_image_box { width:100%; height:460px; overflow:hidden; } #main > .header_image_box img { min-width:100%; object-fit:cover; } #main .profile_nav_wrap { height:60px; width:100%; background-color:#1b2836; box-shadow:0 1px 3px 0 rgba(0,0,0,0.25); } #main .profile_nav_wrap .profile_nav .profile_nav_left { width:300px; height:100%; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item { height:100%; color:#66757F; border-color:transparent; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item:hover { color:#19CF86; box-sizing:border-box; text-decoration:none; border-top:4px solid transparent; border-bottom:4px solid #19CF86; transition:.15s; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item.view { color:#19CF86; box-sizing:border-box; border-top:4px solid transparent; border-bottom:4px solid #19CF86; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item a h2 { display:inline-block; font-size:11px; font-weight:400; } #js-header_title_box { width:100%; height:64px; overflow:hidden; box-sizing:border-box; background-color:#19CF86; padding:16px 0; } #js-header_title_box h1 { display:block; width:1200px; font-size:27px; font-weight:400; line-height:32px; color:#000; box-sizing:border-box; margin:0 auto; padding:0 16px; } #main .header_nav_wrap { height:50px; width:100%; background-color:#000; box-shadow:0 1px 3px 0 rgba(0,0,0,0.25); margin-bottom:4px; } #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item { height:100%; color:#66757F; } #main .header_nav_wrap .header_nav_item.view a { border-top:4px solid transparent!important; border-bottom:4px solid #19CF86!important; } #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a:hover { color:#19CF86; text-decoration:none; border-top:4px solid transparent; border-bottom:4px solid #19CF86; transition:.15s; } #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a.view { color:#19CF86; border-top:4px solid transparent; border-bottom:4px solid #19CF86; } #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a h2 { display:inline-block; font-size:14px; font-weight:400; color:#19CF86; } #main .article_wrap { display:flex; flex-wrap:nowrap; width:1200px; margin:auto; } #main .article_wrap .left_column { position:relative; width:300px; box-sizing:border-box; padding:10px 5px; } #main .article_wrap .left_column > .profile_icon_box { position:absolute; top:-185px; width:200px; height:200px; margin-left:10px; background-color:#243447; border-radius:14px; border:1px solid #000; box-shadow:0 .1px .3px rgba(0,0,0,0.26); cursor:pointer; padding:5px; } #main .article_wrap .left_column .profile_icon_box img { width:100%; height:100%; border-radius:8px; } #main .article_wrap .left_column .profile_section_wrap { word-break:break-all; padding:36px 16px 0 15px; } #main .article_wrap .left_column .profile_section_wrap > .profile_displayname { font-size:22px; font-weight:700; line-height:normal; color:#fff; margin-bottom:8px; } #main .article_wrap .left_column .profile_section_wrap > .profile_username { color:#657786; font-size:14px; font-weight:300; margin-bottom:8px; } #main .article_wrap .left_column .profile_section_wrap > .profile_username .profile_followed_by { font-size:10px; display:inline-block; margin-left:8px; } #main .article_wrap .left_column .profile_section_wrap > .profile_bio { font-size:14px; font-weight:400; line-height:20px; margin-bottom:10px; word-wrap:break-word; } #js_profile_recent_images a { color:#19CF86; font-size:13px; font-weight:300; } #js_profile_recent_images a i { color:#657786; margin-right:8px; font-size:16px; } #js_profile_recent_images_box { width:100%; font-size:14px; display:flex; margin-top:8px; flex-wrap:wrap; } #js_profile_recent_images_box .profile_recent_images_item { width:80px; height:80px; border-radius:5px; overflow:hidden; flex-shrink:0; cursor:pointer; margin:0 5px 5px 0; } #js_profile_recent_images_box .profile_recent_images_item img { width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; } #main .article_wrap .center_column { width:auto; flex:1; box-sizing:border-box; padding:10px 5px; } #main .article_wrap .right_column { width:300px; box-sizing:border-box; padding:10px 5px; } #js-overlay_content_wrap { display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; overflow:scroll; } #js-overlay_content_wrap.view { display:block; background-color:rgba(0,0,0,0); transition:.5s; } #js-overlay_content_wrap.view.black_05 { animation-name:fadein_05; animation-duration:.35s; animation-fill-mode:forwards; } #js-overlay_content_wrap.view.black_08 { background-color:rgba(0,0,0,0.8); } #js-overlay_content_wrap #js-overlay_content { width:628px; height:auto; position:relative; margin:56px auto 300px; } #js-overlay_content_wrap #js-overlay_content .close_button { color:#fff; position:absolute; right:-32px; top:0; font-size:28px; } #js-overlay_content_wrap .temporary_object .thumb_box { display:flex; align-items:center; justify-content:center; width:100%; height:100%; } #overlay_message { position:fixed; top:-47px; left:0; right:0; bottom:0; width:658px; height:58px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background-color:#243447; box-shadow:1px 1px 3px rgba(0,0,0,0.35); z-index:998; margin:0 auto; } #overlay_message.view { animation-name:overlay_message_active; animation-duration:3s; } #overlay_message section { color:#999; font-size:14px; box-sizing:border-box; height:100%; width:100%; display:flex; justify-content:center; align-items:center; margin:auto; padding:16px; } .toot_detail_wrap .toot_detail:first-child,.toot_detail_wrap .toot_entry:first-child { border-top-left-radius:5px; border-top-right-radius:5px; } .toot_detail { width:628px; box-sizing:border-box; background-color:#243447; } .toot_entry.ancestors_status .toot_entry_body,.toot_entry.descendants_status .toot_entry_body { border-bottom:none; position:relative; padding:18px 40px; } .toot_entry.ancestors_status.default_padding .toot_entry_body,.toot_entry.descendants_status.default_padding .toot_entry_body { padding:12px; } .toot_entry.ancestors_status .toot_entry_body::after,.toot_entry.descendants_status .toot_entry_body::after { content:""; display:block; border:2px solid #2A7E5C; border-radius:2px; position:absolute; left:62px; height:calc(100%-57px); top:68px; } .toot_entry.ancestors_status.default_padding .toot_entry_body::after,.toot_entry.descendants_status.default_padding .toot_entry_body::after { left:35px; height:calc(100%-60px); top:64px; } .toot_entry.descendants_status:last-child .toot_entry_body::after { border:0 solid #76BFEC; } .toot_detail .toot_header .icon_box { flex-shrink:0; width:48px; height:48px; border-radius:3px; overflow:hidden; margin-right:8px; } .toot_detail .toot_header a { flex-grow:1; display:flex; flex-direction:column; justify-content:center; } .toot_detail .toot_header a .displayname { color:#fff; font-size:17px; font-weight:600; line-height:1.35; } .toot_detail .toot_header a .username { color:#66757F; font-size:14px; } .toot_detail .toot_header .expand_button_wrap { float:right; position:relative; width:48px; height:48px; } .toot_detail .toot_detail_body { padding:30px 40px; } .toot_detail .toot_content .toot_article { font-size:14px; line-height:20px; margin:16px auto; } .toot_detail.main_status .toot_content .toot_article { font-size:24px; line-height:1.35; } .toot_detail.main_status .toot_content .toot_article .cw_button { background-color:#6D768C; border-radius:3px; font-size:12px; box-sizing:border-box; color:#fff; margin:auto 4px; padding:4px; } .toot_detail.main_status .toot_content time { color:#66757F; font-size:13px; font-weight:300; } .toot_detail .toot_footer { display:flex; flex-wrap:nowrap; align-items:center; width:230px; height:21px; margin-top:12px; } .toot_detail .status_form { border-top:1px solid #E6ECF0; border-bottom:1px solid #E6ECF0; } .media_detail { max-height:100%; } .media_detail .media_box { background-color:#000; border-top-right-radius:5px; border-top-left-radius:5px; overflow:hidden; text-align:center; } .media_detail .toot_entry { border-bottom-right-radius:5px; border-bottom-left-radius:5px; } .media_detail .toot_entry .toot_entry_body { border-bottom:none; } .switch { width:60px; height:30px; margin:10px; } .switch input { width:60px; height:30px; position:absolute; filter:alpha(opacity=0); opacity:0; outline:none; z-index:9; } .switch input:hover { cursor:pointer; } .switch-btn { background:#AAB8C2; width:100%; height:100%; border-radius:20px; position:relative; } .switch-btn span { background:#fff; width:26px; height:26px; display:block; border-radius:50%; position:absolute; top:2px; left:2px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .switch input:checked + .switch-btn span { left:32px; } .switch input:checked + .switch-btn { background:#19CF86; } .radiobox { margin:10px; } .radiobox input[type="radio"] { position:absolute; opacity:0; } .radiobox input[type="radio"] + .radiotext:before { content:''; background:#fff; border-radius:100%; border:1px solid #AAB8C2; display:inline-block; width:30px; height:30px; margin-right:3px; vertical-align:top; cursor:pointer; text-align:center; transition:all 250ms ease; position:relative; top:-8px; } .radiobox input[type="radio"]:checked + .radiotext:before { background-color:#19CF86; box-shadow:inset 0 0 0 4px #fff; outline:none; border-color:#19CF86; } .uploadbtn:before { position:absolute; left:0; right:0; text-align:center; font-size:12px; font-weight:600; content:"Select file and upload"; } .select { cursor:pointer; display:inline-block; position:relative; width:calc(75%-2px); } .styledselect { width:100%; height:28px; position:relative; text-align:center; font-weight:700; margin:10px; padding:0; } .styledselect.active { border-bottom-left-radius:0; border-bottom-right-radius:0; } .options { display:none; position:absolute; top:100%; right:0; left:0; z-index:999; list-style:none; border:1px solid #19CF86; border-top-width:0; background-color:#FFF; border-bottom-left-radius:4px; border-bottom-right-radius:4px; margin:-10px -12px 0 10px !important; padding:0; } .options li { text-align:center; transition:.15s ease-out; padding:5px; } .options li:hover { border:0 solid #19CF86; border-left-width:5px; border-right-width:5px; } .invisible,.single_reply_status .status_preview .toot_entry .toot_footer,.report_stauts .status_preview .toot_entry .toot_footer { display:none!important; } .status_form .status_main,#overlay_status_form.status_form .status_main { display:flex; flex-wrap:nowrap; } .status_form .status_textarea .media_attachments_preview img,.media_views .media_attachment > *,#js-follows_profile .follows_profile_box .follows_profile_header img,.current_profile_box .current_profile_header img { width:100%; height:100%; object-fit:cover; } .status_form .status_bottom .status_option_button.active,.toot_entry .toot_entry_body .toot_content .toot_reaction button.active,.toot_detail .toot_footer .toot_reaction button.active { animation-name:status_action_active; animation-duration:.5s; } .status_form .status_bottom .status_privacy,#js-follows_profile .follows_profile_box .follows_profile,.current_profile_box .current_profile,#header .header_nav_wrap .header_right_box .my_account_wrap { position:relative; } .status_form .status_bottom .status_privacy .expand_privacy_menu::before,.toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu::before,.toot_detail .toot_header .expand_button_wrap .expand_menu::before { display:block; content:""; z-index:-1; width:20px; height:20px; position:absolute; transform:rotate(45deg); top:-5px; left:8px; background-color:#000; } .status_form .status_bottom .status_privacy .expand_privacy_menu .status_privacy:last-child,.toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu ul:last-child li { margin-bottom:0; } .status_form .status_bottom .status_privacy .expand_privacy_menu .status_privacy:hover,.follow_button i,.halcyon_button i,.toot_entry .toot_entry_body .toot_content .toot_header .displayname:hover,.toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_button:hover,#js-follows_profile .follows_profile_box .follows_profile .follows_profile_bio p a,#js-stream_update button,.current_profile_box .current_profile .current_profile_counts .current_profile_count a:hover .title,.toot_detail .toot_header a:hover .displayname,.toot_detail .toot_header .expand_button_wrap .expand_button:hover,.toot_detail.main_status .toot_content a { color:#19CF86; } .status_form .status_bottom .status_privacy .expand_privacy_menu .status_privacy i,.relationship_button i { margin-right:4px; } .status_form .status_bottom .submit_status_label:hover,#header .header_nav_wrap .header_right_box .toot_button:hover { background-color:#2571D0; transition:.15s ease-out; } .status_form .status_bottom .submit_status_label:active,#header .header_nav_wrap .header_right_box .toot_button:active { background-color:#255ED0; transition:.15s ease-out; } .status_form .status_bottom .submit_status_label .toot_button_label,#header .header_nav_wrap .header_right_box .toot_button .toot_button_label { display:flex; justify-content:center; align-items:center; } .status_form .status_bottom .submit_status_label .toot_button_label i,#header .header_nav_wrap .header_right_box .toot_button i { display:inline-block; font-size:21px; margin-right:2px; } .status_form .status_bottom .submit_status_label .toot_button_label span,#header .header_nav_wrap .header_right_box .toot_button span { font-size:13px; font-weight:500; } .overlay_status_header,.single_reply_status_header,.report_status_header { width:600px; box-sizing:border-box; background-color:#243447; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center; color:#66757F; font-size:18px; font-weight:300; margin:auto; padding:16px; } #overlay_status_form.status_form,#single_reply_status_form.status_form,#report_status_form.status_form { width:600px; box-sizing:border-box; background-color:#243447; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin:auto; padding:16px; } #overlay_status_form.status_form .status_top,.single_reply_status .status_form .status_bottom,.report_status .status_form .status_bottom { width:100%; margin-left:0; } #reply_status_form.status_form:last-child,.toot_detail_wrap .toot_detail:last-child,.toot_detail_wrap .toot_entry:last-child { border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .single_reply_status,.report_status,.overlay_copy_link { width:600px; margin:20% auto auto; } .relationship_button span,.timeline .notice_entry .notice_author_box > a.notice_author span,.timeline .notice_entry .toot_content .toot_header a .displayname,#js-follows_profile .follow_button span,.side_widget .account_box .label_box .follow_button span,.halcyon_button span,.side_widget .account_box .label_box .following_button span { font-weight:600; } .follow_button:hover,.follow_button:hover i,.halcyon_button:hover,.halcyon_button:hover i,.following_button,.following_button i { background-color:#19CF86; color:#fff; } .following_button:hover,.following_button:hover i,.muting_button { background-color:#E20055; color:#fff; } .profile_edit_button:hover,.profile_edit_button:hover i,.toot_entry:hover { background-color:#090e12; } .timeline .boost_author_box,.timeline .pinned_notice_box { margin-left:46px; margin-bottom:-12px; font-size:12px; color:#657786; height:14px; padding:8px 0; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_button,.toot_detail .toot_header .expand_button_wrap .expand_button { position:absolute; right:0; top:0; color:#AAB8C2; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu,.toot_detail .toot_header .expand_button_wrap .expand_menu { display:block; position:absolute; cursor:pointer; top:36px; right:-152px; width:180px; font-size:12px; border-radius:3px; box-sizing:border-box; background-color:#243447; box-shadow:.5px .5px 3px rgba(0,0,0,0.26); z-index:1; padding:8px 21px; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu ul,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul,.toot_detail .toot_header .expand_button_wrap .expand_menu ul { margin:0 -21px 8px; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu ul::after,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul::after,.toot_detail .toot_header .expand_button_wrap .expand_menu ul::after { content:""; display:block; margin-top:8px; border-bottom:1px solid #E6ECF0; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu ul:last-child::after,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul:last-child::after,.toot_detail .toot_header .expand_button_wrap .expand_menu ul:last-child::after { border-bottom:0 solid #E6ECF0; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu ul li,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul li,.toot_detail .toot_header .expand_button_wrap .expand_menu ul li { box-sizing:border-box; } .toot_entry .toot_entry_body .toot_content .toot_header .expand_button_wrap .expand_menu a:hover,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav a:hover,#header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav ul li a:hover .display_name,.toot_detail .toot_header .expand_button_wrap .expand_menu a:hover { background-color:#19CF86; text-decoration:none; color:#fff; } .toot_entry .toot_entry_body .toot_content .toot_article a,#main .article_wrap .left_column .profile_section_wrap > .profile_bio a { color:#19CF86; } .toot_entry .toot_entry_body .toot_content .toot_article.content_warning .status_content,.toot_detail.main_status .toot_content .toot_article.content_warning .status_content,.media_detail .toot_entry .media_views,.s-hidden { display:none; } .toot_entry .toot_entry_body .toot_content .toot_reaction,.toot_detail .toot_footer .toot_reaction { height:21px; flex-grow:1; } .toot_entry .toot_entry_body .toot_content .toot_reaction button,.toot_detail .toot_footer .toot_reaction button { color:#AAB8C2; font-size:18px; height:21px; margin:auto; } .toot_entry .toot_entry_body .toot_content .toot_reaction button .reaction_count,.toot_detail .toot_footer .toot_reaction button .reaction_count { color:#AAB8C2; font-size:12px; font-weight:600; } .toot_entry .toot_entry_body .toot_content .toot_reaction .reply_button:hover,.toot_detail .toot_footer .toot_reaction .reply_button:hover { color:#1DA1F2; } .toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="null"]:hover,.toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="true"],.toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="null"]:hover .reaction_count,.toot_entry .toot_entry_body .toot_content .toot_reaction .boost_button[reblogged="true"] .reaction_count,.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="false"]:hover,.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="true"],.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="false"]:hover .reaction_count,.toot_detail .toot_footer .toot_reaction .boost_button[reblogged="true"] .reaction_count { color:#17BF63; } .toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="null"]:hover,.toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="true"],.toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="null"]:hover .reaction_count,.toot_entry .toot_entry_body .toot_content .toot_reaction .fav_button[favourited="true"] .reaction_count,.toot_detail .toot_footer .toot_reaction .fav_button[favourited="false"]:hover,.toot_detail .toot_footer .toot_reaction .fav_button[favourited="true"],.toot_detail .toot_footer .toot_reaction .fav_button[favourited="false"]:hover .reaction_count,.toot_detail .toot_footer .toot_reaction .fav_button[favourited="true"] .reaction_count { color:#FFAD1A; } .media_views[media_length="2"],.media_views[media_length="3"],.media_views[media_length="4"],.current_profile_box .current_profile .current_profile_counts,.toot_detail .toot_header { display:flex; } .media_views[media_length="3"] .media_attachments_right .media_attachment[mediacount="2"],.media_views[media_length="4"] .media_attachments_right .media_attachment[mediacount="3"] { padding-bottom:0; } #js-follows_profile .follows_profile_box .follows_profile_header,.current_profile_box .current_profile_header { height:96px; overflow:hidden; background-color:#19CF86; } #js-follows_profile .follows_profile_box .follows_profile .follows_profile_icon img,.current_profile_box .current_profile .current_profile_icon img,.toot_detail_wrap { border-radius:5px; } #js-follows_profile .follows_profile_box .follows_profile .follows_profile_name_box h2,.current_profile_box .current_profile .current_profile_name_box h2 { font-weight:700; font-size:18px; line-height:25px; } #js-follows_profile .follow_button i,.side_widget .account_box .label_box .follow_button i,.halcyon_button i { color:#19CF86; margin-right:4px; } #js-follows_profile .follow_button:hover,#js-follows_profile .follow_button:hover i,.side_widget .account_box .label_box .follow_button:hover,.side_widget .account_box .label_box .follow_button:hover i,.halcyon_button:hover,.halcyon_button:hover i { background-color:#19CF86; color:#fff!important; } .side_widget .account_box .label_box .follow_button,.halcyon_button { display:flex; flex-wrap:nowrap; align-items:center; font-size:12px; margin-top:4px; border-radius:4px; padding:5px 16px; } #header .header_nav_wrap .header_right_box .my_account_wrap .header_my_account_nav a,.toot_detail .toot_header .expand_button_wrap .expand_menu a { display:block; padding:8px 21px; } #main .profile_nav_wrap .profile_nav,#main .header_nav_wrap .header_nav { display:flex; flex-wrap:nowrap; width:1200px; height:100%; box-sizing:border-box; margin:auto; padding:0 5px; } #main .profile_nav_wrap .profile_nav .profile_nav_right,#main .header_nav_wrap .header_nav .header_nav_left { width:900px; height:100%; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list,#main .header_nav_wrap .header_nav .header_nav_left .header_nav_list { display:flex; flex-wrap:nowrap; align-items:center; height:100%; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item a,#main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a { display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; justify-content:center; height:100%; box-sizing:border-box; border-top:0 solid transparent; border-bottom:0 solid #19CF86; transition:.15s; padding:0 15px; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item a:hover,.toot_detail .toot_header a:hover { text-decoration:none; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item a span,#main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a span { display:inline-block; font-size:18px; font-weight:600; margin-top:3px; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_button_box,#main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_button_box { display:flex; align-items:center; justify-content:flex-end; flex:1; height:100%; } #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_button_box button,#main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_button_box button { float:right; border-radius:4px; font-size:14px; font-weight:700; padding:9px 16px; } 10%,85% { top:47px; }