You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1324 lines
26 KiB
1324 lines
26 KiB
/* Root {{{ */
|
|
|
|
:root {
|
|
--grey: rgb(158, 161, 162);
|
|
--white: rgb(255, 255, 255);
|
|
--dark-grey: rgb(92, 96, 98);
|
|
--black: rgb(42, 49, 53);
|
|
--highlight: rgb(47, 55, 60);
|
|
--yellow: rgb(227, 160, 8);
|
|
--orange: rgb(255, 138, 76);
|
|
--red: rgb(249, 128, 128);
|
|
--magenta: rgb(244, 114, 182);
|
|
--violet: rgb(172, 148, 250);
|
|
--blue: rgb(56, 189, 248);
|
|
--cyan: rgb(45, 212, 191);
|
|
--green: rgb(49, 196, 141);
|
|
}
|
|
|
|
body {
|
|
--wf-tag-text-gray: var(--white) !important;
|
|
--wf-tag-background-gray: var(--white) !important;
|
|
--wf-tag-text-red: var(--red) !important;
|
|
--wf-tag-background-red: var(--red) !important;
|
|
--wf-tag-text-orange: var(--orange) !important;
|
|
--wf-tag-background-orange: var(--orange) !important;
|
|
--wf-tag-text-yellow: var(--yellow) !important;
|
|
--wf-tag-background-yellow: var(--yellow) !important;
|
|
--wf-tag-text-green: var(--green) !important;
|
|
--wf-tag-background-green: var(--green) !important;
|
|
--wf-tag-text-blue: var(--dark-grey) !important;
|
|
--wf-tag-background-blue: var(--dark-grey) !important;
|
|
--wf-tag-text-purple: var(--violet) !important;
|
|
--wf-tag-background-purple: var(--violet) !important;
|
|
--wf-tag-text-gray: var(--gray) !important;
|
|
--wf-tag-background-gray: var(--gray) !important;
|
|
--wf-tag-text-teal: var(--cyan) !important;
|
|
--wf-tag-background-teal: var(--cyan) !important;
|
|
--wf-tag-text-sky: var(--blue) !important;
|
|
--wf-tag-background-sky: var(--blue) !important;
|
|
--wf-tag-text-pink: var(--magenta) !important;
|
|
--wf-tag-background-pink: var(--magenta) !important;
|
|
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
|
|
/* Body/Page {{{ */
|
|
|
|
body {
|
|
color: var(--grey) !important;
|
|
}
|
|
|
|
.root:not(.board) > .children {
|
|
max-width: 800px;
|
|
}
|
|
|
|
.boardColumn > .name {
|
|
max-width: initial !important;
|
|
}
|
|
|
|
.baordColumn > .children,
|
|
body.is-desktop .boardColumn>.children {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
/* .root.board > .children { */
|
|
/* max-width: initial !important; */
|
|
/* } */
|
|
|
|
|
|
.page {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
|
|
|
|
*::-webkit-scrollbar {
|
|
display: none !important;
|
|
}
|
|
|
|
.project.root {
|
|
padding-top: 30px !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
.linked > .name * .contentLink,
|
|
.linked > .name * .contentTag {
|
|
font-weight: normal !important;
|
|
color: var(--dark-grey);
|
|
}
|
|
|
|
/* Text Elements {{{ */
|
|
|
|
/* .header1 > .name, */
|
|
b {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* .header1 > .name { */
|
|
/* color: var(--white); */
|
|
/* } */
|
|
|
|
.notes * i {
|
|
font-family: monospace;
|
|
font-weight: 100 !important;
|
|
color: var(--grey) !important;
|
|
font-style: normal !important;
|
|
}
|
|
|
|
.notes > .active {
|
|
width: max-content !important;
|
|
}
|
|
|
|
i {
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.linked * .contentLink {
|
|
font-style: normal !important;
|
|
}
|
|
|
|
.paragraph {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.boardCard > .name * .innerContentContainer {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
.header1 > .name,
|
|
.header2 > .name {
|
|
margin-top: 24px !important;
|
|
margin-bottom: 0 !important;
|
|
font-weight: initial !important;
|
|
}
|
|
|
|
.boardColumn * .header1 > .name,
|
|
.boardColumn * .header2 > .name {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
|
|
.boardColumn,
|
|
.header1,
|
|
.header2,
|
|
.paragraph {
|
|
background: none !important;
|
|
border: none !important
|
|
}
|
|
|
|
.boardCard * .header1 {
|
|
margin: 0 !important;
|
|
}
|
|
.boardCard * .header1 > .name {
|
|
font-size: 1em !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
.linked > .name > .bullet {
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
/* Board {{{ */
|
|
|
|
|
|
.boardColumn {
|
|
flex: 0 0 320px !important;
|
|
}
|
|
|
|
.boardColumn > .children > div {
|
|
margin-left: 24px !important;
|
|
margin-right: 32px !important;
|
|
}
|
|
|
|
|
|
.boardColumn,
|
|
._1en9fmv {
|
|
margin-top: 24px !important;
|
|
}
|
|
|
|
._1en9fmv {
|
|
margin-right: 24px !important;
|
|
}
|
|
|
|
.project.root.board {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.header > :first-child {
|
|
display: none !important;
|
|
}
|
|
|
|
.boardColumn > .name,
|
|
.boardColumn > .notes {
|
|
border-bottom: 1px solid var(--white) !important;
|
|
margin-bottom: 0 !important;
|
|
padding: 8px !important;
|
|
margin-left: 24px !important;
|
|
margin-right: 32px !important;
|
|
}
|
|
|
|
.boardColumn.noted > .name {
|
|
border-bottom: none !important;
|
|
padding-bottom: 0 !important;
|
|
|
|
}
|
|
|
|
.boardColumn > .children {
|
|
padding-top: 24px !important;
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.boardCard.header1 {
|
|
border-bottom: 1px solid var(--white) !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
.boardCard.header2 > .name {
|
|
font-size: 1.6em !important;
|
|
}
|
|
|
|
.vertical-scrollable-container::-webkit-scrollbar {
|
|
display: none !important;
|
|
}
|
|
|
|
.boardCard > .name > .bullet {
|
|
top: 2.4px !important;
|
|
left: calc(100% - 32px) !important;
|
|
}
|
|
|
|
.boardCard > .name > .content {
|
|
padding-top: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.boardColumn > .children > .paragraph {
|
|
padding-left: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
.boardColumn > .children > .header1 {
|
|
margin-top: 1px !important;
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.boardColumn > .children > .project > .name > .expand {
|
|
top: 2px !important;
|
|
}
|
|
.boardColumn > .children > .project > .name > .menu {
|
|
top: 0 !important;
|
|
}
|
|
/* }}} */
|
|
|
|
/* Colors {{{ */
|
|
|
|
.c-gray, .c-gray * {
|
|
color: var(--white) !important;
|
|
text-decoration-color: var(--white) !important;
|
|
}
|
|
|
|
.bc-gray {
|
|
background-color: var(--white) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.bc-gray .contentLink {
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.c-yellow * {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.c-orange * {
|
|
color: var(--orange) !important;
|
|
}
|
|
.c-red * {
|
|
color: var(--red) !important;
|
|
}
|
|
.c-pink * {
|
|
color: var(--magenta) !important;
|
|
}
|
|
.c-purple * {
|
|
color: var(--violet) !important;
|
|
}
|
|
.c-sky * {
|
|
color: var(--blue) !important;
|
|
}
|
|
.c-teal * {
|
|
color: var(--cyan) !important;
|
|
}
|
|
.c-green * {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
|
|
/* }}} */
|
|
|
|
/* Backlinks & Breadcrumbs {{{ */
|
|
|
|
._1zok2 {
|
|
z-index: 2;
|
|
position: absolute;
|
|
right: -90px;
|
|
top: 7px;
|
|
width: 90px !important;
|
|
}
|
|
|
|
.breadcrumbs {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.project.boardCard * .breadcrumbs {
|
|
display: none !important;
|
|
}
|
|
|
|
.project * .breadcrumbs > a,
|
|
.project * .breadcrumbs > svg {
|
|
display: none;
|
|
}
|
|
|
|
.project.backlinked * .breadcrumbs > a:nth-child(7) {
|
|
display: initial !important;
|
|
}
|
|
|
|
.project.backlinked * .breadcrumbs > a:nth-child(7):after {
|
|
content: " ↗︎";
|
|
}
|
|
|
|
.project * .breadcrumbs > a:nth-child(7) {
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.project.backlinked * .breadcrumbs > a:last-child {
|
|
display: none;
|
|
}
|
|
|
|
.boardCard.linked.project * .breadcrumbs > a:nth-child(5) {
|
|
font-size: 9px !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Types {{{ */
|
|
|
|
/* Buckets {{{ */
|
|
|
|
.linked-xbucket > .name .content::before {
|
|
content: '🪣 '
|
|
}
|
|
|
|
.linked-xbucket > .name .innerContentContainer,
|
|
.linked-xbucket > .notes .innerContentContainer {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.linked-xbucket > .name .content {
|
|
font-weight: bold;
|
|
border-bottom: 1px solid var(--white) !important;
|
|
border-bottom: 1px dotted var(--dark-grey) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Reasons {{{ */
|
|
|
|
.linked-xreason > .name .innerContentContainer,
|
|
.linked-xreason > .notes .innerContentContainer {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
/* Visualisations {{{ */
|
|
|
|
.linked-xvisualisation > .name .content::before {
|
|
content: '👁️ ';
|
|
}
|
|
.linked-xvisualisation > .name .innerContentContainer,
|
|
.linked-xvisualisation > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Goals {{{ */
|
|
|
|
.linked-xyear > .name .content::before {
|
|
content: '🎉 ';
|
|
}
|
|
|
|
.linked-xlong > .name .content::before {
|
|
content: '🏝️ ';
|
|
}
|
|
|
|
.linked-xgoal > .name .innerContentContainer,
|
|
.linked-xgoal > .notes .innerContentContainer {
|
|
color: var(--yellow) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Stories {{{ */
|
|
|
|
.linked-xstory > .name .content::before {
|
|
content: '✒️ '
|
|
}
|
|
|
|
.linked-xstory > .name .innerContentContainer,
|
|
.linked-xstory > .notes .innerContentContainer {
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* }}} */
|
|
|
|
/* Projects {{{ */
|
|
|
|
.linked-xproject > .name .innerContentContainer,
|
|
.linked-xproject> .notes .innerContentContainer {
|
|
color: var(--magenta) !important;
|
|
}
|
|
|
|
.linked-xactive > .name .content::before {
|
|
content: '🏎️ ';
|
|
}
|
|
|
|
.linked-xstalled > .name .content::before {
|
|
content: '🚦 ';
|
|
}
|
|
|
|
.linked-xplant > .name .content::before {
|
|
content: '🪴 ';
|
|
}
|
|
|
|
.linked-xplant > .name .innerContentContainer,
|
|
.linked-xplant > .notes .innerContentContainer {
|
|
color: var(--orange) !important;
|
|
}
|
|
.linked-xplant > .name .innerContentContainer {
|
|
font-weight: bold !important;
|
|
border-bottom: 1px solid var(--orange) !important;
|
|
}
|
|
|
|
.linked-xactive > .name .innerContentContainer,
|
|
.linked-xstalled > .name .innerContentContainer {
|
|
font-weight: bold !important;
|
|
border-bottom: 1px solid var(--magenta) !important;
|
|
}
|
|
|
|
.linked-xstalled > .name .innerContentContainer,
|
|
.linked-xstalled > .name .bullet {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
|
|
/* }}} */
|
|
|
|
/* Someday {{{ */
|
|
|
|
.linked-xsomeday > .name .content::before {
|
|
content: '🔮 ';
|
|
}
|
|
|
|
.linked-xsomeday > .name .innerContentContainer,
|
|
.linked-xsomeday > .notes .innerContentContainer {
|
|
color: var(--violet) !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Targets {{{ */
|
|
|
|
|
|
.linked-xtarget > .name .innerContentContainer,
|
|
.linked-xtarget > .notes .innerContentContainer {
|
|
color: var(--magenta) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Excuses {{{ */
|
|
|
|
.linked-xexcuse > .name .content::before {
|
|
content: '🧊 '
|
|
}
|
|
|
|
.linked-xexcuse > .name .innerContentContainer,
|
|
.linked-xexcuse > .notes .innerContentContainer {
|
|
color: var(--cyan) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
.linked-xexcuse * .bullet {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
|
|
/* Tasks {{{ */
|
|
|
|
.linked-xtask > .name > .bullet {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.linked-xtask > .name .innerContentContainer,
|
|
.linked-xtask > .notes .innerContentContainer {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.linked-xnext > .name .content::before {
|
|
content: '➡️ '
|
|
}
|
|
|
|
.linked-xwaiting > .name .content::before {
|
|
content: '❄️ ';
|
|
}
|
|
|
|
.linked-xscheduled > .name .content::before {
|
|
content: '⏰ ';
|
|
}
|
|
|
|
.linked-xblocked > .name .content::before {
|
|
content: '🛑 ';
|
|
}
|
|
|
|
.linked-xstandby > .name .content::before {
|
|
content: '✋ ';
|
|
}
|
|
|
|
.linked-xmaybe > .name .content::before {
|
|
content: '☁️ ';
|
|
}
|
|
|
|
.linked-xmaybe > .name .innerContentContainer,
|
|
.linked-xmaybe > .notes .innerContentContainer,
|
|
.linked-xmaybe > .name .bullet,
|
|
.linked-xwaiting > .name .innerContentContainer,
|
|
.linked-xwaiting > .notes .innerContentContainer,
|
|
.linked-xwaiting > .name .bullet,
|
|
.linked-xblocked > .name .innerContentContainer,
|
|
.linked-xblocked > .notes .innerContentContainer,
|
|
.linked-xblocked > .name .bullet {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
/* Recurring {{{ */
|
|
|
|
.linked-xweekly > .name .innerContentContainer,
|
|
.linked-xmonthly > .name .innerContentContainer,
|
|
.linked-xirregular > .name .innerContentContainer {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.linked-xdaily > .name .innerContentContainer {
|
|
color: var(--orange) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
|
|
/* Sprints {{{ */
|
|
|
|
.linked-xweek > .name .content::before {
|
|
content: '🏃♂️ '
|
|
}
|
|
|
|
.linked-xtarget > .name .content::before {
|
|
content: '🎯 '
|
|
}
|
|
|
|
.linked-xweek > .name .innerContentContainer,
|
|
.linked-xweek > .notes .innerContentContainer {
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* }}} */
|
|
|
|
/* }}} */
|
|
|
|
/* Priority {{{ */
|
|
|
|
.linked > .name .innerContentContainer::before {
|
|
content: '⚑ ';
|
|
font-weight: bold;
|
|
color: var(--dark-grey);
|
|
}
|
|
|
|
.linked.tagged-a > .name .innerContentContainer::before {
|
|
color: var(--red);
|
|
}
|
|
.linked.tagged-b > .name .innerContentContainer::before {
|
|
color: var(--blue);
|
|
}
|
|
.linked.tagged-c > .name .innerContentContainer::before {
|
|
color: var(--green);
|
|
}
|
|
.linked.tagged-d > .name .innerContentContainer::before {
|
|
color: var(--violet);
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Compeleted {{{ */
|
|
|
|
|
|
.done > .name > .content {
|
|
text-decoration-color: var(--grey) !important;
|
|
text-decoration: line-through wavy;
|
|
}
|
|
|
|
.linked.done > .name::after,
|
|
.linked.done > .name > .content::after {
|
|
content: '' !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* States {{{ */
|
|
|
|
.tagged-done .innerContentContainer,
|
|
.tagged-done .content::before,
|
|
.tagged-done::after,
|
|
.tagged-done .name::after,
|
|
.tagged-done .name > .content::after,
|
|
.tagged-done .bullet,
|
|
.tagged-missed .innerContentContainer,
|
|
.tagged-missed .content::before,
|
|
.tagged-missed::after,
|
|
.tagged-missed .name::after,
|
|
.tagged-missed .name > .content::after,
|
|
.tagged-missed .bullet,
|
|
.tagged-na .innerContentContainer,
|
|
.tagged-na .content::before,
|
|
.tagged-na::after,
|
|
.tagged-na .name::after,
|
|
.tagged-na .name > .content::after,
|
|
.tagged-na .bullet {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.tagged-done > .name .innerContentContainer::after {
|
|
content: ' ✓ DONE' !important;
|
|
color: var(--green) !important;
|
|
font-weight: normal !important;
|
|
}
|
|
.tagged-done > .notes .innerContentContainer {
|
|
color: var(--green) !important;
|
|
}
|
|
.tagged-done > .name .content {
|
|
text-decoration: line-through;
|
|
text-decoration-color: var(--green);
|
|
}
|
|
|
|
.tagged-missed > .name .innerContentContainer::after {
|
|
content: ' ✗ MISSED' !important;
|
|
color: var(--red) !important;
|
|
font-weight: normal !important;
|
|
}
|
|
.tagged-missed > .notes .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
.tagged-missed > .name .content {
|
|
text-decoration: line-through;
|
|
text-decoration-color: var(--red);
|
|
}
|
|
|
|
.tagged-underway > .name .innerContentContainer::after {
|
|
content: ' ► UNDERWAY' !important;
|
|
color: var(--blue) !important;
|
|
font-weight: normal !important;
|
|
}
|
|
.tagged-underway > .notes .innerContentContainer {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
|
|
.tagged-na > .name .innerContentContainer::after {
|
|
content: ' ✗ NA' !important;
|
|
color: var(--grey) !important;
|
|
font-weight: normal !important;
|
|
}
|
|
.tagged-na > .notes .innerContentContainer {
|
|
color: var(--grey) !important;
|
|
}
|
|
.tagged-na > .name .content {
|
|
text-decoration: line-through;
|
|
text-decoration-color: var(--grey);
|
|
}
|
|
|
|
|
|
.tagged-underway > .name .innerContentContainer {
|
|
border-bottom: 1px solid var(--blue) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Dates {{{ */
|
|
|
|
time {
|
|
display: inline !important;
|
|
text-decoration-color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.monolith-pill .content-wrapper {
|
|
display: inline !important;
|
|
font-size: 1em !important;
|
|
line-height: inherit !important;
|
|
padding: 0 !important;
|
|
color: var(--dark-grey) !important;
|
|
background: none !important;
|
|
text-decoration-color: var(--dark-grey) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.timetime {
|
|
color: var(--dark-grey);
|
|
}
|
|
|
|
/* .linked * .timetime { */
|
|
/* display: none !important; */
|
|
/* } */
|
|
|
|
.name::after {
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
/* Yesterday {{{ */
|
|
.linked > .name .content:after {
|
|
right: 5px;
|
|
position: absolute;
|
|
}
|
|
|
|
.linked.timed-yesterday > .name .content:after {
|
|
content: '←';
|
|
}
|
|
|
|
.linked.timed-today > .name .content:after {
|
|
content: '★';
|
|
color: var(--yellow) !important;
|
|
}
|
|
|
|
.linked-xdaily > .name .content:after {
|
|
content: '★';
|
|
color: var(--orange) !important;
|
|
}
|
|
|
|
|
|
.linked.timed-tomorrow> .name .content:after {
|
|
content: '→';
|
|
color: var(--cyan);
|
|
☂︎
|
|
}
|
|
|
|
.linked.timed-next > .name .content:after {
|
|
content: '→';
|
|
}
|
|
|
|
.linked.timed-later > .name .content:after {
|
|
content: '→→';
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.linked.timed-last > .name .content:after {
|
|
content: '←';
|
|
color: var(--violet);
|
|
}
|
|
|
|
.linked.timed-older> .name .content:after {
|
|
content: '←←';
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Today {{{ */
|
|
|
|
|
|
.linked.timed-later > .name::after,
|
|
.linked.timed-older > .name::after {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.linked.timed > .name > .bullet {
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked.timed-today > .name > .bullet {
|
|
color: var(--yellow) !important;
|
|
}
|
|
|
|
.linked-xdaily > .name > .bullet {
|
|
color: var(--orange) !important;
|
|
}
|
|
|
|
|
|
/* }}} */
|
|
|
|
/* Days {{{ */
|
|
|
|
.linked.timed-mon > .name::after {
|
|
content: 'MON';
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.linked.timed-tue > .name::after {
|
|
content: 'TUE';
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
.linked.timed-wed > .name::after {
|
|
content: 'WED';
|
|
color: var(--magenta) !important;
|
|
}
|
|
|
|
.linked.timed-thu > .name::after {
|
|
content: 'THU';
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.linked.timed-fri > .name::after {
|
|
content: 'FRI';
|
|
color: var(--orange) !important;
|
|
}
|
|
|
|
.linked.timed-sat > .name::after {
|
|
content: 'SAT';
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
.linked.timed-sun > .name::after {
|
|
content: 'SUN';
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
/* Links {{{ */
|
|
|
|
.contentLink.link {
|
|
font-size: inherit;
|
|
line-height: initial !important;
|
|
text-decoration-color: var(--dark-grey) !important;
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.contentTag {
|
|
font-size: inherit;
|
|
line-height: initial !important;
|
|
/* text-decoration-color: var(--dark-grey) !important; */
|
|
/* color: var(--white) !important; */
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* Misc {{{ */
|
|
|
|
.done .addSiblingButton {
|
|
display: none !important;
|
|
}
|
|
|
|
.project.metaMatches .innerContentContainer {
|
|
background-color: initial !important;
|
|
}
|
|
|
|
.contentMatch, .fullMatch {
|
|
background: none !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
.bc-yellow .contentLink,
|
|
.bc-blue .contentLink,
|
|
.bc-sky .contentLink,
|
|
.bc-purple .contentLink,
|
|
.bc-teal .contentLink,
|
|
.bc-pink .contentLink,
|
|
.bc-green .contentLink,
|
|
.bc-orange .contentLink,
|
|
.bc-red .contentLink {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.bc-yellow, .bc-blue, .bc-sky, .bc-purple, .bc-teal, .bc-pink, .bc-green, .bc-orange, .bc-red, .bc-gray {
|
|
padding-left: 2px !important;
|
|
padding-right: 2px !important;
|
|
}
|
|
|
|
.colored {
|
|
border-radius: 2px !important;
|
|
}
|
|
|
|
.bc-yellow {
|
|
background-color: var(--yellow) !important;
|
|
}
|
|
|
|
.bc-teal {
|
|
background-color: var(--cyan) !important;
|
|
}
|
|
|
|
.bc-green {
|
|
background-color: var(--green) !important;
|
|
}
|
|
|
|
.bc-red {
|
|
background-color: var(--red) !important;
|
|
}
|
|
|
|
.bc-purple {
|
|
background-color: var(--red) !important;
|
|
}
|
|
|
|
.empty * .bullet {
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
/* }}} */
|
|
|
|
/* }}} */
|
|
|
|
/* Misc {{{ */
|
|
|
|
|
|
.project::after {
|
|
color: var(--red);
|
|
right: -170px !important;
|
|
position: absolute !important;
|
|
display: block !important;
|
|
z-index: 2 !important;
|
|
top: 9px !important;
|
|
/* width: 90px; */
|
|
}
|
|
|
|
|
|
|
|
.contentTag[data-val="#running"] {
|
|
color: var(--cyan) !important;
|
|
}
|
|
|
|
.contentTag[data-val="#re"] {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.contentTag[data-val="#next"] {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.contentTag[data-val="#five"] {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.contentTag[data-val="#five"]:after {
|
|
content: "⭐️⭐️⭐️⭐️⭐️";
|
|
}
|
|
|
|
.contentTag[data-val="#four"] {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.contentTag[data-val="#four"]:after {
|
|
content: "⭐️⭐️⭐️⭐";
|
|
}
|
|
|
|
.contentTag[data-val="#three"] {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.contentTag[data-val="#three"]:after {
|
|
content: "⭐️⭐️⭐️";
|
|
}
|
|
|
|
.contentTag[data-val="#two"] {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.contentTag[data-val="#two"]:after {
|
|
content: "⭐️⭐";
|
|
}
|
|
|
|
.contentTag[data-val="#one"] {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.contentTag[data-val="#one"]:after {
|
|
content: "⭐️";
|
|
}
|
|
|
|
.contentTag[data-val="#zero"] {
|
|
color: var(--yellow) !important;
|
|
}
|
|
.contentTag[data-val="#zero"]:after {
|
|
content: "💩";
|
|
}
|
|
|
|
.tagged-done .innerContentContainer {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.content-img {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
|
|
._1vs75eu {
|
|
display: none!
|
|
}
|
|
|
|
.project > iframe, .project > .content-img {
|
|
margin-left: 24px;
|
|
}
|
|
.project.boardCard > iframe, .project.boardCard > .content-img {
|
|
margin-left: 0;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
iframe[id^="tweet_"] {
|
|
padding-left: 0 !important;
|
|
}
|
|
|
|
.contentTag[data-val="#do"],
|
|
.contentTag[data-val="#thing"],
|
|
.contentTag[data-val="#branch"],
|
|
.contentTag[data-val="#if"],
|
|
.contentTag[data-val="#loop"],
|
|
.contentTag[data-val="#optional"],
|
|
.contentTag[data-val="#then"],
|
|
.contentTag[data-val="#question"],
|
|
.contentTag[data-val="#yes"],
|
|
.contentTag[data-val="#no"],
|
|
.contentTag[data-val="#first"],
|
|
.contentTag[data-val="#second"],
|
|
.contentTag[data-val="#third"],
|
|
.contentTag[data-val="#fourth"],
|
|
.contentTag[data-val="#fifth"],
|
|
.contentTag[data-val="#sixth"],
|
|
.contentTag[data-val="#seventh"],
|
|
.contentTag[data-val="#eight"],
|
|
.contentTag[data-val="#ninth"],
|
|
.contentTag[data-val="#tenth"],
|
|
.contentTag[data-val="#else"] {
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.tagged-do > .name > .bullet,
|
|
.tagged-thing > .name > .bullet,
|
|
.tagged-branch > .name > .bullet,
|
|
.tagged-if > .name > .bullet,
|
|
.tagged-loop > .name > .bullet,
|
|
.tagged-optional > .name > .bullet,
|
|
.tagged-question > .name > .bullet,
|
|
.tagged-then > .name > .bullet,
|
|
.tagged-yes > .name > .bullet,
|
|
.tagged-no > .name > .bullet,
|
|
.tagged-else > .name > .bullet {
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.tagged-if > .name .content::before,
|
|
.tagged-thing > .name .content::before,
|
|
.tagged-then > .name .content::before,
|
|
.tagged-yes > .name .content::before,
|
|
.tagged-no > .name .content::before,
|
|
.tagged-question > .name .content::before,
|
|
.tagged-else > .name .content::before,
|
|
.tagged-do > .name .content::before,
|
|
.tagged-branch > .name .content::before,
|
|
.tagged-optional > .name .content::before,
|
|
.tagged-loop > .name .content::before {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.tagged-do > .name .content::before {
|
|
content: '→ ';
|
|
color: var(--cyan) !important;
|
|
}
|
|
.tagged-thing > .name .content::before {
|
|
content: '- ';
|
|
color: var(--blue) !important;
|
|
}
|
|
.tagged-branch > .name .content::before {
|
|
content: '↘︎ ';
|
|
color: var(--cyan) !important;
|
|
}
|
|
.tagged-optional > .name .content::before {
|
|
content: 'o ';
|
|
color: var(--violet) !important;
|
|
}
|
|
.tagged-loop > .name .content::before {
|
|
content: '↻ ';
|
|
color: var(--magenta) !important;
|
|
}
|
|
.tagged-if > .name .content::before {
|
|
content: '? ';
|
|
color: var(--yellow) !important;
|
|
}
|
|
.tagged-then > .name .content::before {
|
|
content: '✓ ';
|
|
color: var(--green) !important;
|
|
}
|
|
.tagged-yes > .name .content::before {
|
|
content: 'YES ';
|
|
color: var(--green) !important;
|
|
}
|
|
.tagged-no > .name .content::before {
|
|
content: 'NO ';
|
|
color: var(--red) !important;
|
|
}
|
|
.tagged-question > .name .content::before {
|
|
content: '? ';
|
|
color: var(--violet) !important;
|
|
}
|
|
.tagged-else > .name .content::before {
|
|
content: '✕ ';
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
|
|
.root.board > .notes {
|
|
z-index: 99 !important;
|
|
position: fixed;
|
|
left: 12px;
|
|
width: 100%;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.root.board > .notes > .content {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.boardCard > .children > .project > .notes {
|
|
display: none !important;
|
|
}
|
|
|
|
.children .board > .notes {
|
|
display: none !important;
|
|
}
|
|
|
|
.children > .board > .children > .boardColumn {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.project > .children .header2 > .name,
|
|
.project > .children .header1 > .name {
|
|
font-size: 1rem !important;
|
|
}
|
|
|
|
.header2 > .name > .bullet,
|
|
.header1 > .name > .bullet {
|
|
opacity: 1 !important;
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
.children .header2 > .name > .content {
|
|
border-bottom: 1px dotted var(--dark-grey) !important;
|
|
}
|
|
.children .header1 > .name > .content {
|
|
border-bottom: 1px solid var(--white) !important;
|
|
}
|
|
|
|
|
|
.boardCard * .header1 > .name > .content,
|
|
.boardCard * .header2 > .name > .content {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.header1 {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.boardCard.header1 > .name > .content {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
/* Contexts {{{ */
|
|
|
|
.contentLink.link-xdowntime {
|
|
color: var(--yellow) !important;
|
|
text-decoration-color:: var(--yellow) !important;
|
|
}
|
|
.contentLink.link-xdowntime::after {
|
|
content: '😎';
|
|
}
|
|
|
|
.contentLink.link-xreminder {
|
|
color: var(--cyan) !important;
|
|
text-decoration-color: var(--cyan) !important;
|
|
}
|
|
.contentLink.link-xreminder:after {
|
|
content: "⏰";
|
|
}
|
|
|
|
.contentLink.link-xevent {
|
|
color: var(--red) !important;
|
|
text-decoration-color: var(--red) !important;
|
|
}
|
|
.contentLink.link-xevent:after {
|
|
content: "🗓️";
|
|
}
|
|
|
|
.contentLink.link-xnote {
|
|
color: var(--blue) !important;
|
|
text-decoration-color: var(--blue) !important;
|
|
}
|
|
.contentLink.link-xnote:after {
|
|
content: "✏️";
|
|
}
|
|
|
|
.contentLink.link-xreview {
|
|
color: var(--cyan) !important;
|
|
text-decoration-color:: var(--yellow) !important;
|
|
}
|
|
.contentLink.link-xreview::after {
|
|
content: '??';
|
|
font-weight: bold;
|
|
}
|
|
|
|
.contentLink.link-xadmin {
|
|
color: var(--blue) !important;
|
|
text-decoration-color: var(--blue) !important;
|
|
}
|
|
.contentLink.link-xadmin::after {
|
|
content: '📘';
|
|
}
|
|
.contentLink.link-xshops {
|
|
color: var(--orange) !important;
|
|
text-decoration-color: var(--orange) !important;
|
|
}
|
|
.contentLink.link-xshops::after {
|
|
content: '🚗';
|
|
}
|
|
.contentLink.people {
|
|
color: var(--violet) !important;
|
|
text-decoration-color: var(--violet) !important;
|
|
}
|
|
.contentLink.people::after {
|
|
content: '👫';
|
|
}
|
|
|
|
|
|
|
|
.contentTag[data-val="#todo"] {
|
|
color: var(--red) !important;
|
|
}
|
|
.contentTag[data-val="#todo"]:after {
|
|
content: "!!";
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/* }}} */
|
|
|
|
.linked-xtask > .children > .project > .name,
|
|
.linked-xtask > .children > .project > .name > .bullet {
|
|
font-style: italic !important;
|
|
color: var(--dark-grey) !important;
|
|
}
|
|
|
|
/* .linked > .notes > .content { */
|
|
/* margin-left: 36px; */
|
|
/* } */
|
|
|
|
.collapsed > .name > .bullet,
|
|
.half-open > .name > .bullet {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
|
|
.tagged-first > .name .innerContentContainer::before,
|
|
.tagged-second > .name .innerContentContainer::before,
|
|
.tagged-third > .name .innerContentContainer::before,
|
|
.tagged-fourth > .name .innerContentContainer::before,
|
|
.tagged-fifth > .name .innerContentContainer::before,
|
|
.tagged-sixth > .name .innerContentContainer::before,
|
|
.tagged-seventh > .name .innerContentContainer::before,
|
|
.tagged-eight > .name .innerContentContainer::before,
|
|
.tagged-ninth > .name .innerContentContainer::before,
|
|
.tagged-tenth > .name .innerContentContainer::before {
|
|
color: var(--white);
|
|
}
|
|
|
|
.tagged-first > .name .innerContentContainer,
|
|
.tagged-second > .name .innerContentContainer,
|
|
.tagged-third > .name .innerContentContainer,
|
|
.tagged-fourth > .name .innerContentContainer,
|
|
.tagged-fifth > .name .innerContentContainer,
|
|
.tagged-sixth > .name .innerContentContainer,
|
|
.tagged-seventh > .name .innerContentContainer,
|
|
.tagged-eight > .name .innerContentContainer,
|
|
.tagged-ninth > .name .innerContentContainer,
|
|
.tagged-tenth > .name .innerContentContainer {
|
|
color: var(--white);
|
|
}
|
|
|
|
.tagged-first > .name .innerContentContainer::before {
|
|
content: '1. ';
|
|
}
|
|
.tagged-second > .name .innerContentContainer::before {
|
|
content: '2. ';
|
|
}
|
|
.tagged-third > .name .innerContentContainer::before {
|
|
content: '3. ';
|
|
}
|
|
.tagged-fourth > .name .innerContentContainer::before {
|
|
content: '4. ';
|
|
}
|
|
.tagged-fifth > .name .innerContentContainer::before {
|
|
content: '5. ';
|
|
}
|
|
.tagged-sixth > .name .innerContentContainer::before {
|
|
content: '6. ';
|
|
}
|
|
.tagged-seventh > .name .innerContentContainer::before {
|
|
content: '7. ';
|
|
}
|
|
.tagged-eight > .name .innerContentContainer::before {
|
|
content: '8. ';
|
|
}
|
|
.tagged-ninth > .name .innerContentContainer::before {
|
|
content: '9. ';
|
|
}
|
|
.tagged-tenth > .name .innerContentContainer::before {
|
|
content: '10. ';
|
|
}
|
|
|
|
|
|
/* }}} */
|
|
|