diff --git a/README.md b/README.md index 295335f..0026ef1 100644 --- a/README.md +++ b/README.md @@ -15,6 +15,7 @@ We moved our instances list to a wiki page: https://notabug.org/halcyon-suite/ha [Help us translating Halcyon into many languages](https://translate.zanata.org/project/view/halcyon) ## Blog +- Release of Version 2.0.2 - Added dark theme,improved Japanese translation,added Galician translation,links to posts open in Halcyon now,smaller screens supported - Release of Version 2.0.1 - Added the languages Polish,Japanese and Korean,fixed many bugs,automatically mention all participants of discussions - [Release of Version 2.0.0 - The biggest changes in detail](https://nikisoft.myblog.de/nikisoft/art/11636651/Halcyon-2-0-0-The-biggest-changes-in-detail) - Release of Version 1.2.6 - Report toots supported,disable CW and NFSW,add privacy policy and imprint,move config files,read release notes for more diff --git a/assets/css/dark.css b/assets/css/dark.css index fa34b3f..d26ad43 100644 --- a/assets/css/dark.css +++ b/assets/css/dark.css @@ -1,2390 +1,572 @@ @charset utf-8; - -* { -font-size:100%; -margin:0; -padding:0; +button,input[type="submit"],input[type="button"] { +background-color:transparent; } - -a { -text-decoration:none; -word-break:break-all; -color:inherit; +html { +color:#eee; } - -a:hover { -text-decoration:underline; +body { +background-color:#141d26; } - -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; +background-color:#189EFC !important; +opacity:0.5; } - -.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; +color:#fff; border:1px solid #000; -font-size:14px; -box-sizing:border-box; -padding:8px; -background-color: #243447; +background-color: #132030; } - -.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; +background-color:#1B2836; +border-top:1px solid #000; } - .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; +border:1px solid #000; +background-color:#1B2836; } - -.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; +color:#189EFC; } - .status_form .status_bottom .status_option_button:hover { -border:1px solid #C7E7FB; +border:1px solid #132030; } - .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; +background-color:#189EFC; } - -.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; +background-color:#243447; 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; +color:#eee; } - -.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; +color:#fff; 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; +border-top:1px solid #000; } - -#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; +border:1px solid #189EFC; } - .follow_button,.halcyon_button { -border:1px solid #19CF86; -color:#19CF86; +border:1px solid #189EFC; +color:#189EFC; } - .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; +background-color:#1B2836; +color:#eee; border:1px solid #66757F; } - .timeline_header { -background-color:#1A383E; -box-sizing:border-box; +background-color:#243447; border:1px solid #000; -border-bottom:none; -border-top-right-radius:5px; -border-top-left-radius:5px; +border-bottom:0; } - -.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; +color:#189EFC; } - .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; +background-color:#243447; } - -#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; +border:1px solid #189EFC; } - #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; +background-color:#189EFC; } - #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; +color:#189EFC; } - .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; +color:#eee; } - .side_widget h3 { -color:#66757F; -font-size:16px; -font-weight:300; +color:#eee; } - -.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; +color:#189EFC; } - -.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; +color:#eee; border:1px solid #AAB8C2; -border-radius:2px; background-color:transparent; -outline:0; -margin:10px; } - .textfield:focus { -outline:0; -border:1px solid #19CF86; +border:1px solid #189EFC; 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; +background-color:#189EFC; +border:1px solid #189EFC; } - .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; +background-color:#189EFC; } - #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; +background-color:#189EFC; +border:2px solid #243447; 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; +color:#eee; +border-top:0px solid transparent; +border-bottom:0px solid #189EFC; } - #header .header_nav_wrap .header_left_box ul.header_nav_list li.header_nav_item a:hover { -color:#19CF86; -text-decoration:none; +color:#189EFC; border-top:5px solid transparent; -border-bottom:2px solid #19CF86; -transition:.15s ease-out; +border-bottom:5px solid #189EFC; } - #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; +border-bottom:5px solid #189EFC; } - -#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; +color:#eee; 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; +border:2px solid #189EFC; } - -#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; +color:#eee; } - -#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; +background-color:#243447; 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; +background-color:#243447; 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; +background-color:#189EFC; } - -#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; +color:#eee; 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; +color:#189EFC; border-top:4px solid transparent; -border-bottom:4px solid #19CF86; -transition:.15s; +border-bottom:4px solid #189EFC; } - #main .profile_nav_wrap .profile_nav .profile_nav_right .profile_nav_list .profile_nav_item.view { -color:#19CF86; -box-sizing:border-box; +color:#189EFC; border-top:4px solid transparent; -border-bottom:4px solid #19CF86; +border-bottom:4px solid #189EFC; } - -#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; +background-color:#189EFC; } - #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; +color:#eee; } - #main .header_nav_wrap { -height:50px; -width:100%; -background-color:#000; +background-color:#1B2836; 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; +border-bottom:4px solid #189EFC!important; } - #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a:hover { -color:#19CF86; -text-decoration:none; +color:#189EFC; border-top:4px solid transparent; -border-bottom:4px solid #19CF86; -transition:.15s; +border-bottom:4px solid #189EFC; } - #main .header_nav_wrap .header_nav .header_nav_left .header_nav_list .header_nav_item a.view { -color:#19CF86; +color:#189EFC; border-top:4px solid transparent; -border-bottom:4px solid #19CF86; +border-bottom:4px solid #189EFC; } - #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; +color:#189EFC; } - -#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; +color:#189EFC; } - #js_profile_recent_images a i { -color:#657786; -margin-right:8px; -font-size:16px; +color:#eee; } - -#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; +background-color:#1B2836; 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; +background-color:#1B2836; } - -.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; +background:#132030; } - .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; +background:#243447; } - -.switch input:checked + .switch-btn span { -left:32px; -} - .switch input:checked + .switch-btn { -background:#19CF86; +background:#189EFC; } - -.radiobox { -margin:10px; -} - -.radiobox input[type="radio"] { -position:absolute; -opacity:0; -} - .radiobox input[type="radio"] + .radiotext:before { -content:''; -background:#fff; -border-radius:100%; +background:#243447; 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; +background-color:#189EFC; box-shadow:inset 0 0 0 4px #fff; -outline:none; -border-color:#19CF86; +border-color:#189EFC; } - -.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; +background-color:#243447; } - -.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; +background-color:#243447; } - -.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; +color:#189EFC; } - -.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; +background-color:#1B2836; +color:#eee; } - #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; +background-color:#189EFC; 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; +background-color:#243447; } - .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; +border-bottom:1px solid #000; } - .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; +background-color:#189EFC; 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; +color:#189EFC; } - -.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; +background-color:#189EFC; } - -#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; +color:#189EFC; } - #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; +background-color:#189EFC; 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; +border-bottom:0 solid #189EFC; } - -#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; +.lsx-emojipicker-container,.lsx-emojipicker-container:before { +background-color:#243447 !important; } - -#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/assets/css/style.css b/assets/css/style.css index 03ec4ce..979ae60 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -126,15 +126,6 @@ background-color: #E8F4FB; .status_form.ready { background-color: #F2FAFF!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; @@ -590,6 +581,10 @@ border-bottom: none; border-top-right-radius: 5px; border-top-left-radius: 5px; } +.timeline_header form { +border-top-right-radius: 5px; +border-top-left-radius: 5px; +} .timeline_header .header_items { display: flex; flex-wrap: nowrap; @@ -1453,7 +1448,6 @@ 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 { @@ -2496,9 +2490,24 @@ border-bottom-right-radius:4px; text-align:center; padding:5px; transition:0.15s ease-out; +border:0 solid #189EFC; } .options li:hover { border:0 solid #189EFC; border-left-width:5px; border-right-width:5px; } +@media(max-width:1199px) { +#main .profile_nav_wrap .profile_nav { +width:900px; +} +#main .profile_nav_wrap .profile_nav .profile_nav_right { +width:590px; +} +#js-follows_profile { +width:600px; +} +#main .article_wrap { +width:900px; +} +} diff --git a/assets/js/halcyon/halcyonFunctions.js b/assets/js/halcyon/halcyonFunctions.js index 6e4c9b3..4efad93 100644 --- a/assets/js/halcyon/halcyonFunctions.js +++ b/assets/js/halcyon/halcyonFunctions.js @@ -47,14 +47,28 @@ const mstags = $(this).attr('href').match(/https:\/\/.+..+\/tags\/(.+)\/?/); if(mstags) { $(this).attr('href','/search?q='+mstags[1]); } -const plusers = $(this).attr('href').match(/https:\/\/.+..+\/users\/(.+)\/?/); -if(plusers) { +const plusers = $(this).attr('href').match(/https:\/\/.+..+\/users\/([a-zA-Z\d_]+)(\/statuses\/\d+)?/); +if(plusers && plusers[2] == undefined) { $(this).attr('href','/@'+plusers[1]+'@'+$(this).attr('href').split("/")[2]); } -const msusers = $(this).attr('href').match(/https:\/\/.+..+\/@([a-zA-Z\d_]+)\/?/); -if(msusers && $(this).attr('href').split("/").length == 4) { +else if(plusers && plusers[2] != undefined) { +$(this).attr('href',"javascript:openStatus('"+plusers[0]+"')"); +} +const msusers = $(this).attr('href').match(/https:\/\/.+..+\/@([a-zA-Z\d_]+)(\/\d+)?/); +if(msusers && msusers[2] == undefined) { $(this).attr('href','/@'+msusers[1]+'@'+$(this).attr('href').split("/")[2]); } +else if(msusers && msusers[2] != undefined) { +$(this).attr('href',"javascript:openStatus('"+msusers[0]+"')"); +} +const gsstatus = $(this).attr('href').match(/https:\/\/.+..+\/notice\/(\d+)?/); +if(gsstatus) { +$(this).attr('href',"javascript:openStatus('"+gsstatus[0]+"')"); +} +const plstatus = $(this).attr('href').match(/https:\/\/.+..+\/objects\/([\da-z]{8}-[\da-z]{4}-[\da-z]{4}-[\da-z]{4}-[\da-z]{12})?/); +if(plstatus && plstatus[1] != undefined) { +$(this).attr('href',"javascript:openStatus('"+plstatus[0]+"')"); +} if(localStorage.setting_link_previews == "true") { if(!window.cards) { cards = new Array(); @@ -282,6 +296,14 @@ $(".js_current_followers_count").text(current_followers_count); $(".current_toots_count_link").attr("href", current_statuses_count_link); $(".current_following_count_link").attr("href", current_following_count_link); $(".current_followers_count_link").attr("href", current_followers_count_link); +if($(window).width() < 1200) { +responsive_design = true; +$(".left_column").append($("