/* 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. '; } /* }}} */