SLYKUIPER
AboutPortfolioShop
AboutPortfolioShop

CSS

Old

/* Change the max width of the page content */
.super-content.max-width {
    max-width: 1200px !important;
}

.super-content {
    margin-top: 60px !important; /* You can change this number */ 
}

/* Remove Notion Header (Page Title, Cover and Icon)*/
.notion-header {
    /*display: none !important;*/
}

#page-portfolio-projects-xlabs .notion-header, #page-portfolio-projects-odneme-my-heart-in-your-hands .notion-header, #page-portfolio-projects-white-katana-sorcerer .notion-header, #page-portfolio-projects-tsaik-pendant-drop .notion-header, #page-portfolio-projects-marc-statz-yes-hello .notion-header, #page-portfolio-projects-alkat-never-good-enough .notion-header, #page-portfolio-projects-marc-statz-catharsis .notion-header, #page-portfolio-projects-how-could-this-be-wrong .notion-header, #page-portfolio-projects-alkat-never-good-enough .notion-header, #page-portfolio-projects-2018-renders .notion-header, #page-portfolio-projects-motioncollab-4 .notion-header, #page-portfolio-projects-unreal-tournament .notion-header, #page-portfolio-projects-chinese-zodiac-collab .notion-header, #page-portfolio-projects-walkcycles-and-psychedelics .notion-header, #page-portfolio-projects-topo .notion-header, #page-portfolio-projects-mandelbulb .notion-header, #page-portfolio-projects-newlife .notion-header, #page-portfolio-projects-make-it-a-habit .notion-header, #page-portfolio-projects-motioncollab-one .notion-header, #page-portfolio-projects-senpupi .notion-header, #page-portfolio-projects-floral .notion-header {
    display: block !important;
}

/* Change default background color */
:root {
	--color-bg-default: #f9f9ef!important;
}

/* Change default text color */
:root {
	--color-text-default: #4f4638!important;
}

.notion-embed__container>iframe {
  background-color: rgba(0,0,0,0) !important;
}

/* hide page toggles */
#block-f58fcbf6dcb340899979cb1e23615f56 {
  display: none !important;
}

/* callouts */
.notion-callout.border {
  border: 0px solid !important;
  border-radius: .5em;
  color: #f9f9ef !important;
  font-weight: bold;
  background-color: #4f4638;
}

New

.notion-header {
    position: fixed !important;
    height: 100vh !important;
    width: 50vw !important;
    bottom: 0 !important;
    margin: 0 !important;
    left: auto !important;
    top: 0 !important;
    right: 0 !important;
}

.notion-header__cover {
    max-height: 100% !important;
    height: 100% !important;
}

.super-content {
    position: absolute !important;
    padding: 120px !important;
    width: 50vw !important;
    margin: 0 !important;
    right: auto !important;
    top: 0 !important;
    left: 0 !important;
}

@media (max-width: 1020px) {
    .notion-header,
    .super-content {
        position: relative !important;
        width: 100vw !important;
    }

    .notion-header {
        height: 420px !important;
    }
}

@media (max-width: 680px) {
    .super-content {
        padding: 60px !important;
    }
}

/* Change default background color */
:root {
	--color-bg-default: #f9f9ef!important;
}

/* Change default text color */
:root {
	--color-text-default: #4f4638!important;
}

.notion-embed__container>iframe {
  background-color: rgba(0,0,0,0) !important;
}

/* hide page toggles */
#block-f58fcbf6dcb340899979cb1e23615f56 {
  display: none !important;
}

/* callouts */
.notion-callout.border {
  border: 0px solid !important;
  border-radius: .5em;
  color: #4f4638 !important;
  font-weight: bold;
  background-color: #4f46384D;
}