UuUp - Head
<link rel="stylesheet" href="https://stfn.co/lift/lift.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
UuUp - CSS
.notion-header__title {
display: block!important;
}
.notion-collection-card.gallery {
border-radius: var(--lift-radius)!important;
transition: .3s ease-in-out !important;
}
.notion-collection-card.gallery:hover {
border: 1px solid var(--color-bg-default)!important;
border-radius: var(--lift-radius)!important;
transition: .3s ease-in-out !important;
}
.notion-collection-card:hover {
background: var(--color-card-bg)!important;
transform: scale(1.01)!important;
border: none!important;
box-shadow: 0px 24px 16px 0px rgba(0,0,0,0.05)!important;
-webkit-box-shadow: 1px 17px 23px 0px rgba(0,0,0,0.05)!important;
-moz-box-shadow: 1px 17px 23px 0px rgba(0,0,0,0.05)!important;
}
.highlighted-background:hover{
opacity: 0.8!important;
}
p {
line-height: 175% !important;
margin-bottom: 1rem!important;
max-width: 800px!important;
-webkit-animation: fadeIn 1.25s!important;
-moz-animation: fadeIn 1.25s!important;
-ms-animation: fadeIn 1.25s!important;
-o-animation: fadeIn 1.25s!important;
animation: fadeIn 1.25s!important;
}
.notion-bulleted-list, .notion-numbered-list {
line-height: 175% !important;
padding-bottom: 1em!important;
}
.notion-quote {
text-align: left;
align-items: stretch;
}
/*--------- CALLOUT ---------*/
p.notion-callout__content{
max-width: var(--lift-width)!important;
width: var(--lift-width)!important;
}
.notion-callout {
border-radius: var(--lift-radius)!important;
border: 1px solid var(--color-border-default)!important;
padding: 1.5em 1.5em 0.5em 1.5em!important;
overflow: visible!important;
margin-bottom: 1em!important;
}
.notion-callout.bg-gray-light, .notion-callout.bg-brown-light, .notion-callout.bg-orange-light, .notion-callout.bg-yellow-light, .notion-callout.bg-green-light, .notion-callout.bg-blue-light, .notion-callout.bg-purple-light, .notion-callout.bg-pink-light, .notion-callout.bg-red-light {
border:none!important;
}
.notion-page {
border-radius: var(--lift-radius)!important;
}
.notion-page > div {
border-radius: var(--lift-radius)!important;
display: flex;
transition: 300ms ease-in!important;
padding: 0.5em!important;
border: 1px solid var(--color-border-default)!important;
}
.notion-page__title .notion-semantic-string {
border-bottom: none!important;
}
Pages - Home - CSS
/*--if the quote doesn't work, delete this and add !important back to overarching CSS quote setting--*/
#Block-666962c39554490693344dd12e4cddf6
.notion-quote {
text-align: center!important;
align-items: stretch!important;
}
.notion-pill {
display: none;
}
.notion-toggle {
display: none!important;
}
:root {
--color-bg-default: #F5F5EF !important;
--lift-width: 1420px!important;
}
Pages - Case study - Head
<link rel="stylesheet" href="https://sites.super.so/builder/themes/night/night.min.css">
Pages - Case study - CSS
:root {
--color-text-default: #F9F9F9 !important;
--color-bg-default: #2F3437 !important;
--color-text-default-light: #F9F9F9 !important;
}
.max-width {
max-width: 1120px !important;
}
.notion-property__title .notion-property__title__icon-wrapper {
display: none!important;
}
Pages - Profile - CSS
.notion-pill {
display: none;
}
.notion-toggle {
display: none;
}
:root {
--color-bg-default: #F5F5EF !important;
--lift-width: 1420px!important;
}