Eden Fractal CSS Code

Original Eden Fractal Code

Head

<meta name="description" content="Helping communities cooperate"> <meta property="og:description" content="Helping communities cooperate"> <meta property="twitter:description" content="Helping communities cooperate!">  <link rel="stylesheet" href="https://joshmillgate.github.io/sentience/style.css"/>

CSS

:root { --color-primary: var(--color-blue) !important;

—transition: all 0.5s ease-in-out !important; --font-size: 1.45em !important; --max-width: 1600px !important; --dark-cover-gradient: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1) 99% ) !important; --light-cover-gradient: linear-gradient( to bottom, rgba(255, 255, 255, 0), var(--color-bg-light) 90% ) !important; --cover-gradient: var(--dark-cover-gradient) !important; --color-ui-hover-bg: var(--color-bg-dark-darker) !important;

-color-gray: #aeafaf !important; --color-brown: #ae9d82 !important; --color-orange: #ff9933 !important; --color-yellow: #ffff66 !important; --color-green: #d4ff59 !important; --color-blue: #3399ff !important; --color-purple: #7d47cf !important; --color-pink: #ff99cc !important; --color-red: #ff5666 !important; --color-bg-dark: #FFFFFF !important; --color-bg-dark-darker: #1d1d21 !important; --color-bg-dark-lighter: #2f2f2f !important; --color-bg-light: rgba(240, 240, 240, 1) !important;
-color-text-light: #f0f0f0 !important; --color-text-light-legible: #474747 !important; --color-text-dark: #202126 !important;
-color-text-gray: var(--color-gray) !important; --color-text-brown: var(--color-brown) !important; --color-text-orange: var(--color-orange) !important; --color-text-yellow: var(--color-yellow) !important; --color-text-green: var(--color-green) !important; --color-text-blue: var(--color-blue) !important; --color-text-purple: var(--color-purple) !important; --color-text-pink: var(--color-pink) !important; --color-text-red: var(--color-red) !important;
-color-bg-default: #9ba0b0 !important; --color-bg-gray: var(--color-gray) !important; --color-bg-brown: var(--color-brown) !important; --color-bg-orange: var(--color-orange) !important; --color-bg-yellow: var(--color-yellow) !important; --color-bg-green: var(--color-green) !important; --color-bg-blue: var(--color-blue) !important; --color-bg-purple: var(--color-purple) !important; --color-bg-pink: var(--color-pink) !important; --color-bg-red: var(--color-red) !important;
-color-pill-default: #9ba0b0 !important; --color-pill-gray: var(--color-gray) !important; --color-pill-brown: var(--color-brown) !important; --color-pill-orange: var(--color-orange) !important; --color-pill-yellow: var(--color-yellow) !important; --color-pill-green: var(--color-green) !important; --color-pill-blue: var(--color-blue) !important; --color-pill-purple: var(--color-purple) !important; --color-pill-pink: var(--color-pink) !important; --color-pill-red: var(--color-red) !important; }.super-navbar { background-color: transparent!important; position: fixed!important; } h1.notion-heading { color: #123456 !important; } h2.notion-heading { color: #123456 !important; } h3.notion-heading { color: #123456 !important; }

.notion-semantic-string { line-height: 1.65 !important; }

.super-navbar__button svg { stroke: white !important; } .bg-green, .bg-yellow, .bg-orange, .bg-gray { color: var(--color-text-dark) !important; } .notion-text.bg-green > p, .notion-text.bg-yellow > p, .notion-text.bg-orange > p, .notion-text.bg-red > p, .notion-text.bg-pink > p, .notion-text.bg-gray > p, .notion-text.bg-brown > p, .notion-text.bg-yellow > p { color: var(--color-text-dark) !important; } .notion-text.bg-blue > p, .notion-text.bg-purple > p { color: var(--color-text-light) !important; } .notion-text.bg-green > p, .notion-text.bg-yellow > p, .notion-text.bg-orange > p, .notion-text.bg-red > p, .notion-text.bg-pink > p, .notion-text.bg-gray > p, .notion-text.bg-brown > p, .notion-text.bg-yellow > p, .notion-text.bg-blue > p, .notion-text.bg-purple > p { margin-top: 3px !important; } .notion-navbar .notion-breadcrumb { background: transparent !important; } .notion-navbar .notion-breadcrumb__item:hover { background: transparent !important; } body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; background: var(--color-bg-dark) !important; color: var(--color-text-light) !important; font-size: var(--font-size) !important; } ::-moz-selection { background: var(--color-primary) !important; color: var(--color-text-dark) !important; } ::selection { background: var(--color-primary) !important; color: var(--color-text-dark) !important; } .super-content { max-width: 100% !important; padding: 0px 0px !important; } .super-content.max-width { max-width: var(--max-width) !important; } .notion-navbar > a { border-bottom: none !important; padding: 0px !important; } .notion-navbar > a:visited { color: var(--color-text-light-legible) !important; } .notion-navbar > a:hover { background: transparent !important; color: var(--color-primary) !important; } .notion-navbar__title { color: var(--color-text-light) !important; font-size: 1.1em !important; transition: var(--transition); z-index: 50 !important; } .notion-navbar__title:hover { color: var(--color-primary) !important; } .notion-navbar { height: auto !important; padding: 20px !important; background: transparent !important; background-color: transparent !important; position: fixed !important; position: -webkit-fixed !important; -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; } .notion-breadcrumb__divider { display: none; } .notion-breadcrumb__item:not(:first-child) { display: none !important; } .notion-page__properties, .notion-header__title-wrapper, .notion-header.page { display: none; } .notion-column { padding: 0px !important; } .notion-column h2 { margin-bottom: 15px; } .notion-header__content .has-cover { display: none !important; } .notion-header { display: block !important; position: relative !important; margin: 0 !important; margin-bottom: 0px !important; width: 100% !important; height: 100% !important; } .notion-header__cover { position: absolute !important; height: 100vh !important; max-height: 100vh !important; margin-top: -0px !important; margin-bottom: -1000px !important; padding: 0px !important; width: 100% !important; opacity: 1; z-index: -10 !important; -webkit-animation: coverFadeIn ease-in 2s; -moz-animation: coverFadeIn ease-in 1s; -ms-animation: coverFadeIn ease-in 1s; -o-animation: coverFadeIn ease-in 1s; animation: coverFadeIn ease-in s; } .notion-header__cover:after { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; background-image: var(--cover-gradient) !important; width: 100%; height: 50% !important; } h1.notion-heading { margin-bottom: 0px !important; height: auto !important; display: flex !important; flex-direction: column !important; padding-left: 0px !important; font-weight: 300 !important; } .notion-root > h1 { margin-top: 0px !important; margin-bottom: 60px !important; height: 80vh !important; max-width: 64vw !important; -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; } h1.notion-heading:not(:first-child) > span { margin-top: auto !important; margin-bottom: 0px !important; } .notion-text__content { margin: 0px !important; padding: 0 !important; } h1 { font-size: 4.0em !important; font-weight: 600 !important; font-weight: 700 !important; letter-spacing: 1.5px; } h2 { font-size: 1.75em !important; font-weight: 300 !important; margin-top: 0px !important; font-weight: 600 !important; padding: 0px !important; line-height: .5 !important; } h5, h4 { font-size: 1.1em !important; font-weight: 300 !important; margin-top: 0px !important; padding: 0px !important; line-height: 1.5 !important; } h3 { font-size: 1.5em !important; text-transform: none !important; letter-spacing: 1.3px !important;

font-family: Arial, Helvetica, sans-serif;

font-weight: normal; margin-bottom: 10px!; } p { font-size: 1.0em !important; font-size: 1.02em !important; margin-top: 0 !important; } .notion-column p, .notion-column .notion-quote { max-width: 640px !important; } .notion-column > ul { max-width: 640px !important; } .notion-column > h2 { max-width: 640px !important; } .notion-column > h1 { max-width: 640px !important; } .notion-column > h3 { max-width: 640px !important; } .notion-column > ol { max-width: 640px !important; } .notion-to-do__content { max-width: 640px !important; } .date { color: var(--color-text-light-legible) !important; } p > * { line-height: 1.65 !important; letter-spacing: 0.1px !important; } p > span > span > a { border-bottom: 1px solid var(--color-primary) !important; padding-bottom: 2px !important; } p > span > span > a:visited { color: var(--color-text-light-legible) !important; } li a { border-bottom: 1px solid var(--color-primary) !important; } h2 > span > span > a { color: var(--color-primary) !important; } p code { font-size: 1em !important; } .notion-file__icon { fill: var(--color-primary) !important; } .notion-file__size { color: var(--color-text-light-legible); opacity: 0.4; } .notion-quote { font-size: 1.1em !important; line-height: 1em !important; border-left: 1px solid var(--color-primary) !important; } .notion-toggle { display: none !important; } pre { font-size: 0.9em !important; background: var(--color-bg-dark-darker) !important; max-width: 630px !important; color: var(--color-text-light-legible) !important; } pre code { background: var(--color-bg-dark-darker) !important; max-width: 630px !important; color: var(--color-text-light-legible) !important; } code { white-space: pre-wrap !important; background: var(--color-bg-dark-lighter) !important; border-radius: 0 !important; color: var(--color-text-light-legible) !important; } token[style] { color: var(--color-text-light-legible) !important; } code { text-shadow: none !important; } pre { text-shadow: none !important; } pre > code > span { text-shadow: none !important; } .token { text-shadow: none !important; color: var(--color-text-light-legible) !important; } .notion-caption { color: var(--color-text-light-legible) !important; opacity: 0.7; font-size: 1.1em; margin-bottom: 30px !important; } .notion-text__content { color: var(--color-text-light-legible) !important; font-size: 0.9em; } a { color: var(--color-text-light-legible) !important; transition: var(--transition) !important; border: 0 !important; } a:visited { color: var(--color-text-light-legible) !important; } a:hover { color: var(--color-primary) !important; } .notion-divider { border-color: var(--color-bg-dark-lighter) !important; opacity: 0.4 !important; } .notion-bulleted-list { list-style: none !important; } .notion-bulleted-list li { margin: 10px 0px !important; } .notion-list-item > span { padding-left: 8px !important; } ul > .notion-list-item:before { content: "⟶"; opacity: 0.2 !important; display: inline-block; margin-left: -4em; font-size: 16px !important; } ul { font-size: 1em !important; } .notion-list-item > span { color: var(--color-text-light-legible) !important; } ol li { color: #737477 !important; } .notion-numbered-list li { margin: 10px 0px !important; } .notion-checkbox > svg { fill: var(--color-bg-dark-lighter) !important; } .notion-checkbox.checked { background: var(--color-primary) !important; } .notion-checkbox.checked > svg { fill: var(--color-text-dark) !important; } .notion-bookmark { border: 1px solid var(--color-bg-dark-lighter) !important; } .notion-bookmark__content { padding: 20px !important; } .notion-bookmark a:hover { color: var(--color-text-light-legible) !important; } .notion-bookmark a:hover .notion-bookmark__title { color: var(--color-primary) !important; } .notion-callout.border > { display: block !important; } .notion-callout { border: 1px solid var(--color-primary) !important; color: var(--color-primary) !important; background: transparent !important; font-size: 1.2rem !important; border-radius: 0 !important; align-self: flex-start; transition: var(--transition); padding: 0 !important; margin: 0 !important; margin-top: 15px !important; } .notion-callout.bg-green-light { border: 1px solid transparent !important; background: transparent !important; color: var(--color-text-green) !important; } .notion-callout.bg-green-light a { border: 1px solid var(--color-green) !important; background: transparent !important; color: var(--color-text-green) !important; } .notion-callout.bg-green-light:hover { background: var(--color-green) !important; cursor: pointer !important; } .notion-callout.bg-green-light:hover a { color: var(--color-text-dark) !important; cursor: pointer !important; } .notion-callout.bg-purple-light { border: 1px solid var(--color-purple) !important; background: transparent !important; color: var(--color-purple) !important; } .notion-callout.bg-purple-light a { background: transparent !important; color: var(--color-purple) !important; } .notion-callout.bg-purple-light:hover { background: var(--color-purple) !important; cursor: pointer !important; } .notion-callout.bg-purple-light:hover a { color: var(--color-text-light) !important; cursor: pointer !important; } .notion-callout.bg-gray-light { border: 1px solid var(--color-gray) !important; background: transparent !important; color: var(--color-gray) !important; } .notion-callout.bg-gray-light a { background: transparent !important; color: var(--color-gray) !important; } .notion-callout.bg-gray-light:hover { background: var(--color-gray) !important; cursor: pointer !important; } .notion-callout.bg-brown-light { border: 1px solid var(--color-brown) !important; background: transparent !important; color: var(--color-brown) !important; } .notion-callout.bg-brown-light a { background: transparent !important; color: var(--color-brown) !important; } .notion-callout.bg-brown-light:hover { background: var(--color-brown) !important; cursor: pointer !important; } .notion-callout.bg-brown-light:hover a { color: var(--color-text-light) !important; cursor: pointer !important; } .notion-callout.bg-orange-light { border: 1px solid var(--color-orange) !important; background: transparent !important; color: var(--color-orange) !important; } .notion-callout.bg-orange-light a { background: transparent !important; color: var(--color-orange) !important; } .notion-callout.bg-orange-light:hover { background: var(--color-orange) !important; cursor: pointer !important; } .notion-callout.bg-orange-light:hover a { color: var(--color-text-dark) !important; cursor: pointer !important; } .notion-callout.bg-yellow-light { border: 1px solid var(--color-bg-yellow) !important; background: transparent !important; color: var(--color-text-yellow) !important; } .notion-callout.bg-yellow-light a { background: transparent !important; color: var(--color-text-yellow) !important; } .notion-callout.bg-yellow-light:hover { background: var(--color-bg-yellow) !important; cursor: pointer !important; } .notion-callout.bg-yellow-light:hover a { color: var(--color-text-dark) !important; cursor: pointer !important; } .notion-callout.bg-blue-light { border: 1px solid var(--color-blue) !important; background: transparent !important; color: var(--color-blue) !important; } .notion-callout.bg-blue-light a { background: transparent !important; color: var(--color-blue) !important; } .notion-callout.bg-blue-light:hover { background: var(--color-blue) !important; cursor: pointer !important; } .notion-callout.bg-blue-light:hover a { color: var(--color-text-light) !important; cursor: pointer !important; } .notion-callout.bg-pink-light { border: 1px solid var(--color-pink) !important; background: transparent !important; color: var(--color-pink) !important; } .notion-callout.bg-pink-light a { background: transparent !important; color: var(--color-pink) !important; } .notion-callout.bg-pink-light:hover { background: var(--color-pink) !important; cursor: pointer !important; } .notion-callout.bg-pink-light:hover a { color: var(--color-text-dark) !important; cursor: pointer !important; } .notion-callout.bg-red-light { border: 1px solid var(--color-red) !important; background: transparent !important; color: var(--color-red) !important; } .notion-callout.bg-red-light a { background: transparent !important; color: var(--color-red) !important; } .notion-callout.bg-red-light:hover { background: var(--color-red) !important; cursor: pointer !important; } .notion-callout.bg-red-light:hover a { color: var(--color-text-dark) !important; cursor: pointer !important; } .notion-callout__content { margin-left: 0px !important; } .notion-callout.bg-gray-light { display: flex !important; align-items: center !important; justify-content: center !important; } .notion-callout__icon { display: none !important; } .notion-callout a { width: 100% !important; height: 100% !important; color: var(--color-text-dark); display: flex !important; margin: 0 !important; padding: 10px !important; bottom: 0 !important; right: 0 !important; left: 0 !important; top: 0 !important; font-size: 0.9em !important; text-decoration: none !important; border-bottom: 0 !important; } .notion-callout:hover { background: var(--color-primary) !important; cursor: pointer !important; } .notion-callout:hover a { color: var(--color-text-dark) !important; cursor: pointer !important; } .notion-bookmark__title { height: auto !important; margin-bottom: 7px !important; } .notion-bookmark__description { height: auto !important; line-height: 1.3 !important; margin-bottom: 10px !important; } .notion-bookmark__link { margin-top: 10px; } .notion-bookmark__link > p { font-size: 0.8em !important; text-transform: uppercase; letter-spacing: 1px; } .notion-bookmark__cover { height: auto !important; border-radius: 10px !important; } .notion-collection-list__item-content, .notion-property__title__icon-wrapper { display: none !important; } .notion-collection-card { border-radius: 0 !important; box-shadow: none !important; position: relative !important; width: 100% !important; background: transparent !important; } .notion-collection-card__cover, .notion-collection-card__cover div, .notion-collection-card__cover img { max-height: 700px !important; height: 700px !important; border-radius: 0 !important; margin-bottom: 5px !important; border: 0 !important; transition: var(--transition) !important; } .notion-collection__header { display: none !important; } .notion-collection-gallery { display: flex !important; flex-direction: column !important; border: 0 !important; grid-gap: 0px !important; border: none !important; padding: 0 !important; } .notion-collection-card:hover .notion-collection-card__cover { background: none !important; opacity: 0.4 !important; } .notion-collection-card:hover .notion-property__title { color: var(--color-primary) !important; } .project-arrow { width: 24px !important; position: absolute; right: 0; bottom: 0; margin-bottom: 30px; opacity: 0.2; transition: var(--transition); } .notion-collection-card:hover .project-arrow { opacity: 1 !important; } .notion-collection-card__anchor { height: 100% !important; } .notion-collection-gallery .large { margin-top: 0px !important; } .notion-property__title { padding: 0px !important; font-size: 1.1em !important; transition: var(--transition); } .notion-property__title > span { font-weight: 300 !important; line-height: 23px; } .notion-collection-card { margin-bottom: 140px !important; } .large > .notion-collection-card:last-child { margin-bottom: 10px !important; } .medium > .notion-collection-card { transition: var(--transition) !important; margin-bottom: 40px !important; } .notion-property__date property-62447d5e { color: red !important; } .notion-collection-card .gallery { display: flex !important; flex-direction: row !important; } .medium

.notion-collection-card .notion-collection-card__content .notion-collection-card__property .notion-property span span span { color: var(--color-text-light) !important; font-size: 0.9em !important; text-transform: uppercase; letter-spacing: 1px; opacity: 0.4; margin: 0 !important; padding: 0 !important; line-height: 26px !important; } .notion-collection-card .notion-property__title { padding: 10px 0px 0px 0px !important; } .notion-collection-card__content { display: flex !important; align-items: center !important; -webkit-padding-start: 0px !important; padding-inline-start: 0px !important; } .notion-collection-card__property:nth-child(2) { margin-left: 15px !important; } .notion-pill { border-radius: 0px !important; padding: 5px 10px; text-transform: uppercase; font-weight: 500; font-size: 0.9em !important; letter-spacing: 1px; margin: 0; display: block; max-width: 100% !important; background: transparent !important; padding: 0 !important; opacity: 0.4 !important; } .notion-collection-card__content { padding: 0px !important; } .notion-collection-card.gallery .notion-property__title .notion-semantic-string { white-space: normal !important; overflow: auto !important; text-overflow: unset !important; } table:first-child { color: white; height: auto !important; display: flex; align-items: center; font-size: 1.1em !important; margin-bottom: 40px !important; margin-top: 120px !important; border-top: 1px solid #333; padding-top: 80px; } .notion-collection-table__cell > div > span { display: flex !important; } .notion-collection-table__cell.text { padding-left: 0 !important; height: auto !important; } tr:first-child span:not(:first-child) { margin-left: 15px; } tr:not(:first-child) a { margin-left: 4px; margin-right: 4px; text-decoration: underline !important; } tbody { width: 100% !important; display: flex !important; justify-content: space-between !important; } td { width: 100% !important; } .notion-collection-table__body > tr:nth-child(1) > td:nth-child(2) { padding-bottom: 0px !important; } .notion-collection-table__body tr:not(:first-child) td .notion-property span span { opacity: 0.3 !important; } .no-click { display: none !important; } .notion-collection-table { margin-bottom: 0px; } .notion-collection-table__head { display: none; } .notion-collection-table { width: 100%; } .notion-collection-table td, .notion-collection-table th { border: 0 !important; } .notion-root .notion-collection:first-child table { justify-content: flex-end !important; align-items: center !important; position: fixed !important; z-index: 9999 !important; display: flex !important; border: none !important; margin: 0 !important; padding: 10px 25px 20px 0px !important; margin-top: 9px !important; right: 0 !important; top: 0 !important; width: auto !important; text-align: right !important; -webkit-animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -ms-animation: fadeInDown 1s; -o-animation: fadeInDown 1s; animation: fadeInDown 1s; } .notion-root .notion-collection:first-child table tbody tr td { padding: 0 !important; } .notion-root .notion-collection:first-child table tbody tr { margin-left: auto !important; } @keyframes fadeInDown { from { opacity: 0; top: -50px; } to { opacity: 1; top: 0px; } } @-moz-keyframes fadeInDown { from { opacity: 0; top: -50px; } to { opacity: 1; top: 0px; } } @-webkit-keyframes fadeInDown { from { opacity: 0; top: -50px; } to { opacity: 1; top: 0px; } } @-ms-keyframes fadeInDown { from { opacity: 0.3; top: -250px; } to { opacity: 0.3; top: 120px; } } @keyframes coverFadeIn { from { opacity: 0.2; } to { opacity: 0.8 !important; } } @-moz-keyframes coverFadeIn { from { opacity: 0.2; } to { opacity: 0.8 !important; } } @-webkit-keyframes coverFadeIn { from { opacity: 0.2; } to { opacity: 0.8 !important; } } @-ms-keyframes coverFadeIn { from { opacity: 0.2; } to { opacity: 0.8 !important; } } @media all and (max-width: 620px) { body { font-size: 0.9em !important; } .notion-column { margin-bottom: 20px !important; } table:first-child { margin-top: 50px !important; padding-top: 40px !important; } .notion-collection-table__body tr:not(:first-child) td .notion-property span span { font-size: 11px !important; text-transform: uppercase; letter-spacing: 1px; opacity: 0.5 !important; } .notion-collection-table__body > tr:nth-child(1) > td:nth-child(2) { padding-bottom: 20px !important; } .notion-navbar { box-shadow: none !important; justify-content: center !important; padding: 12px !important; } h1.notion-heading { width: 100% !important; max-width: 100% !important; } h1 { font-size: 2.2em !important; font-weight: 300 !important; letter-spacing: -1.5px; } h2 { font-size: 2.1em !important; font-weight: 500 !important; margin-top: 0 !important; padding: 0 !important; margin-bottom: 15px !important; } .notion-collection-card__cover, .notion-collection-card__cover div, .notion-collection-card__cover img { max-height: 400px !important; height: 400px !important; } .notion-property__title > .notion-semantic-string > span { white-space: pre-wrap !important; } .project-arrow { display: none !important; } .large { margin-top: 20px !important; } .medium { margin-top: 20px !important; } .large > .notion-collection-card { margin-bottom: 20px !important; } .medium > .notion-collection-card { padding-top: 20px !important; padding-bottom: 20px !important; margin: 0 !important; border-bottom: 1px solid #ffffff1a !important; } tbody { width: 100% !important; display: flex !important; flex-direction: column !important; } .notion-root .notion-collection:first-child table { margin: 0 !important; margin-top: 50px !important; left: 50%; transform: translateX(-50%); padding: 0 !important; padding-top: 5px !important; padding-left: 5px !important; padding-right: 5px !important; width: 100% !important; overflow-x: auto !important; } tr:first-child span:not(:first-child) { margin: 0 !important; } .notion-root .notion-collection:first-child table tbody tr td div span { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; } .notion-root .notion-collection:first-child table tbody tr td div span a { margin: 5px 10px; } .notion-root .notion-collection:first-child table::-webkit-scrollbar { width: 0 !important; background: transparent !important; } .notion-root .notion-collection:first-child table tbody tr { margin-left: 0 !important; margin: 0 auto !important; } .notion-collection:not(:first-child) table:first-of-type tr:nth-of-type(1) td div span { width: 100% !important; flex-direction: column !important; } .notion-collection:not(:first-child) table:first-of-type tr:nth-of-type(1) td div span span { margin-bottom: 5px !important; } tr:nth-of-type(1) > td > div > span { width: 100% !important; flex-direction: row !important; } tr:nth-of-type(2) > td > div > span { flex-direction: row !important; } .nav-links { display: none !important; } } .super-password-protection__input { background: var(--color-bg-dark) !important; color: var(--color-primary) !important; border: 1px solid var(--color-primary) !important; border-radius: 0px !important; } .super-password-protection__input input { background: var(--color-bg-dark) !important; color: var(--color-primary) !important; } .super-password-protection__input-lock svg { stroke: var(--color-primary) !important; } .super-password-protection__wrapper > div > div > img { display: none !important; } .notion-collection-card__cover.large, .notion-collection-card__cover.large > span, .notion-collection-card__cover.large img, .notion-collection-card__cover.medium, .notion-collection-card__cover.medium > span, .notion-collection-card__cover.medium img { max-height: 100% !important; }

Optimism Town Hall CSS Code

CSS

.notion-collection-card__property:last-child, .notion-collection-list__item-property:last-child { background: none!important; border-radius: 0px!important; color: var(--color-text-default)!important; font-size: 16px!important; font-weight: 300!important; opacity: 1!important; position: static!important; }

:root { --list-item-border: #E1E9FF; --list-item-hover: #F1F5FF; --page-width: 1280px; --button-rounding: 50px!important; }

.notion-header__cover:after { background-image: linear-gradient(to bottom, rgba(251, 252, 255, 0), rgba(0, 0, 0, 0) 98%)!important; }

#page-index .notion-text, h1.notion-heading:first-of-type { text-align: center!important; margin: 10!important; } .notion-collection-gallery.large { /*grid-template-columns: 2fr !important; / / make the gallery one column wide */ }

.notion-collection-card__cover.large, .notion-collection-card__cover.large img { height: max-content!important; } .notion-collection-card .notion-property__title .notion-property__title__icon-wrapper { display: none !important; /* hide the page icon */ }

.notion-toggle { display: none !important; }

[id^="page-blog"] .notion-property__text.notion-collection-card__property { padding-left:0px !important; }

.gallery .notion-collection-card__property.notion-semantic-string { line-height: 1.6rem !important; }

.notion-collection-list__item-property .notion-semantic-string,.notion-property.notion-property__title .notion-semantic-string span{white-space:pre-wrap!important}:root{--primary-color:#202B3F;--color-text-default:#202B3F;--color-bg-default:#FBFCFF;--color-border-default:#e3e4f0!important;--button-bg-color:#202B3F!important;--button-text-color:#ffffff!important;--mobile-menu-background-color:#FFFFFF;--list-item-border:#E1E9FF;--list-item-hover:#F1F5FF;--page-width:1280px;--button-rounding:50px!important;--header-title-align:center!important;--card-radius:36px!important;--header-gradient:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 98%)!important;--navbar-bg:rgba(255, 255, 255, .6)!important}.theme-dark{--header-gradient:linear-gradient(to bottom, rgba(39, 43, 51, 0), rgba(39, 43, 51, 1) 98%)!important;--navbar-bg:rgba(25, 25, 25, .6)!important;--button-bg-color:#36507e!important;--button-text-color:#f2f2f2!important;--color-bg-default:#272b33!important;--color-border-default:#46474e!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}.super-navbar__menu{background:var(--mobile-menu-background-color)!important}.super-navbar{transition:height .3s ease-in-out!important;box-shadow:0 0 1px 1px rgba(33,41,63,.1)!important;z-index:90!important;background:var(--navbar-bg)!important}.super-navbar__cta{padding:12px 20px!important;border-radius:var(--button-rounding)!important;background:var(--button-bg-color)!important;color:var(--button-text-color)!important}.super-navbar.scrolled{-webkit-backdrop-filter:blur(20px) saturate(200%)!important;-moz-backdrop-filter:blur(20px) saturate(200%)!important;backdrop-filter:blur(20px) saturate(200%)!important;box-shadow:0 0 20px rgba(0,0,0,.04)!important;height:65px!important}.notion-dropdown__button svg:first-of-type,.notion-dropdown__menu-header,.notion-toggle.bg-brown{display:none!important}.notion-image img{border-radius:20px!important}h1.notion-heading{font-size:42px!important;line-height:48px!important}.notion-collection-card__cover,.notion-collection-card__cover img{transition:.25s ease-in-out!important}.notion-collection-gallery{gap:45px!important;row-gap:50px!important;border-top:0!important}.notion-collection-card{box-shadow:none!important;background:0 0!important}.notion-dropdown__menu,.notion-embed iframe{background:var(--color-bg-default)!important}.notion-collection-card__property{min-height:0!important;margin-bottom:8px!important}.notion-collection-card__content>*{margin-bottom:10px!important}.notion-collection-card__cover{border-radius:var(--card-radius)!important;box-shadow:0 3px 16px 0 rgba(38,47,92,.06);border:0!important}.notion-collection-card__cover.medium{height:280px!important;max-height:280px!important}.notion-property__title{transition:opacity .15s ease-in-out!important;margin-bottom:5px!important;opacity:.85!important}.notion-property.notion-property__title .notion-semantic-string{display:flex!important}.notion-collection-card .notion-property__title{padding:0!important;margin-top:20px!important;margin-bottom:10px!important}.notion-collection-card__content{padding:0!important;justify-content:space-between!important;font-size:.8em!important}.notion-collection-card__property:last-child,.notion-collection-list__item-property:last-child{background:var(--button-bg-color)!important;border-radius:100px!important;padding:10px!important;color:var(--button-text-color)!important;font-size:16px!important;font-weight:600!important;opacity:.5!important;transition:opacity .15s ease-in-out!important;position:absolute!important;top:20px!important;right:20px!important}.notion-property.notion-property__select .notion-pill{padding:14px 10px!important;margin:0!important;line-height:0!important;max-width:100%!important;border-radius:50px!important;opacity:.7!important;transition:opacity .15s ease-in-out!important}.notion-collection-card .notion-property__title,.notion-collection-card .notion-property__title span{font-size:22px!important;font-weight:600!important;letter-spacing:-.5px!important}.notion-collection-card:hover{background:0 0!important;cursor:pointer!important}.notion-collection-card:hover .notion-collection-card__property:last-child,.notion-collection-card:hover .notion-property.notion-property__select .notion-pill,.notion-collection-card:hover>.notion-property__title,.notion-collection-list__item:hover .notion-collection-list__item-property:last-child{opacity:1!important}.notion-collection-card:hover .notion-collection-card__cover{transform:scale(.97)!important;border-radius:calc(var(--card-radius) + 2px)!important}.notion-collection-card:hover .notion-collection-card__cover img{transform:scale(1.15)!important}.gallery .notion-collection-card__property .notion-semantic-string{white-space:pre-wrap!important;opacity:.8!important;font-size:14px!important}.notion-collection{transition:.15s ease-in-out!important}.notion-collection-list{max-width:800px!important;margin:0 auto!important;border-top:0!important}.notion-collection-list__item{flex-direction:column!important;align-items:flex-start!important;margin-bottom:20px!important;border-radius:20px!important;padding:20px!important;transition:background .15s ease-in-out!important;border:1px solid var(--color-border-default)!important}.notion-collection-list__item:hover{background:var(--list-item-hover)!important}.notion-collection-list__item-content{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;max-width:600px!important}.notion-collection-list__item-content .notion-property__text{max-width:600px!important}.notion-collection-list .notion-property__title__icon-wrapper span,.notion-property__title__icon-wrapper{display:block!important}.notion-collection-list .notion-property__title__icon-wrapper{margin-inline-end:10px!important}.notion-collection-list .notion-property__title{font-size:22px!important;margin-bottom:10px!important}#page-index .notion-text,.notion-root>h1.notion-heading:first-of-type{text-align:center!important;max-width:600px!important;margin:0 auto!important}@-webkit-keyframes dropdown-animation-in{0%{opacity:0;transform:translateY(-5%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-animation-in{0%{opacity:0;transform:translateY(-5%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@-webkit-keyframes dropdown-animation-out{0%{opacity:1;transform:translateY(0) scale(1)}to{z-index:-1;opacity:0;transform:translateY(-5%) scale(.95)}}@keyframes dropdown-animation-out{0%{opacity:1;transform:translateY(0) scale(1)}to{z-index:-1;opacity:0;transform:translateY(-5%) scale(.95)}}.notion-dropdown{width:100%!important}.notion-dropdown__button{justify-content:space-between!important;width:100%!important;border:1px solid var(--color-border-default)!important;padding:10px!important;border-radius:8px!important}.notion-dropdown__menu-wrapper{margin-bottom:25px!important}.notion-dropdown__menu{width:100%!important;border-radius:8px!important;transform:none!important;left:auto!important;top:auto!important;box-shadow:0 10px 20px -10px rgb(0 0 0 / 12%)!important;border:1px solid var(--color-border-default)!important;margin-top:5px!important}.notion-dropdown__option-list{padding:0!important;flex-wrap:wrap!important}.notion-dropdown__option{padding:5px 16px!important;height:50px!important}.notion-dropdown__button-title,.notion-dropdown__option p{font-size:16px!important}.notion-dropdown__button:hover{background:0 0!important}#page-index .notion-header__content,.notion-dropdown__option-icon{display:none!important}@media all and (min-width:624px){.notion-dropdown__button,.notion-dropdown__menu-header{display:none!important}.notion-dropdown__menu.initial-state{z-index:1!important;opacity:1!important;transform:none!important}.notion-dropdown__menu.animate-in,.notion-dropdown__menu.animate-in.animate-out,.notion-dropdown__menu.animate-out{animation:none!important}.notion-dropdown__menu{background:0 0!important;box-shadow:unset!important;transform:none!important;left:auto!important;top:auto!important;position:relative!important;border:none!important}.notion-dropdown__menu-wrapper{margin-bottom:0!important;position:relative!important}.notion-dropdown__option:hover{background:var(--color-text-default)!important;border:1px solid var(--button-bg-color)!important}.notion-dropdown__option:hover p,.notion-dropdown__option:hover svg{color:var(--color-bg-default)!important}.notion-dropdown__option{margin:10px;border:1px solid var(--color-border-default)!important;border-radius:var(--button-rounding)!important;transition:.2s ease-out!important}.notion-dropdown__option p{transition:color .2s ease-in-out!important;color:var(--color-grey)!important;font-size:18px!important}.notion-dropdown__option-list{display:flex!important;padding:0!important;margin-left:-10px!important;justify-content:center!important}}#page-index .notion-header__cover.has-cover{position:absolute!important;width:100%!important;top:0!important;height:100vh!important;max-height:100vh!important;z-index:-2!important;opacity:var(--bg-opacity)!important}.notion-header__cover:after{content:""!important;position:absolute!important;z-index:0!important;bottom:-2px!important;left:0!important;background-image:var(--header-gradient)!important;width:100%!important;height:100%!important}#page-index .super-content{margin-top:5rem!important}.notion-header__title-wrapper{text-align:center!important}.notion-header__icon-wrapper.has-icon,.notion-header__icon-wrapper.has-icon-image{position:absolute!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;text-align:center!important}.max-width{max-width:var(--page-width)!important}#page-setup-guide .max-width{max-width:900px!important}.notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link,.notion-text .notion-text__content .notion-semantic-string span .notion-link strong{margin:20px -5px!important;padding:12px 18px!important;border-radius:var(--button-rounding)!important;opacity:1!important;font-weight:300!important;display:inline-flex!important;justify-content:center!important;transition:background .2s ease-in-out!important;background:var(--button-bg-color)!important;color:var(--button-text-color)!important;border:0!important}.notion-root .notion-text .notion-link strong,.notion-root .notion-text strong .notion-link{border:0!important;margin:20px -5px!important;padding:12px 18px!important;border-radius:var(--button-rounding)!important;opacity:1!important;font-weight:300!important;display:inline-flex!important;justify-content:center!important;transition:background .2s ease-in-out!important;background:var(--button-bg-color)!important;color:var(--button-text-color)!important;text-decoration:none!important}.notion-link{opacity:1!important}.notion-link:hover{opacity:.7!important}.notion-collection-card__content .notion-property__text{max-width:100%!important}.notion-dropdown__option.active{background:var(--button-bg-color)!important;border:var(--button-bg-color)!important}.notion-dropdown__option.active p{color:var(--button-text-color)!important}