49:T1688,

4a:Tbb1e,html, body { /* scroll-behavior: smooth; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } .no-wrap { white-space: pre-wrap !important; } :root { --color-ui-hover-bg: #F6F4F2; --color-ui-hover-bg-light: #FAFAFA; /*--primary-font: "Ideal Sans SSm A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important;*/ --primary-font: "Ideal-Sans-SSm-A", "Ideal-Sans-SSm-B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important; } /* (C) NO SELECT + HIGHLIGHT COLOR */ body { user-select: none; } body::selection { background: none; } body::-moz-selection { background: none; } @media print { body { display:none !important; } html { font-size: 1px !important; } } /*.super-navbar__logo-image img:hover { 3.` */ /*-webkit-filter: drop-shadow(0px 0px 40px #61348C);*/ /*filter: drop-shadow(5px -5px 40px #61348C);*/ /* transition: all 0.9s;*/ /*}*/ .super-navbar__logo-image *, .super-navbar * { overflow: visible !important; } #__memberspace_memberlogin_button a, .super-navbar__cta { box-shadow: 0 20px 40px -10px rgba(115,45,154,0.5); background-color: #593286 !important; border: none !important; font-family: "Ideal-Sans-SSm-A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important; letter-spacing: -0.5px; border-radius: 4px; } /*@media (max-width: 800px){ #__memberspace_memberlogin_button a, .MemberSpaceWidgetInternal__Button_root { width: initial !important; right: 2vh !important; top: 25px !important; position: absolute; z-index: 19 !important; border-radius: 4px !important; padding: 8px 12px !important; } } .MemberSpaceWidgetInternal__MemberAccessButton_button { box-shadow: 0 20px 40px -10px rgba(115,45,154,0.5) !important; transition: all .2s ease-in-out; background-color: rgba(125,38,160,0.5) !important; letter-spacing: -0.5px; text-decoration: none; padding: 8px 12px !important; border-radius: 4px !important; font-weight: 500; position: absolute; z-index: 19 !important; color: #fff; right: 2vh !important; top: 65px !important; bottom: initial !important; display: inline-block; font-family: "Ideal-Sans-SSm-A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important; letter-spacing: -0.5px; border: none !important; font-weight: normal !important; }*/ /*#__memberspace_memberlogin_button, [data-ms-handler-added="true"] .super-navbar__cta {*/ /* box-shadow: 0 20px 40px -10px rgba(115,45,154,0.5); */ /* transition: all .2s ease-in-out;*/ /* background-color: #593286 !important;*/ /* letter-spacing: -0.5px;*/ /* text-decoration: none;*/ /* padding: 8px 12px;*/ /* border-radius: 4px;*/ /* font-weight: 500;*/ /* position: absolute; */ /* z-index: 19;*/ /* color: #fff;*/ /* right: 2vh;*/ /* top: 60px;*/ /* bottom: initial !important;*/ /* display: inline-block; */ /* font-family: "Ideal-Sans-SSm-A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important; */ /* letter-spacing: -0.5px;*/ /* font-weight: normal !important;*/ /*}*/ .memberspace-button:hover { box-shadow: 0 20px 40px -10px rgba(72,68,202,.8); background: #4844CA; } .MemberSpaceWidgetInternal__BrandedModal_footer { display:none !important; } .MemberSpaceWidgetInternal__Button_variant-secondary, .MemberSpaceWidgetInternal__Button_variant-primary { color: var(--secondary-button-color); -webkit-text-fill-color: initial; font-family: "Ideal-Sans-SSm-A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important; letter-spacing: -0.7px !important; /* font-weight: 700 !important; */ background-color: var(--secondary-button-background-color); border-color: var(--secondary-button-border-color); border-radius: var(--secondary-button-border-radius); } .MemberSpaceWidgetInternal__Typography_root, .MemberSpaceWidgetInternal__Dropdown_select, .MemberSpaceWidgetInternal__TextInput_input, .MemberSpaceWidgetInternal__Button_root { font-family: "Ideal-Sans-SSm-A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important; letter-spacing: -0.7px !important; } #__memberspace_modal_protected_page { position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:2147483646; } /*[data-ms-handler-added="true"] .super-navbar__cta {*/ /* background: 0 0!important;*/ /* background-color: rgb(255,255,255, 0.8)!important;*/ /* color: #999 !important;*/ /*} */ /* [data-ms-hide="auth"] .super-navbar__cta { font-size:24px !important; } */ /*.super-navbar__menu .super-navbar__item { 3.1*/ /* color: #555 !important;*/ /*}*/ body { font-family: "Ideal-Sans-SSm-A", "Ideal Sans SSm B", Inter, "Helvetica","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji, "Noto Color Emoji","Segoe UI Symbol","Android Emoji",EmojiSymbols, -apple-system,"BlinkMacSystemFont","Segoe UI","Roboto", "Helvetica Neue","Noto Sans",sans-serif !important; letter-spacing: -0.5px; font-display: swap !important; } p.notion-text__content { margin-bottom: 0.4em !important; } h1, h2, h3 { letter-spacing: -0.9px; } h3.notion-heading { margin-top: 15px !important; } h1 { background: linear-gradient(to right, #732D9A, #462359); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } h2 { background: linear-gradient(to bottom right, #4465F9, #2B409F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .notion-heading, .notion-header__title { padding-top:0px !important; padding-bottom:0px !important; /*margin-top: 2px !important;*/ margin-bottom: 3px !important; } h1.notion-heading { margin-top: 20px !important; } /*.super-content {*/ /* 3.1 */ /* max-width: 1200px;*/ /*margin: auto; 3.1 */ /*}*/ /* .notion-header .no-cover {*/ /*.notion-header__title-wrapper, .notion-header__description, { */ .super-navbar { background: 0 0 !important; background-color: transparent!important; position: fixed!important; } .super-navbar__content { background-color: transparent !important; } .super-navbar__button svg path:nth-of-type(2) { fill: #4465F9 !important; } .super-navbar__button { opacity:1 !important; } .notion-header { /* 3.1 */ overflow: visible !important; align-self: center !important; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ .super-navbar { /* background: 0 0 !important; */ background-color: transparent!important; position: fixed!important; -webkit-backdrop-filter: blur(40px)!important; backdrop-filter: blur(40px)!important; } } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ .super-navbar { /*background: 0 0 !important; */ background-color: transparent!important; position: fixed!important; -webkit-backdrop-filter: blur(40px)!important; backdrop-filter: blur(40px)!important; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .super-navbar { background: #ffffff !important; } .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper, .notion-header.collection { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.has-cover.has-icon-image:not(.max-width) { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.no-cover.has-icon { width: 1024px !important; margin: auto; } .notion-header.collection { max-width: 1024px !important; margin-left: auto !important; margin-right:auto !important; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1194px) and (orientation : landscape) { .super-navbar { background: #ffffff !important; /*background-color: transparent!important; position: fixed!important; -webkit-backdrop-filter: blur(40px)!important; backdrop-filter: blur(40px)!important; */ } .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper, .notion-header.collection { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.has-cover.has-icon-image:not(.max-width) { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.no-cover.has-icon { width: 1194px !important; margin: auto; } .notion-header.collection { max-width: 1194px !important; margin-left: auto !important; margin-right:auto !important; } } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1194px) and (orientation : portrait) { .super-navbar { /* background: 0 0 !important; */ background-color: transparent!important; position: fixed!important; -webkit-backdrop-filter: blur(40px)!important; backdrop-filter: blur(40px)!important; } .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper, .notion-header.collection { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.has-cover.has-icon-image:not(.max-width) { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.no-cover.has-icon { width: 1994px !important; margin: auto; } .notion-header.collection { max-width: 1194px !important; margin-left: auto !important; margin-right:auto !important; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper, .notion-header.collection { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.has-cover.has-icon-image:not(.max-width) { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.no-cover.has-icon { width: 1200px !important; margin: auto; } .notion-header__content.no-cover.no-icon { width: 1200px !important; margin: auto; } .notion-header.collection { max-width: 1200px !important; margin-left: auto !important; margin-right:auto !important; } } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper, .notion-header.collection { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.has-cover.has-icon-image:not(.max-width) { max-width: 1015px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } .notion-header__content.no-cover.has-icon { width: 1200px !important; margin: auto; } .notion-header__content.no-cover.no-icon { width: 1200px !important; margin: auto; } .notion-header.collection { max-width: 1200px !important; margin-left: auto !important; margin-right:auto !important; } } /* iPhone 4 - 5s ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ } /* Samsung Galaxy S7 Edge ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 3), and (min-resolution: 192dpi)and (max-width:640px) { /* Styles */ } .notion-collection__header .notion-semantic-string { background: linear-gradient(to bottom right, #4465F9, #2B409F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*.notion-search__box { margin-top:17vh !important; } */ .notion-pill { max-width: none !important; /* overflow: auto !important; */ /*margin: 0px 6px 0px 0px !important; */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px !important; line-height: 20px !important; } span.notion-pill { margin: 0px 5px 0px 0px !important; } .notion-collection-table__cell.multi_select { padding-top:8px; padding-bottom:2px; padding-left: 2px !important; padding-right: 5px; } .notion-page__property .notion-property .notion-pill { margin-top:4px !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 6px !important; } .notion-page__property .notion-property { padding-top: 2px !important; } .notion-property__relation { font-size: 13px !important; } .notion-page div { /*padding-top: 0px;*/ } .notion-page>div { padding: 0px 0 !important; -webkit-padding-end: 0px !important; padding-inline-end: 0px !important; border-radius: 0px; } .notion-page__icon { padding: 0px; } .notion-header__icon-wrapper.no-cover.has-icon-image{ top: -167px; } .notion-page__icon.small { padding: 2px; margin-right:4px !important; } .notion-page__icon .notion-icon { font-size: 1em; } .notion-collection-card__property { min-height: auto !important; } .notion-property { flex-wrap: wrap !important; padding-left: 6px !important; } .notion-property__relation { padding-top:0px !important; } .notion-page__property { grid-template-columns: 140px 1fr !important; } .notion-page__property-name>span { line-height: 1.4 !important; } .notion-property.notion-property__text { padding-top: 6px !important; } .notion-page.small { font-size: 1.1em !important; } .notion-collection-card__cover.large, .notion-collection-card__cover.large>div, .notion-collection-card__cover.large img, .notion-collection-card__cover.medium, .notion-collection-card__cover.medium>div, .notion-collection-card__cover.medium img { object-position: top !important; } .notion-property.notion-property__title .notion-semantic-string span{ white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #block-d0272551f2d545f9b8e62d398c9859c4 .notion-semantic-string, #block-7b8e293d9d6c463ba79770a2c95a1f73 .notion-semantic-string, #block-c10b7185bbfe46279d63e54a31e8b9d0 .notion-semantic-string, #block-98a9e3345d9f4f1da0235f93003e5c49 .notion-semantic-string, #block-f1cac1ab528548ef980bcb9c5b031e11 .notion-semantic-string, #block-34815c15c0a341218dcb645f321e9fff .notion-semantic-string, #block-fac548294c1c42aea5f15b96d92bad9b .notion-semantic-string { font-weight: 700 !important; } /* .notion-image { box-shadow: 0px 0px 20px #eee; } */ @media only screen and (max-width: 600px) { #block-3ab662a6b3bc45ce9ccb1ecfe7b5ccf7 img { height: auto !important; } /* [id^='page-bagua-ba-gua'] */ .notion-breadcrumb { background: white !important; overflow: auto !important; } } @media only screen and (min-width: 601px) { #block-3ab662a6b3bc45ce9ccb1ecfe7b5ccf7 img { height: auto !important; } /* [id^='page-bagua-ba-gua'] */ .notion-breadcrumb { background: white !important; height: 56px !important; flex-shrink: 0 !important; position: sticky !important; position: -webkit-sticky !important; top: 0px !important; z-index:25 !important; overflow: auto !important; } } .color-green { color: rgba(168,209,104) !important; } .color-blue { color: rgba(86,188,243) !important; } .color-purple { color: rgba(115,45,154,0.8) !important; } .color-yellow { color: rgba(250,213,67) !important; } .color-orange { color: rgba(245,108,69) !important; } .color-brown { color: rgba(208,168,107) !important; } .color-red { color: rgba(163,33,40) !important; } .color-pink { color: rgba(232,12,122) !important; } .color-gray { color: rgba(81,81,81) !important; } .bg-green { background: rgba(168,209,104) !important; border-radius: 2px; padding-left: 2px; padding-right: 2px; padding-top: 0.5px; padding-bottom: 1px; color: #fff !important; } .bg-blue { background: rgba(86,188,243) !important; border-radius: 2px; padding-left: 2px; padding-right: 2px; color: #fff !important; padding-top: 0.5px; padding-bottom: 1px; } .bg-purple { border-radius: 2px; padding-left: 2px; color: #fff !important; padding-right: 2px; background: rgba(115,45,154, 0.55) !important; padding-top: 0.5px; padding-bottom: 1px; } .bg-yellow { background: rgba(250,213,67,0.7) !important; border-radius: 2px; padding-left: 2px; padding-right: 2px; color: #444 !important; padding-top: 0.5px; padding-bottom: 1px; } .bg-orange { background: rgba(245,108,69, 0.8) !important; color: #fff !important; border-radius: 2px; padding-left: 2px; padding-right: 2px; color: #fff !important; padding-top: 0.5px; padding-bottom: 1px; } .bg-brown { background: rgba(208,168,107) !important; padding-left: 2px; padding-right: 2px; border-radius: 2px; color: #fff !important; padding-top: 0.5px; padding-bottom: 1px; } .bg-red { background: rgba(200,33,40, 0.7) !important; border-radius: 2px; padding-left: 2px; padding-right: 2px; color: #fff !important; padding-top: 0.5px; padding-bottom: 1px; } .bg-pink { background: rgba(232,12,122, 0.7) !important; border-radius: 2px; padding-left: 2px; padding-right: 2px; color: #fff !important; padding-top: 0.5px; padding-bottom: 1px; } .bg-gray { background: rgba(81,81,81, 0.6) !important; color: #fff !important; border-radius: 2px; padding-left: 2px; padding-right: 2px; padding-top: 0.5px; padding-bottom: 1px; } .pill-green { background: rgba(168,209,104) !important; border-radius: 2px; color: #fff !important; } .pill-blue { background: rgba(86,188,243,0.9) !important; border-radius: 2px; color: #fff !important; } .pill-purple { background: rgba(115,45,154, 0.55) !important; color: #fff !important; } .pill-yellow { background: rgba(250,213,67,0.7) !important; color: #666 !important; } .pill-orange { background: rgba(245,108,69, 0.8) !important; color: #fff !important; } .pill-brown { background: rgba(208,168,107) !important; color: #fff !important; } .pill-red { background: rgba(200,33,40, 0.7) !important; color: #fff !important; } .pill-pink { background: rgba(232,12,122, 0.5) !important; color: #fff !important; } .pill-gray { background: rgba(81,81,81, 0.6) !important; color: #fff !important; } .pill-default { color: var(--color-text-default-dark) !important; } /* dark */ .dark- { --color-text-default: #7F889F !important; --color-bg-default: #393D47 !important; --color-text-default-light: #7F889F !important; --color-text-default-dark: #333 !important; --color-bg-gray: #0f172a50 !important; --color-bg-gray-light: #0f172a50 !important; --color-bg-brown: #1c191750 !important; --color-bg-brown-light: #1c191750 !important; --color-bg-orange: #7c2d1250 !important; --color-bg-orange-light: #7c2d1250 !important; --color-bg-yellow: #713f1250 !important; --color-bg-yellow-light: #713f1250 !important; --color-bg-green: #14532d50 !important; --color-bg-green-light: #14532d50 !important; --color-bg-blue: #1e3a8a50 !important; --color-bg-blue-light: #1e3a8a50 !important; --color-bg-purple: #701a7550 !important; --color-bg-purple-light: #701a7550 !important; --color-bg-pink: #83184350 !important; --color-bg-pink-light: #83184350 !important; --color-bg-red: #88133750 !important; --color-bg-red-light: #88133750 !important; } .notion-collection-table__cell.relation .resource .notion-page>div { display: inline-flex !important; } .notion-page__property { grid-template-columns: 20% 80% !important; } @media (max-width: 800px){ .notion-page__property { grid-template-columns: 30% 70% !important; } } .notion-page__property-name { white-space: normal !important; } .notion-page__title { text-overflow: initial !important; } .notion-embed__container>iframe { background-color: #fff !important; } .notion-property__relation { padding-left: 0px !important; } .notion-property__rollup { padding-left: 0px !important; } .notion-embed__container>iframe { background-color: #fff !important; } .notion-quote { font-style: italic; } .notion-property { padding-left: 0px !important; } .notion-collection__header { display: none !important; } .notion-collection-card.gallery { box-shadow: none !important; background: var(--color-ui-hover-bg-light); } .notion-collection-card.gallery:hover { /* background: var(--color-ui-hover-bg);*/ background: #fff; box-shadow: rgba(150, 150, 150, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px !important; -webkit-transform: scale(1.03)!important; -moz-transform: scale(1.03)!important; -ms-transform: scale(1.03)!important; transform: scale(1.03)!important; transition: all 0.2s ease!important; } .notion-collection-card.gallery:active { background: var(--color-ui-hover-bg); box-shadow: none !important; -webkit-transform: scale(1.0)!important; -moz-transform: scale(1.0)!important; -ms-transform: scale(1.0)!important; transform: scale(1.0)!important; transition: all 0.1s ease!important; } .notion-collection-card .notion-property__title { /*padding-left:10px !important;*/ font-size: 1.4em; font-weight: 700 !important; } .notion-collection-table__cell.title > a .notion-semantic-string > span { font-weight: 700 !important; color: #555; } .notion-collection-card.gallery .notion-property__title .notion-semantic-string { font-weight: 700 !important; color: #555; } .notion-collection-card.gallery .notion-property__text .notion-semantic-string { white-space: pre-wrap; padding-right: 10px !important; } .notion-collection-card.gallery .notion-property__text { white-space: pre-wrap; padding-right: 10px !important; } .notion-collection-card__content .notion-property__select .notion-pill { margin-top:5px !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 4px !important; } .notion-collection-card__content .notion-property__select { margin-bottom: 4px !important; } .notion-collection-table__cell.title .notion-icon { width: 18px !important; margin-right: 0px; } .notion-semantic-string .resource { /*top:5px; */ } /* CTA */ #block-5038c5986b3c4c80befbab981669107a.notion-link div.notion-page__icon { display: none !important; } /* CTA */ .notion-page__icon { /* margin: 0px; */ } .notion-page__icon { align-items: initial !important; margin-right: 2px; } .notion-page__icon.small{ margin-right: 0px; margin-left: 0px !important; } .notion-page__title { margin-right:6px!important; } .notion-page__icon.notion-icon > picture { width: 16px !important; height: 16px !important; } .notion-page__icon .notion-icon { width: 16px !important; /* height: 16px !important; */ } div.notion-page__icon { max-width: 20px !important; /* margin-right: 0px; */ } span .notion-page .notion-page__title { line-height: 1.4!important; } /* Safari */ .notion-page__icon span { width: 18px !important; height: 22px !important; } /* Chrome */ @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .notion-page__icon span { width: 18px !important; height: 30px !important; } } .notion-page__icon.small span { width: 18px !important; height: 22px !important; } .notion-page__icon .notion-icon > img{ width: 14px !important; height: 14px !important; } .notion-collection-table__cell { padding-left: 5px !important; } .notion-collection-table__cell.relation { padding-left: 5px !important; } .notion-collection-table__cell.multi_select { padding-left: 5px !important; } .notion-property__relation { padding-left: 0px !important; } /*.notion-collection-table td { padding-left: 5px !important; }*/ .notion-collection-table__cell .notion-semantic-string { white-space: pre-wrap; } .notion-heading .notion-semantic-string .resource .notion-page .notion-page__icon { display:block !important; line-height: 2 !important; } .notion-list-item .notion-page__title { line-height: 0 !important; } .notion-list-item .notion-page__icon div { max-height: 19px !important; height: 19px !important; } .notion-list-item .notion-page__icon svg { max-height: 19px !important; height: 19px !important; } #block-2a9f73637c024d269e68cd25889c5625 { display: none; } #block-b37a3b1af510486bb0244c4cfeef8b55.notion-column, #block-5a2d5ae3196247cfba1eab8ab6667b59.notion-column, #block-58b70ab1446e4d0fa9d9d5370165a3b6.notion-column, #block-077fcac292664fbfb3b4638a80d47dec.notion-column, #block-f91fa8b4a4494f38a7627ca7fd76be68.notion-column, #block-ed5181a1e365424d8241b9efcfc3b4e1.notion-column { display: flex; justify-content: center; align-content: center; } /* CTA */ #block-5038c5986b3c4c80befbab981669107a.notion-link .notion-page__title .notion-semantic-string, #block-8a0d87ea2b824bda98b37a12ca939b70.notion-link .notion-text, #block-sign-up-for-a-free-trial.notion-link .notion-page__title .notion-semantic-string { border-radius: 100px !important; padding: 10px 16px !important; margin-top:12px !important; background: rgba(163,33,40) !important; display: flex !important; color: #fff !important; } #block-39a265dce9b84afeb5c1dca6e001ac3a .notion-text__content { border-radius: 100px !important; padding: 10px 8px !important; margin-top:12px !important; background: linear-gradient(to right, #732D9A, #462359) !important; display: flex !important; color: #fff !important; } #block-39a265dce9b84afeb5c1dca6e001ac3a .notion-text__content:hover { box-shadow: rgba(150, 150, 150, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px !important; -webkit-transform: scale(1.03)!important; -moz-transform: scale(1.03)!important; -ms-transform: scale(1.03)!important; transform: scale(1.03)!important; transition: all 0.2s ease!important; } #block-39a265dce9b84afeb5c1dca6e001ac3a .notion-text__content:active { box-shadow: none !important; -webkit-transform: scale(0.97)!important; -moz-transform: scale(0.97)!important; -ms-transform: scale(0.97)!important; transform: scale(0.97)!important; transition: all 0.2s ease!important; } #block-takoda-practice-tools.notion-link.notion-page { border-radius: 100px!important; padding: 5px 10px!important; } #block-takoda-practice-tools .notion-page__title { padding-left: 5px!important; margin-right: 0px !important; } #block-sign-up-for-a-free-trial .notion-page__icon { display: none; } #block-sign-up-for-a-free-trial div:hover { background: none !important; } #page-sign-up-for-a-free-trial .notion-property__title__icon-wrapper { display:none !important; } /* A Manual of Acupuncture block */ #block-6d8ad7a5f6564d59b7866d422f036722 { font-size: 11px !important; text-align: center !important; opacity: 35% !important; padding-top: 80px; padding-left: 10%; padding-right: 10%; } @media only screen and (min-width : 1400px) { [id^='page-balances'] .notion-header__content.no-cover.no-icon, [id^='page-balances'] .notion-header__content.no-cover.has-icon-image { width: 1400px !important; margin: auto !important; } [id^='page-balances'] .notion-page__property { /* grid-template-columns: 27.5% 70%!important; */ grid-template-columns: 19% 70%!important; } [id^='page-balances'] .super-content:not(.max-width) { max-width: 1400px !important; /*margin: auto !important; 3.1 */ } [id^='page-balances'] .super-content .max-width { max-width: 1200px !important; /*margin: auto !important; 3.1 */ } [id^='page-balances'] .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper, .notion-header.collection { max-width: 1200px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } [id^='page-balances'] .notion-header__content.has-cover.has-icon-image:not(.max-width) { max-width: 1200px !important; margin-left: auto !important; margin-right:auto !important; padding-left: calc(env(safe-area-inset-left)) !important; padding-right: calc(env(safe-area-inset-right))!important; } } [id^='page-balances'] .notion-page__property { /* grid-template-columns: 27.5% 70%!important */ grid-template-columns: 19% 70%!important; } /* [id^='page-balances'] .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper, [id^='page-balance-navigator'] .notion-header__content.no-cover.has-icon-image:not(.max-width) .notion-header__title-wrapper { margin-left: 0px !important; } */ [id^='page-balance'] .notion-toggle.bg-gray { display: none !important; } @media only screen and (max-width : 1023px) { [id^='page-bagua-ba-gua'] article > .notion-column-list { flex-direction: column-reverse; } /* [id^='page-balance-navigator'] article > .notion-column-list */ [id^='page-balances'] article > .notion-column-list .notion-column:nth-of-type(1) { order: 1; } [id^='page-balances'] article > .notion-column-list .notion-column,[id^='page-balance-navigator'] article > .notion-column-list .notion-column { width: 100% !important; margin-inline-start: 0px !important; } .notion-collection-list .notion-property.notion-property__title { width: 82%; } } [id^='page-balances'] article > .notion-column-list .notion-column:first-of-type .notion-link, [id^='page-balance-navigator'] article > .notion-column-list .notion-column:first-of-type { line-height: 1.8 !important; opacity:1 !important; } [id^='page-balances'] article > .notion-column-list .notion-column:first-of-type .notion-heading { opacity:1 !important; } @media (min-width: 800px){ [id^='page-bagua-ba-gua'] .notion-root>.notion-column-list>.notion-column:first-child, [id^='page-balances'] .notion-root>.notion-column-list>.notion-column:first-child { height: 100%; flex-shrink: 0 !important; position: sticky !important; position: -webkit-sticky !important; top: 50px !important; overflow: visible !important; /*z-index: 10!important; */ } } .page__balances .notion-header__title, .parent-page__balances .notion-header__title, .page__balances .notion-header__title, .parent-page__balances .notion-header__title { display:none !important; } .page__balances .notion-collection-card__cover.large img, .page__balance-navigator .notion-collection-card__cover.large img { object-position: initial !important; } [id^='page-balances'] article > .notion-collection-list__item, .parent-page__balance-navigator .notion-collection-list__item { flex-direction: row !important; align-items: flex-start; border-bottom: none !important; padding: 3px 1px !important; } [id^='block-acupuncture-points'] .notion-collection-card__cover.large, [id^='block-acupuncture-points'] .notion-collection-card__cover.large>div, [id^='block-acupuncture-points'] .notion-collection-card__cover.large img, [id^='block-acupuncture-points'] .notion-collection-card__cover.medium, [id^='block-acupuncture-points'] .notion-collection-card__cover.medium>div, [id^='block-acupuncture-points'] .notion-collection-card__cover.medium img, [id^='block-acupuncture-points'] .notion-collection-card__cover.small>div, [id^='block-acupuncture-points'] .notion-collection-card__cover.small img { object-fit: fill !important; } [id^='block-acupuncture-points'] .notion-collection-card__cover.large, [id^='block-acupuncture-points'] .notion-collection-card__cover.medium, [id^='block-acupuncture-points'] .notion-collection-card__cover.small { height: 300px; max-height: 300px; } [id$='acupuncture-points'] .notion-collection-gallery { border-top: none !important; padding-top:0 !important; } [id$='acupuncture-points'] .notion-collection-card.gallery .notion-property__title .notion-semantic-string { color: #4057D0 !important; font-size: 1.2rem !important; } [id$='acupuncture-points'] .notion-property__title .notion-property__title__icon-wrapper span { width: 20px !important; height: 20px !important; } .notion-toggle__summary:before { font-size: 1.8em !important; padding-bottom: 11px !important; margin-right: 0px !important; } .notion-breadcrumb__item.has-icon .notion-navbar__title, .notion-breadcrumb__item .notion-navbar__title { webkit-margin-start: 0px !important; margin-inline-start: 0px !important; color: var(--color-text-default-light); } .notion-breadcrumb__item span, .notion-breadcrumb__item.has-icon div:first-child { display: none !important; } .notion-breadcrumb>a.has-icon:first-of-type { padding-left: 0px !important; } .notion-page__properties .notion-divider { margin: 16px 0 0px !important; } .notion-collection-gallery { border-top: 0px !important; } span .notion-page .notion-page__title { line-height: 2 !important; } /* Button code This will set any single line bold link with a background color to be a button. To use, select all the text in the block (dont select the block itself, just select the text) and make it bold, set a background color, and paste the link. */ :root { /* CTA button styles */ --cta-padding: 12px 16px!important; --cta-border-radii: 30px!important; --cta-color-text: #fff !important; --cta-color-bg: #ccc !important; /* default if no background set */ /* Set default colors in case theme is not applied - if you prefer not to use the Super Theme Designer for the colors, then you can uncomment this code to set button colors --gray-h: 36; --gray-s: 2%; --brown-h: 19; --brown-s: 31%; --orange-h: 30; --orange-s: 87%; --yellow-h: 38; --yellow-s: 62%; --green-h: 149; --green-s: 31%; --blue-h: 202; --blue-s: 53%; --purple-h: 274; --purple-s: 32%; --pink-h: 328; --pink-s: 48%; --red-h: 2; --red-s: 62%; */ /* Change the luminosity - this changes the brightness / intensity of the buttons based on the Notion colors set in the Super Theme Designer */ --color-lum: 40%; /* Set the background colors for buttons */ --color-bg-gray:hsl(var(--gray-h),var(--gray-s), var(--color-lum))!important; --color-bg-brown:hsl(var(--brown-h),var(--brown-s), var(--color-lum))!important; --color-bg-orange:hsl(var(--orange-h),var(--orange-s), var(--color-lum))!important; --color-bg-yellow:hsl(var(--yellow-h),var(--yellow-s), var(--color-lum))!important; --color-bg-green:hsl(var(--green-h),var(--green-s), var(--color-lum))!important; --color-bg-blue:hsl(var(--blue-h),var(--blue-s), var(--color-lum))!important; --color-bg-purple:hsl(var(--purple-h),var(--purple-s), var(--color-lum)) !important; --color-bg-pink:hsl(var(--pink-h),var(--pink-s), var(--color-lum)) !important; --color-bg-red:hsl(var(--red-h),var(--red-s), var(--color-lum)) !important; } /*Button*/ .notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong, .notion-root .notion-text .notion-text__content .notion-semantic-string span .link, .notion-root .notion-text.notion-text__content.notion-semantic-string .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string strong .notion-link { padding: var(--cta-padding)!important; border-radius: var(--cta-border-radii)!important; opacity: 1 !important; font-weight: 500!important; display: inline-flex!important; justify-content: center!important; transition: background .2s ease-in-out!important; background: var(--cta-color-bg)!important; color: var(--cta-color-text)!important; margin: 2px!important; border-bottom: none !important; width: fit-content !important;/* for dynamic sizing */ /* width: 100% !important; /* for full column sizing */ text-decoration: none !important; } .notion-root .notion-text.notion-text__content.notion-semantic-string .notion-link:has(strong) { opacity: 1 !important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link:hover, .notion-root .notion-text.notion-text__content.notion-semantic-string span .notion-link strong:hover, .notion-root .notion-text.notion-text__content.notion-semantic-string strong .notion-link:hover, .notion-root .notion-text .notion-text__content .notion-semantic-string .notion-link strong:hover { box-shadow: 0 10px 10px -10px rgba(0,0,0,0.3) !important; transform: scale(1.03) !important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link:active, .notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong:active, .notion-root .notion-text.notion-text__content.notion-semantic-string strong .notion-link:active, .notion-root .notion-text.notion-text__content.notion-semantic-string .notion-link:active strong { box-shadow: 0 5px 5px -10px rgb(0,0,0,0.2) !important; transform: scale(0.98) !important; } /* Reset the color */ .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background:has(strong .notion-link), .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background:has(.notion-link strong), .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background:has(.notion-link strong), .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background:has(strong .notion-link) { background: none !important; } /* Button color variations */ .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-red strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-red .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-red strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-red .notion-link strong { background: var(--color-bg-red) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-blue strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-blue .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-blue strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-blue .notion-link strong { /*background: var(--color-bg-blue) !important;*/ background: linear-gradient(to right bottom, rgb(68, 101, 249), rgb(43, 64, 159)) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-gray strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-gray .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-gray strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-gray .notion-link strong { background: var(--color-bg-gray) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-brown strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-brown .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-brown strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-brown .notion-link strong { background: var(--color-bg-brown) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-orange strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-orange .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-orange strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-orange .notion-link strong { background: var(--color-bg-orange) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-yellow strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-yellow .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-yellow strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-yellow .notion-link strong { background: var(--color-bg-yellow) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-green strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-green .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-green strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-green .notion-link strong { background: var(--color-bg-green) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-purple strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-purple .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-purple strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-purple .notion-link strong { background: var(--color-bg-purple) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-pink strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-pink .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-pink strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-pink .notion-link strong { background: var(--color-bg-pink) !important; color: var(--cta-color-text)!important; } /* End of Button code */ /* Target all cards in the stem-branch-calculator earthly-branches collection */ [id^="block-stem-branch-calculator-heavenly-stems-"] .notion-property__title, [id^="block-stem-branch-calculator-earthly-branches-"] .notion-property__title { font-size: 1.5rem; /* adjust as needed — try 1.25rem, 1.5rem, 2rem */ font-weight: 700; line-height: 1.2; padding-left: 0px !important; } /* The first property after the title (notion-property__text in this case) */ [id^="block-stem-branch-calculator-earthly-branches-"] .notion-property__title + .notion-property__text { font-weight: 700; font-size: 1rem; /* adjust as needed — try 1.25rem, 1.5rem, 2rem */ } .super-navbar__cta { --cta: #2c4a3b; /* your colour */ padding: 8px 18px; border-radius: 6px; transition: background 0.15s ease, color 0.15s ease; } /* Logged out → "Login / Signup" → SOLID */ .super-navbar__cta.is-login { background: #593286 !important; color: #fff !important; } /* Logged in → "Members" → TRANSPARENT */ .super-navbar__cta.is-members { background: transparent !important; color: #593286 !important; } #page-index .notion-divider { margin: 100px 0px; border-bottom: none !important; } .gallery .notion-collection-card__property.notion-semantic-string { align-items: end !important; } @supports (font: -apple-system-body) and (-webkit-appearance: none) { img[loading="lazy"] { clip-path: none !important; } } .notion-semantic-string .resource.notion-page { align-items: center !important; }

S2