Compare text

Find the difference between two text files
Real-time diff
Unified diff
Collapse lines
Highlight change
Syntax highlighting
Tools

Untitled diff

Created Diff never expires
5 removals
520 lines
126 additions
635 lines
/* ===[ General ]=== */
/* ===[ General ]=== */
body {
body {
background: #3e313c;
background: #3e313c;
color: #f0d9ed; }
color: #f0d9ed; }
a, a:link, a:visited {
a, a:link, a:visited {
color: #a3839f; }
color: #a3839f; }
a:hover, a:active, a:focus {
a:hover, a:active, a:focus {
color: #d4bbd1; }
color: #d4bbd1; }
hr {
hr {
border-top: 1px solid #261f26;
border-top: 1px solid #261f26;
border-bottom: 1px solid #4a3b49; }
border-bottom: 1px solid #4a3b49; }
h1, h2, h3, h4 {
h1, h2, h3, h4 {
color: #ab9ba9; }
color: #ab9ba9; }
/* ===[ Messages Container ]=== */
/* ===[ Messages Container ]=== */
.msgs_holder {
.msgs_holder {
background: #3e313c; }
background: #3e313c; }
.light_theme .message, .dense_theme .message {
.light_theme .message, .dense_theme .message {
color: #f0d9ed; }
color: #f0d9ed; }
.light_theme .message.joined .message_content, .light_theme .message.left .message_content, .light_theme .message.topic .message_content, .light_theme .message.purpose .message_content, .light_theme .message.rename .message_content, .light_theme .message.archived .message_content, .light_theme .message.unarchived .message_content, .dense_theme .message.joined, .dense_theme .message.left, .dense_theme .message.topic, .dense_theme .message.purpose, .dense_theme .message.rename, .dense_theme .message.archived, .dense_theme .message.unarchived, .star, .light_theme .message .timestamp, .dense_theme .message .timestamp, .message .edited, .light_theme .message .meta, .dense_theme .message .meta, .dense_theme .message.first .timestamp, .light_theme .message.unprocessed, .dense_theme .message.unprocessed, .light_theme .message:hover .timestamp, .dense_theme .message:hover .timestamp, .dense_theme .file_reference a:not(.member):not(.member_name):not(.icon):not(.timestamp), .dense_theme .file_reference:hover a:not(.member):not(.member_name):not(.icon):not(.timestamp) {
.light_theme .message.joined .message_content, .light_theme .message.left .message_content, .light_theme .message.topic .message_content, .light_theme .message.purpose .message_content, .light_theme .message.rename .message_content, .light_theme .message.archived .message_content, .light_theme .message.unarchived .message_content, .dense_theme .message.joined, .dense_theme .message.left, .dense_theme .message.topic, .dense_theme .message.purpose, .dense_theme .message.rename, .dense_theme .message.archived, .dense_theme .message.unarchived, .star, .light_theme .message .timestamp, .dense_theme .message .timestamp, .message .edited, .light_theme .message .meta, .dense_theme .message .meta, .dense_theme .message.first .timestamp, .light_theme .message.unprocessed, .dense_theme .message.unprocessed, .light_theme .message:hover .timestamp, .dense_theme .message:hover .timestamp, .dense_theme .file_reference a:not(.member):not(.member_name):not(.icon):not(.timestamp), .dense_theme .file_reference:hover a:not(.member):not(.member_name):not(.icon):not(.timestamp) {
color: #a3839f; }
color: #a3839f; }
.light_theme .message_sender, .dense_theme .file_reference:hover a.file_download_link {
.light_theme .message_sender, .dense_theme .file_reference:hover a.file_download_link {
color: #a3839f !important; }
color: #a3839f !important; }
.dense_theme .message.divider {
.dense_theme .message.divider {
margin-top: .2rem;
margin-top: .2rem;
border-top: 1px solid transparent; }
border-top: 1px solid transparent; }
.dense_theme .message.first, .dense_theme .message.first.divider {
.dense_theme .message.first, .dense_theme .message.first.divider {
margin-top: .2rem;
margin-top: .2rem;
border-top: 1px solid transparent }
border-top: 1px solid transparent }
.msgs_holder .unread_divider span.divider_label {
.msgs_holder .unread_divider span.divider_label {
background: #876484;
background: #876484;
color: #f0d9ed; }
color: #f0d9ed; }
.msgs_holder .unread_divider hr {
.msgs_holder .unread_divider hr {
border-top: 1px solid #876484 !important; }
border-top: 1px solid #876484 !important; }
.message .msg_actions {
.message .msg_actions {
background: none; }
background: none; }
.message .msg_actions .fa-cog {
.message .msg_actions .fa-cog {
color: #856980; }
color: #856980; }
.day_divider {
.day_divider {
background: none; }
background: none; }
.day_divider hr {
.day_divider hr {
border-top: 1px solid #261f26;
border-top: 1px solid #261f26;
border-bottom: 1px solid #4a3b49; }
border-bottom: 1px solid #4a3b49; }
.day_divider_label {
.day_divider_label {
background: #3e313c;
background: #3e313c;
color: #ab9ba9; }
color: #ab9ba9; }
.delete_attachment_link {
.delete_attachment_link {
color: #f0d9ed; }
color: #f0d9ed; }
.delete_attachment_link:hover {
.delete_attachment_link:hover {
color: #d4bbd1; }
color: #d4bbd1; }
.message.edit_mode {
.message.edit_mode {
background: #997300; }
background: #997300; }
#message_edit_form span, #message_edit_form p, #message_edit_container .timestamp {
#message_edit_form span, #message_edit_form p, #message_edit_container .timestamp {
color: #3e313c !important; }
color: #3e313c !important; }
#message_edit_form #cancel_edit, #message_edit_form #commit_edit {
#message_edit_form #cancel_edit, #message_edit_form #commit_edit {
color: #3e313c !important;
color: #3e313c !important;
text-decoration: underline; }
text-decoration: underline; }
.bot_message .message_sender, .bot_message .message_sender a {
.bot_message .message_sender, .bot_message .message_sender a {
color: #f0d9ed; }
color: #f0d9ed; }
.message .mention {
.message .mention {
background: #997300; }
background: #997300; }
.msg_inline_img_expander, .msg_inline_img_collapser, .msg_inline_video_expander, .msg_inline_video_collapser, .msg_inline_audio_expander, .msg_inline_audio_collapser, .msg_inline_attachment_expander, .msg_inline_attachment_collapser {
.msg_inline_img_expander, .msg_inline_img_collapser, .msg_inline_video_expander, .msg_inline_video_collapser, .msg_inline_audio_expander, .msg_inline_audio_collapser, .msg_inline_attachment_expander, .msg_inline_attachment_collapser {
color: #d4bbd1; }
color: #d4bbd1; }
.msg_inline_img_expander:hover, .msg_inline_img_collapser:hover, .msg_inline_video_expander:hover, .msg_inline_video_collapser:hover, .msg_inline_audio_expander:hover, .msg_inline_audio_collapser:hover, .msg_inline_attachment_expander:hover, .msg_inline_attachment_collapser:hover {
.msg_inline_img_expander:hover, .msg_inline_img_collapser:hover, .msg_inline_video_expander:hover, .msg_inline_video_collapser:hover, .msg_inline_audio_expander:hover, .msg_inline_audio_collapser:hover, .msg_inline_attachment_expander:hover, .msg_inline_attachment_collapser:hover {
color: #f0d9ed; }
color: #f0d9ed; }
.dense_theme .file_reference:hover a.file_download_link:hover {
.dense_theme .file_reference:hover a.file_download_link:hover {
color: #d4bbd1 !important; }
color: #d4bbd1 !important; }
/* ===[ Channel Menu ]=== */
/* ===[ Channel Menu ]=== */
#header {
#header {
background: #4d394b; }
background: #4d394b; }
#active_channel_name .name, #active_channel_name .topic {
#active_channel_name .name, #active_channel_name .topic {
color: #ab9ba9; }
color: #ab9ba9; }
#active_channel_name .prefix {
#active_channel_name .prefix {
color: #ab9ba9; }
color: #ab9ba9; }
#active_channel_name:hover .prefix {
#active_channel_name:hover .prefix {
color: #d4bbd1; }
color: #d4bbd1; }
#channel_header .star {
#channel_header .star {
color: #d4bbd1; }
color: #d4bbd1; }
#help_icon, #flex_menu, #flex_toggle {
#help_icon, #flex_menu, #flex_toggle {
background: #61485e;
background: #61485e;
border: 1px solid #3e313c; }
border: 1px solid #3e313c; }
#help_icon:hover, #flex_menu:hover, #flex_toggle:hover {
#help_icon:hover, #flex_menu:hover, #flex_toggle:hover {
background: #3e313c;
background: #3e313c;
color: #d4bbd1;
color: #d4bbd1;
border: 1px solid #3e313c; }
border: 1px solid #3e313c; }
#help_icon.normal #help_icon_info {
#help_icon.normal #help_icon_info {
background: #61485e;
background: #61485e;
color: #d4bbd1; }
color: #d4bbd1; }
#help_icon.normal:hover #help_icon_info {
#help_icon.normal:hover #help_icon_info {
background-color: #3e313c; }
background-color: #3e313c; }
#flex_menu .fa-list-ul, #active_channel_name i {
#flex_menu .fa-list-ul, #active_channel_name i {
color: #d4bbd1; }
color: #d4bbd1; }
#active_channel_name:hover i {
#active_channel_name:hover i {
color: #f0d9ed; }
color: #f0d9ed; }
#flex_toggle i {
#flex_toggle i {
margin: 5px 7px;
margin: 5px 7px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAFVBMVEUAAADVvNLmy97dw9jiyNvozeDYv9WwIehyAAAAB3RSTlMA8zy3ehbhsOUo9AAAAHNJREFUeNq1zyEOhDAURdGbkC7gp6S6RYzuTIIfBL6GDXT/i8DS/3CEK495eYTNhn4w2VhqFHNVtjuqXCrP6VD6/IVKbELWlWxXilnIZiVblVIT6niKzVPSxRVPs37MQjueFoR4j1yVojR5yoTvKB0IyxCczdIshPj1QM0AAAAASUVORK5CYII=");
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjBAMAAADs965qAAAAFVBMVEUAAADVvNLmy97dw9jiyNvozeDYv9WwIehyAAAAB3RSTlMA8zy3ehbhsOUo9AAAAHNJREFUeNq1zyEOhDAURdGbkC7gp6S6RYzuTIIfBL6GDXT/i8DS/3CEK495eYTNhn4w2VhqFHNVtjuqXCrP6VD6/IVKbELWlWxXilnIZiVblVIT6niKzVPSxRVPs37MQjueFoR4j1yVojR5yoTvKB0IyxCczdIshPj1QM0AAAAASUVORK5CYII=");
background-position: 0 0;
background-position: 0 0;
background-size: 90%; }
background-size: 90%; }
#flex_toggle:hover i, .flex_pane_showing #flex_toggle i, .flex_pane_showing #flex_toggle:hover i {
#flex_toggle:hover i, .flex_pane_showing #flex_toggle i, .flex_pane_showing #flex_toggle:hover i {
background-position: 0 0; }
background-position: 0 0; }
#channel_members_toggle {
#channel_members_toggle {
background: #4d394b;
background: #4d394b;
color: #f0d9ed; }
color: #f0d9ed; }
#channel_members_toggle:hover {
#channel_members_toggle:hover {
color: #d4bbd1; }
color: #d4bbd1; }
#channel_members {
#channel_members {
border: 1px solid #4d394b; }
border: 1px solid #4d394b; }
ul.member_list li:hover {
ul.member_list li:hover {
background: #4d394b; }
background: #4d394b; }
/* ===[ Search ]=== */
/* ===[ Search ]=== */
#header_search_form .search_input {
#header_search_form .search_input {
background: #61485e;
background: #61485e;
border: 1px solid #3e313c;
border: 1px solid #3e313c;
color: #d4bbd1; }
color: #d4bbd1; }
.search_form .icon_search {
.search_form .icon_search {
color: #d4bbd1; }
color: #d4bbd1; }
#search_clear.icon_close {
#search_clear.icon_close {
color: #d4bbd1; }
color: #d4bbd1; }
/* ===[ Sidebar ]=== */
/* ===[ Sidebar ]=== */
#team_menu {
#team_menu {
color: #ab9ba9;
color: #ab9ba9;
border-bottom: none;
border-bottom: none;
border-right: 2px solid #372c36; }
border-right: 2px solid #372c36; }
#col_channels {
#col_channels {
background: #3e313c;
background: #3e313c;
border-right: 2px solid #372c36; }
border-right: 2px solid #372c36; }
#team_menu i, #user_menu i {
#team_menu i, #user_menu i {
color: #ab9ba9; }
color: #ab9ba9; }
#team_menu:hover i, #user_menu:hover i {
#team_menu:hover i, #user_menu:hover i {
color: #d4bbd1; }
color: #d4bbd1; }
#user_menu {
#user_menu {
border: none;
border: none;
border-right: 2px solid #372c36; }
border-right: 2px solid #372c36; }
#menu_header .menu_simple_header {
#menu_header .menu_simple_header {
background: #4d394b;
background: #4d394b;
border-bottom: 1px solid #3e313c; }
border-bottom: 1px solid #3e313c; }
.dm_list_username {
.dm_list_username {
color: #ab9ba9; }
color: #ab9ba9; }
.dm_list_real_name {
.dm_list_real_name {
color: #f0d9ed; }
color: #f0d9ed; }
#menu_footer .menu_footer {
#menu_footer .menu_footer {
background: #4d394b;
background: #4d394b;
border-top: none; }
border-top: none; }
#about_dms_link {
#about_dms_link {
color: #a3839f; }
color: #a3839f; }
#about_dms_link:hover {
#about_dms_link:hover {
color: #d4bbd1; }
color: #d4bbd1; }
/* ===[ Footer ]=== */
/* ===[ Footer ]=== */
#footer {
#footer {
background: #3e313c; }
background: #3e313c; }
#primary_file_button {
#primary_file_button {
background: #4d394b;
background: #4d394b;
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#4d394b),color-stop(1,#61485e));
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#4d394b),color-stop(1,#61485e));
background: -ms-linear-gradient(bottom,#4d394b,#61485e);
background: -ms-linear-gradient(bottom,#4d394b,#61485e);
background: -moz-linear-gradient(center bottom,#4d394b 0,#61485e 100%);
background: -moz-linear-gradient(center bottom,#4d394b 0,#61485e 100%);
background: -o-linear-gradient(#61485e,#4d394b);
background: -o-linear-gradient(#61485e,#4d394b);
color: #d4bbd1;
color: #d4bbd1;
text-shadow: 0 1px 1px #372c36;
text-shadow: 0 1px 1px #372c36;
border: 2px solid #372c36;
border: 2px solid #372c36;
border-right: none; }
border-right: none; }
#primary_file_button:hover {
#primary_file_button:hover {
background: #61485e;
background: #61485e;
border-color: #61485e;
border-color: #61485e;
color: #f0d9ed; }
color: #f0d9ed; }
#typing_text {
#typing_text {
color: #a3839f; }
color: #a3839f; }
#chat_input_tab_ui {
#chat_input_tab_ui {
background: #61485e;
background: #61485e;
border: 1px solid #372c36; }
border: 1px solid #372c36; }
#chat_input_tab_ui_header {
#chat_input_tab_ui_header {
background: #61485e;
background: #61485e;
color: #f0d9ed;
color: #f0d9ed;
border-bottom: 1px solid #372c36;
border-bottom: 1px solid #372c36;
text-shadow: 0 1px #372c36; }
text-shadow: 0 1px #372c36; }
#chat_input_tab_ui ul.type_emoji li {
#chat_input_tab_ui ul.type_emoji li {
color: #f0d9ed; }
color: #f0d9ed; }
#chat_input_tab_ui li.chat_input_tab_item.active, #chat_input_tab_ui li.chat_input_tab_item:hover {
#chat_input_tab_ui li.chat_input_tab_item.active, #chat_input_tab_ui li.chat_input_tab_item:hover {
background: #f0d9ed;
background: #f0d9ed;
color: #372c36;
color: #372c36;
border-bottom-color: #d4bbd1;
border-bottom-color: #d4bbd1;
text-shadow: 0 1px rgba(255,255,255,0.1); }
text-shadow: 0 1px rgba(255,255,255,0.1); }
#chat_input_tab_ui li.chat_input_tab_item.active, #chat_input_tab_ui li.chat_input_tab_item:hover {
#chat_input_tab_ui li.chat_input_tab_item.active, #chat_input_tab_ui li.chat_input_tab_item:hover {
background: #4d394b;
background: #4d394b;
color: #f0d9ed;
color: #f0d9ed;
border-bottom-color: #372c36;
border-bottom-color: #372c36;
text-shadow: 0 1px rgba(0,0,0,0.1); }
text-shadow: 0 1px rgba(0,0,0,0.1); }
#chat_input_tab_ui li.chat_input_tab_item {
#chat_input_tab_ui li.chat_input_tab_item {
border-bottom: 1px solid #372c36; }
border-bottom: 1px solid #372c36; }
.special_formatting_tips code {
.special_formatting_tips code {
color: #372c36; }
color: #372c36; }
/* ===[ Flexpane ]=== */
/* ===[ Flexpane ]=== */
#flex_contents .heading {
#flex_contents .heading {
background: #4d394b; }
background: #4d394b; }
#flex_contents .heading .menu_heading, .toolbar {
#flex_contents .heading .menu_heading, .toolbar {
background: #4d394b;
background: #4d394b;
color: #ab9ba9; }
color: #ab9ba9; }
#flex_contents .heading a {
#flex_contents .heading a {
color: #ab9ba9; }
color: #ab9ba9; }
#flex_contents .heading .menu_heading:hover, #flex_contents .heading a:hover, #file_preview_container .file_header .title a:hover, .file_list_item:hover a:hover, #advanced_options_toggle:hover, .team_list_item a:hover {
#flex_contents .heading .menu_heading:hover, #flex_contents .heading a:hover, #file_preview_container .file_header .title a:hover, .file_list_item:hover a:hover, #advanced_options_toggle:hover, .team_list_item a:hover {
color: #d4bbd1; }
color: #d4bbd1; }
.secondary_file_button {
.secondary_file_button {
color: #ab9ba9 !important; }
color: #ab9ba9 !important; }
.secondary_file_button:hover, .activity_item .member_preview_link:hover {
.secondary_file_button:hover, .activity_item .member_preview_link:hover {
color: #d4bbd1 !important; }
color: #d4bbd1 !important; }
.monkey_scroll_wrapper {
.monkey_scroll_wrapper {
background: #3e313c; }
background: #3e313c; }
.file_list_item, .toolbar, #file_preview_container .heading, #member_preview_container .heading, #team_list_container .heading, .team_list_item, #activity_tab_activity .heading, #stars_tab .heading, #mentions_tab .heading {
.file_list_item, .toolbar, #file_preview_container .heading, #member_preview_container .heading, #team_list_container .heading, .team_list_item, #activity_tab_activity .heading, #stars_tab .heading, #mentions_tab .heading {
border-bottom: 1px solid #372c36; }
border-bottom: 1px solid #372c36; }
.icon_new_window {
.icon_new_window {
color: #d4bbd1 !important; }
color: #d4bbd1 !important; }
.file_list_item.post .preview, .file_list_item.snippet .preview, .post_body, #file_preview_container .file_header .title a, .file_list_item a:not(.icon), #search_results_container .heading, #team_list_container .heading, #activity_tab_activity .heading, #stars_tab .heading, #mentions_tab .heading {
.file_list_item.post .preview, .file_list_item.snippet .preview, .post_body, #file_preview_container .file_header .title a, .file_list_item a:not(.icon), #search_results_container .heading, #team_list_container .heading, #activity_tab_activity .heading, #stars_tab .heading, #mentions_tab .heading {
color: #f0d9ed; }
color: #f0d9ed; }
.indifferent_grey, .icon_new_window:hover {
.indifferent_grey, .icon_new_window:hover {
color: #f0d9ed !important; }
color: #f0d9ed !important; }
.file_page_meta, .mini, label, .team_list_item:hover a {
.file_page_meta, .mini, label, .team_list_item:hover a {
color: #a3839f; }
color: #a3839f; }
.file_header .member, .cloud_silver, .file_meta, .file_meta > a, .activity_item .member_preview_link {
.file_header .member, .cloud_silver, .file_meta, .file_meta > a, .activity_item .member_preview_link {
color: #a3839f !important; }
color: #a3839f !important; }
a.snippet_preview_more {
a.snippet_preview_more {
color: black !important; }
color: black !important; }
#flex_contents .help {
#flex_contents .help {
border: none; }
border: none; }
#flex_contents .heading .menu_icon {
#flex_contents .heading .menu_icon {
background: none;
background: none;
color: #d4bbd1; }
color: #d4bbd1; }
#flex_contents .heading .menu_icon:hover {
#flex_contents .heading .menu_icon:hover {
color: #f0d9ed; }
color: #f0d9ed; }
/* ===[ Menus ]=== */
/* ===[ Menus ]=== */
#menu ul, .menu_example ul {
#menu ul, .menu_example ul, ul.dropdown-menu {
background: #4d394b; }
background: #4d394b; }
#menu, .menu_example {
#menu, .menu_example {
border: 1px solid #372c36; }
border: 1px solid #372c36; }
#menu ul li a, .menu_example ul li a {
#menu ul li a, .menu_example ul li a, ul.dropdown-menu li a {
background: #4d394b;
background: #4d394b;
color: #d4bbd1;
color: #d4bbd1;
border-bottom: 1px solid #372c36; }
border-bottom: 1px solid #372c36; }
#menu ul li.highlighted a, .menu_example ul li.highlighted a, #menu ul li.file_menu_item.highlighted a, #menu .flexpane_menu_item.highlighted a {
#menu ul li.highlighted a, .menu_example ul li.highlighted a, #menu ul li.file_menu_item.highlighted a, #menu .flexpane_menu_item.highlighted a, .dropdown-menu > li > a:hover {
background: #3e313c;
background: #3e313c;
color: white;
color: white;
border-bottom: 1px solid #372c36;
border-bottom: 1px solid #372c36;
text-shadow: 0 1px 0 rgba(255,255,255,0.2); }
text-shadow: 0 1px 0 rgba(255,255,255,0.2); }
#flex_menu_header, #flex_menu_footer {
#flex_menu_header, #flex_menu_footer {
background: #4d394b !important; }
background: #4d394b !important; }
#menu .flexpane_menu_item a, .menu_meta {
#menu .flexpane_menu_item a, .menu_meta {
color: #f0d9ed; }
color: #f0d9ed; }
#flex_menu_callout {
#flex_menu_callout {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAMAAABDT2Q4AAAADFBMVEUAAABIOEhOOUtNOUsz0YC5AAAAA3RSTlMAHt84WzREAAAAOElEQVR42u3KoQEAIAwDMLr9/zMHRFRgic753iQtzKSE3UkJFAKFQCFQCBQChUAhUAgUAoVAIVgunzcCedubAbIAAAAASUVORK5CYII="); }
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAMAAABDT2Q4AAAADFBMVEUAAABIOEhOOUtNOUsz0YC5AAAAA3RSTlMAHt84WzREAAAAOElEQVR42u3KoQEAIAwDMLr9/zMHRFRgic753iQtzKSE3UkJFAKFQCFQCBQChUAhUAgUAoVAIVgunzcCedubAbIAAAAASUVORK5CYII="); }
#menu ul li.divider {
#menu ul li.divider, ul.dropdown-menu li.divider {
border-bottom: 2px solid #372c36; }
border-bottom: 2px solid #372c36; }
/* ===[ Inputs ]=== */
/* ===[ Inputs ]=== */
.btn, .btn:active, .btn.active {
.btn, .btn:active, .btn.active {
color: #f0d9ed !important; }
color: #f0d9ed !important; }
.btn-primary, .btn, .btn:active, .btn.active {
.btn-primary, .btn, .btn:active, .btn.active {
background: #61485e; }
background: #61485e; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn:hover, .btn.hover, .btn:focus {
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn:hover, .btn.hover, .btn:focus {
background: #4d394b; }
background: #4d394b; }
.btn-outline {
.btn-outline {
background: #61485e !important;
background: #61485e !important;
color: #d4bbd1 !important;
color: #d4bbd1 !important;
border: 2px solid #3e313c; }
border: 2px solid #3e313c; }
.btn-outline.active {
.btn-outline.active {
background: #3e313c !important;
background: #3e313c !important;
color: #d4bbd1 !important;
color: #d4bbd1 !important;
border: 2px solid #3e313c; }
border: 2px solid #3e313c; }
.btn-outline:hover, .btn-outline.hover {
.btn-outline:hover, .btn-outline.hover {
background: #3e313c !important;
background: #3e313c !important;
color: #d4bbd1 !important;
color: #d4bbd1 !important;
border: 2px solid #3e313c; }
border: 2px solid #3e313c; }
.btn-group > .btn-outline {
.btn-group > .btn-outline {
border-width: 2px; }
border-width: 2px; }
.btn-group .btn:hover:not(.active), .btn-group .btn:active:not(.active) {
.btn-group .btn:hover:not(.active), .btn-group .btn:active:not(.active) {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.25); }
box-shadow: inset 0 1px 1px rgba(0,0,0,0.25); }
.btn-group>.btn-outline+.btn-outline:hover, .btn-group>.btn-outline+.btn-outline:active, .btn-group>.btn-outline+.btn-outline.active {
.btn-group>.btn-outline+.btn-outline:hover, .btn-group>.btn-outline+.btn-outline:active, .btn-group>.btn-outline+.btn-outline.active {
margin-left: -1px; }
margin-left: -1px; }
#message-input, textarea, textarea:focus, .modal input[type='text'], .modal textarea, #team_filter .member_filter, #dms_filter .member_filter, #menu input, #menu textarea {
#message-input, textarea, textarea:focus, .modal input[type='text'], .modal textarea, #team_filter .member_filter, #dms_filter .member_filter, #menu input, #menu textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background: #4d394b;
background: #4d394b;
color: #f0d9ed !important;
color: #f0d9ed !important;
border: 2px solid #372c36; }
border: 2px solid #372c36; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
border: 2px solid #61485e; }
input[type="file"] {
color: #a3839f !important; }
input[disabled] {
background-color: #3e313c; }
/* ===[ Scrollbar ]=== */
/* ===[ Scrollbar ]=== */
#client-ui .monkey_scroll_bar {
#client-ui .monkey_scroll_bar {
background: #4d394b; }
background: #4d394b; }
#client-ui .monkey_scroll_handle_inner {
#client-ui .monkey_scroll_handle_inner {
background: #372c36;
background: #372c36;
border: 3px solid #3e313c; }
border: 3px solid #3e313c; }
/* ===[ Modals ]=== */
/* ===[ Modals ]=== */
.modal, .modal-header, .modal-footer {
.modal, .modal-header, .modal-footer {
background: #4d394b;
background: #4d394b;
color: #f0d9ed; }
color: #f0d9ed; }
.modal label {
.modal label {
color: #f0d9ed; }
color: #f0d9ed; }
.modal_input_note, .input_note {
.modal_input_note, .input_note {
color: #a3839f; }
color: #a3839f; }
#new_prefs_dialog .modal-header {
#new_prefs_dialog .modal-header {
border-bottom: 1px solid #3e313c; }
border-bottom: 1px solid #3e313c; }
#new_prefs_dialog .modal-nav {
#new_prefs_dialog .modal-nav {
background: #61485e;
background: #61485e;
border-right: 1px solid #3e313c; }
border-right: 1px solid #3e313c; }
#new_prefs_dialog .modal-nav a {
#new_prefs_dialog .modal-nav a {
background: #61485e;
background: #61485e;
color: #f0d9ed;
color: #f0d9ed;
text-shadow: 0 1px 0 black; }
text-shadow: 0 1px 0 black; }
#new_prefs_dialog .modal-nav a:hover {
#new_prefs_dialog .modal-nav a:hover {
background: #4d394b;
background: #4d394b;
color: #f0d9ed; }
color: #f0d9ed; }
#new_prefs_dialog .modal-nav a.active {
#new_prefs_dialog .modal-nav a.active {
background: #4d394b;
background: #4d394b;
color: f0d9ed;
color: f0d9ed;
text-shadow: 0 1px 0 rgba(255,255,255,0.1); }
text-shadow: 0 1px 0 rgba(255,255,255,0.1); }
.chzn-container-multi .chzn-choices {
.chzn-container-multi .chzn-choices {
background: #4d394b;
background: #4d394b;
color: #f0d9ed !important;
color: #f0d9ed !important;
border: 2px solid #372c36; }
border: 2px solid #372c36; }
.chzn-container-active .chzn-choices .search-field input {
.chzn-container-active .chzn-choices .search-field input {
color: #f0d9ed !important; }
color: #f0d9ed !important; }
.chzn-container .chzn-drop, .chzn-container .chzn-results .no-results {
.chzn-container .chzn-drop, .chzn-container .chzn-results .no-results {
background: #61485e;
background: #61485e;
border: none; }
border: none; }
.chzn-container .chzn-results .group-result {
.chzn-container .chzn-results .group-result {
color: #f0d9ed; }
color: #f0d9ed; }
.chzn-container .chzn-results .highlighted {
.chzn-container .chzn-results .highlighted {
background-color: #4d394b; }
background-color: #4d394b; }
/* ===[ Search ]=== */
/* ===[ Search ]=== */
#search_filters {
#search_filters {
border-bottom: 1px solid #3e313c; }
border-bottom: 1px solid #3e313c; }
#search_tabs, #search_filters a, #advanced_options_toggle, #search_options, #advanced_options {
#search_tabs, #search_filters a, #advanced_options_toggle, #search_options, #advanced_options {
background: #4d394b;
background: #4d394b;
color: #f0d9ed; }
color: #f0d9ed; }
#search_filters a:hover {
#search_filters a:hover {
border-bottom: 4px solid #3e313c; }
border-bottom: 4px solid #3e313c; }
#search_filters.messages #filter_messages, #search_filters.files #filter_files {
#search_filters.messages #filter_messages, #search_filters.files #filter_files {
color: #f0d9ed;
color: #f0d9ed;
border-bottom: 4px solid #3e313c; }
border-bottom: 4px solid #3e313c; }
#search_options {
#search_options {
border-bottom: 1px solid #3e313c; }
border-bottom: 1px solid #3e313c; }
.search_message_result {
.search_message_result {
background: #4d394b;
background: #4d394b;
color: #f0d9ed;
color: #f0d9ed;
border-top: 1px solid #a3839f;
border-top: 1px solid #a3839f;
border-bottom: 1px solid #a3839f; }
border-bottom: 1px solid #a3839f; }
.search_message_result:hover {
.search_message_result:hover {
border-top: 2px dashed #a3839f;
border-top: 2px dashed #a3839f;
border-bottom: 2px dashed #a3839f; }
border-bottom: 2px dashed #a3839f; }
span.match {
span.match {
color: #70666f; }
color: #70666f; }
/* ===[ Emojis ]=== */
/* ===[ Emojis ]=== */
#emoji_menu, #emoji_menu_header, #emoji_menu_footer, #emoji_menu_footer div {
#emoji_menu, #emoji_menu_header, #emoji_menu_footer, #emoji_menu_footer div {
background: #4d394b;
background: #4d394b;
color: #f0d9ed; }
color: #f0d9ed; }
#emoji_menu_footer {
#emoji_menu_footer {
border-top: 1px solid #3e313c; }
border-top: 1px solid #3e313c; }
#emoji_menu_footer div {
#emoji_menu_footer div {
color: #f0d9ed; }
color: #f0d9ed; }
#emoji_menu_items_scroller, .emoji_grouping_tab.active, .emoji_grouping_tab:hover, #monkey_scroll_wrapper_for_emoji_menu_items_scroller {
#emoji_menu_items_scroller, .emoji_grouping_tab.active, .emoji_grouping_tab:hover, #monkey_scroll_wrapper_for_emoji_menu_items_scroller {
background: #61485e; }
background: #61485e; }
#emoji_menu li.emoticon_item a:hover {
#emoji_menu li.emoticon_item a:hover {
background: #4d394b; }
background: #4d394b; }
div#emoji_tip {
div#emoji_tip {
color: #f0d9ed; }
color: #f0d9ed; }
/* ===[ Website ]=== */
/* ===[ Website ]=== */
#header_team_name {
color: #ab9ba9; }
#header_team_name:hover .fa-caret-down {
color: #d4bbd1; }
#header_nav a.primary_nav, #activity_recent_toggle {
color: #a3839f; }
#header_nav a.primary_nav:hover, #header_nav a.primary_nav.active, ul.sidebar_nav li a.active, ul.sidebar_nav li, .col_left h2 a:hover, .service:hover h4, .service:hover h4 a {
color: #d4bbd1; }
.btn-group.open .btn.dropdown-toggle, .btn-group.open .btn.dropdown-toggle, .btn-group.open .btn.dropdown-toggle:hover {
background: #4d394b; }
table.mini td, table.mini th {
table.mini td, table.mini th {
border-bottom: 1px solid #3e313c; }
border-bottom: 1px solid #3e313c; }
.alert {
background-color: #4d394b;
border: 1px solid #372c36;
text-shadow: 0 1px 0 rgba(0,0,0,0.5); }
.alert, .alert h4, #stats_too_soon_copy p {
color: #f0d9ed; }
.alert-info {
color: #f0d9ed;
background-color: #4d394b;
border-color: #372c36; }
.accordion_section {
border: 2px solid #372c36; }
#add_emoji_section h3 a, #stats_too_soon_copy h3, .col_left h2 a, .service h4, .service h4 a {
color: #ab9ba9; }
.radio_selection, .billing_selection {
color: #f0d9ed !important;
border: 2px solid #372c36;
text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
.radio_selection .mini {
color: #f0d9ed !important; }
.radio_selection:hover, .billing_selection:hover {
border-color: #372c36; }
.radio_selection.active, .billing_selection.active {
border-color: #4d394b;
background: #61485e; }
.table th, .table td {
border-top: 1px solid #372c36; }
table.mini {
color: #f0d9ed; }
.service_group a {
color: #ab9ba9 !important; }
.subtle_silver, .log_meta, .service_group a:hover, .service_group:hover a, .burnt_violet, .severe_grey {
color: #a3839f !important; }
.highlight_yellow_bg {
background-color: #997300 !important; }
.billing_callout {
background: none; }
table.billing tr:hover td, .log_entry:hover {
background: #4d394b; }
.payment_per_month {
color: #d4bbd1; }
.warm_white_bg {
background-color: #4d394b !important;
border: 1px solid #372c36 !important; }
.service {
border: 1px solid #372c36;
color: #f0d9ed; }
.service:hover {
background: #4d394b; }
.banner.apps {
background: #4d394b;
border-top: 1px solid #372c36; }
.banner {
border-bottom: 1px solid #372c36; }
#stats_too_soon {
height: 500px; }
#stats_too_soon img {
display: none; }
#footer {
border-top: none; }
#footer a, a.mini, a.mini:link, a.mini:visited {
color: #a3839f; }
#footer a:hover, a.mini:hover, a.mini:active {
color: #d4bbd1; }
/* ===[ Filters ]=== */
/* ===[ Filters ]=== */
.snippet_preview, .special_formatting, .CodeMirror, code, .icon_loading {
.snippet_preview, .special_formatting, .CodeMirror, code, .icon_loading, pre {
filter: invert(100%) hue-rotate(180deg);
filter: invert(100%) hue-rotate(180deg);
-moz-filter: invert(100%) hue-rotate(180deg);
-moz-filter: invert(100%) hue-rotate(180deg);
-webkit-filter: invert(100%) hue-rotate(180deg); }
-webkit-filter: invert(100%) hue-rotate(180deg); }
Saved diffs