Hmyr's Habitica Tasks Page style

The webpage that hosted this style expired at the end of April 2021, so the full code for the style is copied below. You can use it by creating a new, empty style in your browser's style manager and pasting this code into it.
/*
 * Copyright (C) 2020 by @hmyr on Habitica
 * 
 * Permission to use, copy, modify, and/or distribute this software for any
 * purpose with or without fee is hereby granted.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY
 * SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION
 * OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN
 * CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 */
/* Hide to-do column. */
.tasks-column.todo {
 display: none !important;
}
/* Make dailies span two columns. */
.tasks-column {
 flex: 1 !important;
 max-width: none !important;
}
.tasks-column.daily {
 flex: 2 !important;
}
.tasks-column.daily .sortable-tasks {
 display: flex;
 flex-wrap: wrap;
 column-gap: 8px;
}
.tasks-column.daily .sortable-tasks .task-wrapper {
 display: flex;
 flex: calc(50% - 4px);
 width: 100%;
}
.tasks-column.daily .sortable-tasks .task-wrapper .task {
 display: flex;
 width: 100%;
}
.tasks-column.daily .sortable-tasks .task-wrapper .task > .d-flex {
 width: 100%;
}
.tasks-column.daily .sortable-tasks .task-wrapper .task-content {
 display: flex;
 flex-direction: column;
}
.tasks-column.daily .sortable-tasks .task-wrapper .task-content .task-clickable-area {
 flex: 1;
}
/* Add some space around tasks. */
.task-wrapper {
 border: 4px solid transparent;
}
/* Remove search and tags (I don't use them). */
.tasks-navigation {
 display: none !important;
}
/* Remove the "not due" filter for the list of dailies. */
.tasks-column.daily .filter:nth-of-type(3) {
 display: none !important;
}
/* Remove filters from habits (strong/weak) and rewards (custom/wishlist). */
.tasks-column.habit .filters,
.tasks-column.reward .filters {
 visibility: hidden !important;
}
/* Save space by removing Habitica logo from navigation bar. */
.navbar-brand {
 display: none !important;
}
/* Remove menu entries I don't need. */
a.nav-link[href="/static/faq"],
a.nav-link[href="/group-plans"] {
 display: none !important;
}
/* Remove the button for collapsing checklists. */
.collapse-checklist.expand-toggle.open {
 display: none !important;
}
.checklist.isOpen {
 margin-top: -18px !important;
}
/* Don't show my own username next to my level. */
.character-level .mr-1 {
 display: none;
}
/*
 * Show skills instead of "You're not in a party" message.
 * If you *are* in a party, delete this part or hide the list of party members.
 */
.no-party {
 display: none !important;
}
.user-tasks-page > div:last-child,
.user-tasks-page .drawer-wrapper {
 position: static !important;
}
.user-tasks-page .drawer-container[class] {
 position: absolute !important;
 top: 90px !important;
 left: 500px !important;
 right: 25px !important;
 visibility: hidden !important;
}
.user-tasks-page .spell {
 visibility: visible !important;
}
/* Hide anti-social networks. */
.btn-contribute,
.social {
 display: none;
}
/* Disable skills I don't need and don't want to click by accident. */
.spell-container > .row > .col-12:nth-child(2),
.spell-container > .row > .col-12:nth-child(3),
.spell-container > .row > .col-12:nth-child(4) {
 pointer-events: none;
 opacity: 0.4;
}
/* My evening routine. Replaces ~strikethrough~ with inverted colors. */
.task-title s {
 background: #222;
 color: #fff;
 text-decoration: none;
 display: inline-block;
 border-radius: 100px;
 padding: 0 12px;
}
Category:Extensions, Add-Ons, and Customizations