A sidebar-styled layout for Somtoday (very much a WIP, isn't responsive yet!)

som-sidebar.css

@-moz-document domain("elo.somtoday.nl") {
  body {
  display: grid !important;
  grid-template-columns: 1fr 6fr !important;
  grid-template-rows: min-content 1fr !important;
  width: 100% !important;
}
  
  body, html {
    height: 100% !important;
  }

/* Header */

#header-wrapper {
  grid-column: span 2 !important;
  margin: auto 20px !important;
}

#header .left {
  margin-bottom: 0px !important;
}

/* Sidebar/menu */

#main-menu-wrapper {
  padding-top: 0 !important;
}

#content, #footer, #header, #main-menu, #main-menu-bottom {
  width: auto !important;
  margin: initial !important;
}

#main-menu a {
  border-radius: 0 !important;
  float: none !important;
  margin-right: 0 !important;
}

/* Main content */

#master-panel .date {
  margin-top: 0 !important;
}

#master-panel .date div {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}  
 
  #content, #master-panel, #master-panel > *, #detail-panel-wrapper {
    display: block !important;
    transition: none !important;
    width: 100% !important;
  }
  
  /* List view */
  .loaderFade {
    display: grid;
    grid-template-columns: 2fr 4fr !important;
  }
  
  #detail-panel-wrapper {
    padding: 0 !important;
    
  }
  
  
  
  /* Hide the random empty first div */
  body > div:empty {
    display: none !important;
  }
}