From 7e047476949a5ba0c760f7869974b812f2165dbb Mon Sep 17 00:00:00 2001
From: Freddy <freddy2001@tools.wmflabs.org>
Date: Sun, 19 Aug 2018 00:12:43 +0200
Subject: [PATCH] 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");
 <title>Halcyon</title>
 <link rel="shortcut icon" href="/assets/images/favicon.ico">
 <link rel="gettext" type="text/x-gettext-translation" href="/locale/<?=$locale?>/LC_MESSAGES/messages.po">
+<?php if(!isset($_COOKIE["theme"])) {
+setcookie('theme', 'light');
+} if($_COOKIE["theme"] == "light") {
+?>
 <link rel="stylesheet" href="/assets/css/style.css" media="all">
+<?php } else if($_COOKIE["theme"] == "dark") { ?>
+<link rel="stylesheet" href="/assets/css/dark.css" media="all">
+<?php } ?>
 <link rel="stylesheet" href="/assets/css/fontawesome.min.css" media="all">
 <link rel="stylesheet" href="/assets/css/emojipicker.css" media="all">
 <script src="/assets/js/jquery/jquery.min.js"></script>
@@ -30,6 +37,11 @@ include("language.php");
 <script src="/assets/js/twemoji/twemoji.min.js"></script>
 <script src="/assets/js/clipboard.js/clipboard.min.js"></script>
 <script>
+function setCookie(cname, cvalue) {
+    document.cookie = cname + "=" + cvalue;
+}
+</script>
+<script>
 if(!localStorage.getItem("current_id") | !localStorage.getItem("current_instance") | !localStorage.getItem("current_authtoken")) {
 location.href = "/login";
 }
@@ -124,6 +136,14 @@ resetApp();
 </ul>
 <ul>
 <li>
+<?php
+if($_COOKIE["theme"] == "light") { ?>
+<a href="/" onClick="setCookie('theme', 'dark');"><?=_('Night mode')?></a>
+<?php } else if($_COOKIE["theme"] == "dark") { ?>
+<a href="/" onClick="setCookie('theme', 'light');"><?=_('Light mode')?></a>
+<?php } ?>
+</li>
+<li>
 <a href="/settings"><?=_('Settings')?></a>
 </li>
 <li>