From 7e047476949a5ba0c760f7869974b812f2165dbb Mon Sep 17 00:00:00 2001 From: Freddy Date: Sun, 19 Aug 2018 00:12:43 +0200 Subject: [PATCH 1/2] Dark theme --- assets/css/dark.css | 2390 +++++++++++++++++++++++++++++++++++++++++++ header.php | 20 + 2 files changed, 2410 insertions(+) create mode 100644 assets/css/dark.css diff --git a/assets/css/dark.css b/assets/css/dark.css new file mode 100644 index 0000000..fa34b3f --- /dev/null +++ b/assets/css/dark.css @@ -0,0 +1,2390 @@ +@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; +} \ No newline at end of file diff --git a/header.php b/header.php index 2464e0d..25da950 100644 --- a/header.php +++ b/header.php @@ -12,7 +12,14 @@ include("language.php"); Halcyon + + + + @@ -30,6 +37,11 @@ include("language.php"); + @@ -37,11 +30,6 @@ setcookie('theme', 'light'); -