myrtillenne

Custom text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tempus porttitor malesuada. Sed sit amet velit sed sem rhoncus placerat. Aenean faucibus a lorem vel pretium. Duis ligula est, efficitur et tortor a, varius varius quam. Morbi luctus libero a cursus facilisis. Nulla congue posuere ligula, et consectetur elit consectetur ac. Quisque pulvinar dui eu mi feugiat, quis porttitor magna rutrum. Etiam vehicula ipsum et lorem interdum, eu bibendum ligula accumsan. In scelerisque tincidunt libero eget scelerisque.

June 2023

S	M	T	W	T	F	S
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

Syndicate

Page Summary

Style Credit

Base style: Basic Boxes by branchandroot
Theme: Delicate by nornoriel

Expand Cut Tags

No cut tags

rosecarmine

Live preview
Features:

sliding sidebar
header image (1000x400px)
sidebar image (300x400px)
navigation links, links list, custom text
comment pages
icon pages

Code:

/*-------------------------------------
 
- layout - shiver (tabula rasa) - https://myrtillenne.dreamwidth.org
- icon font - material icons - https://material.io

-------------------------------------*/

/*--------------- options ---------------*/

:root{
  --text-size:16px;
  --text-color:#527385;
  --line-height:1.5;
  --body-background-color:#EFF5F5;
  --link-color:#32AACD;
  --link-hover-color:#527385;
  --icon-color:#CCECF7;
  --main-font:Oxygen, sans-serif;
  --title-font:Allerta Stencil, sans-serif;
  --header-image:url("https://rosecarmine.dreamwidth.org/file/80516.jpg");
  --header-image-width:1000px;
  --header-image-height:400px;
  --entry-background-color:#fff;
  --entry-border-color:#99D6E8;
  --sidebar-width:400px;
  --sidebar-background-color:#fff;
  --sidebar-image:url("https://rosecarmine.dreamwidth.org/file/80343.jpg");
  --sidebar-image-width:300px;
  --sidebar-image-height:400px;
  --sidebar-border-color:#99D6E8;
  --sidebar-text-color:#527385;
  --sidebar-link-color:#32AACD;
  --sidebar-link-hover-color:#527385;
  --sidebar-icon-color:#CCECF7;
}

/*--------------- fonts ---------------*/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

/*--------------- general ---------------*/

H1, H2, H3 {
  margin:.25em 0;
  padding:.25em 0;
}

body{
  background:var(--body-background-color);
  border:0;
  color:var(--text-color);
  line-height:var(--line-height);
  font-family:var(--main-font);
  font-size:var(--text-size);
  margin:0;
}

a { color:var(--link-color); }
a:hover { color:var(--link-hover-color); }

a, a:link, a:visited, a:active{
  text-decoration:none;
  transition:all 0.4s ease;
}

img {
  border: none;
}

hr {
  display: none;
}

blockquote{
  margin:1em 0;
  margin-left:45px;
  font-style:italic;
}

blockquote:before{
  content:"format_quote";
  font-family:Material Icons;
  font-size:40px;
  line-height:30px;
  float:left;
  margin-left:-45px;
  font-style:normal;
  color:var(--icon-color);
}

/*--------------- content layout ---------------*/

@media (min-width:800px){
  #canvas{
    border:44px solid transparent;
    padding:0 70px;
  }

#canvas:before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:40px;
    background:var(--sidebar-border-color);
    z-index:1;
    border-bottom:2px solid var(--sidebar-border-color);
  }

#canvas:after{
    content:"";
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:40px;
    background:var(--sidebar-border-color);
    border-top:2px solid var(--sidebar-border-color);
    z-index:1;
  }
}

@media (min-width:1024px){
  #canvas{
    padding:0 120px;
  }
}

#canvas > .inner:first-child{
  margin:0 auto;
}

@media (min-width:800px){
  #canvas >.inner:first-child{
    max-width:var(--header-image-width);
    margin:70px auto;
  }
}

#primary > .inner:first-child, #secondary > .inner:first-child, #tertiary > .inner:first-child {
  padding: 0;
}

/*--------------- header ---------------*/

#header{
  border:1px solid var(--entry-border-color);
  margin:10px 0;
}

@media (min-width:800px){
  #header {
    padding-top:var(--header-image-height);
    background-image:var(--header-image);
    background-repeat:no-repeat;
    background-position:top center;
    margin:80px 0;
  }
}

#header > .inner:first-child {
  background:var(--entry-background-color);
  padding:2em;
  text-align:center;
  line-height:1;
}

h1#title{
  font-size:2em;
  font-weight:normal;
  margin:0;
  padding:0;
  font-family:var(--title-font);
}

h2#subtitle{
  font-size:1em;
  text-transform:lowercase;
  font-weight:normal;
  margin:.5em 0 0;
  padding:.5em 0 0;
  border-top:1px solid var(--entry-border-color);
}

h2#pagetitle{
  display:none;
}

/*--------------- sidebar ---------------*/

#secondary{
  background:var(--sidebar-background-color);
  color:var(--sidebar-text-color);
  border:1px solid var(--sidebar-border-color);
  margin:10px 0;
}

.module a{
  color:var(--sidebar-link-color);
}

.module a:hover{
  color:var(--sidebar-link-hover-color);
}

@media (min-width:800px){
  #secondary{
    position:fixed;
    top:0;
    left:calc(-1 * var(--sidebar-width));
    border:0;
    border-right:42px solid var(--sidebar-border-color);
    width:var(--sidebar-width);
    height:100%;
    z-index:3;
    transition:left 0.5s linear 0.5s;
    margin:0;
  }

#secondary:hover{
    left:0;
  }

#secondary:before{
    content:"menu";
    position:absolute;
    top:50%;
    right:-40px;
    margin-top:-20px;
    font-family:Material Icons;
    font-size:24px;
    width:40px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
    color:var(--sidebar-border-color);
    transition:color 0.5s ease;
    background:var(--sidebar-background-color);
  }

#secondary > .inner:first-child{
    height:100%;
    box-sizing:border-box;
    position:relative;
    display:flex;
    overflow:auto;
  }
  
  .module-section-one:before {
    content:"";
    display:block;
    width:100%;
    max-width:var(--sidebar-image-width);
    height:var(--sidebar-image-height);
    margin:0 auto 1.5em;
    background-image:var(--sidebar-image);
    background-repeat:no-repeat;
    background-position:center center;
    border:10px solid var(--sidebar-border-color);
  }

#secondary .module-wrapper{
    margin:auto;
  }
}

#secondary > .inner:first-child::-webkit-scrollbar{
  width:10px;
  height:10px;
}

#secondary > .inner:first-child::-webkit-scrollbar-track{
  background:var(--sidebar-background-color);
}

#secondary > .inner:first-child::-webkit-scrollbar-thumb{
  background:var(--sidebar-border-color);
  border:3px solid var(--sidebar-background-color);
}

#secondary > .inner:first-child::-webkit-scrollbar-corner{
  background:var(--sidebar-border-color);
}

.module-section-one{
  padding:2em;
}

.module-content ul{
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
  line-height:2;
}

.module-content li {
  display:inline;
}

.module-content li a{
  color:var(--sidebar-text-color);
}

.module-content li a:hover{
  color:var(--sidebar-link-color);
}

.module-navlinks li a{
  margin-right:0.5em;
  text-transform:lowercase;
}

.module-navlinks li a:before {
  font-family:Material Icons;
  font-size:22px;
  margin-right:0.25em;
  vertical-align:middle;
  color:var(--sidebar-icon-color);
  line-height:0;
}

.list-item-recent a:before {
  content:"home";
}

.list-item-archive a:before {
  content:"archive";
}

.list-item-read a:before {
  content:"library_books";
}

.list-item-tags a:before {
  content:"style";
}

.list-item-network a:before {
  content:"people_alt";
}

.list-item-memories a:before {
  content:"bookmarks";
}

.list-item-userinfo a:before {
  content:"account_box";
}

.module h2, .module .manage-link, .module-userprofile, .module-calendar, .module-tags_list, .module-cuttagcontrols, .module-pagesummary, .module-active, .module-credit, .module-syndicate, .module-subscriptionfilters, .module-search, .module-time, .module-powered{
    display:none;
}

.module-typelist h2, .module-typelist .module-content{
  display:inline;
  font-size:1em;
  font-weight:normal;
  color:var(--sidebar-text-color);
  text-transform:lowercase;
  margin-right:0.25em;
}

.module-typelist h2:before {
  content:"near_me";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  line-height:0;
  margin-right:0.25em;
  color:var(--sidebar-icon-color);
}

.module-typelist h2:after {
  content:": ";
}

.module-typelist li{
  font-style:italic;
  margin-right:0.25em;
}

.module-typelist li:after{
  content:", ";
}

.module-typelist li:last-child:after{
  display:none;
}

.module-customtext{
  margin-top:1em;
}

@media (min-width:600px){
  .module-customtext{
    text-align:justify;
  }
}

/*--------------- entries ---------------*/

.entry, .comment{
  border:1px solid var(--entry-border-color);
  padding:2em;
  background:var(--entry-background-color);
  position:relative;
  margin:10px 0;
}

@media (min-width:800px){
  .entry{
    margin:80px 0;
  }
}

.header{
  text-align:center;
  line-height:1;
}

.comment .comment-title {
    margin:0;
}

.entry .entry-title, .full .comment-title{
  font-size:1.5em;
  line-height:1.2;
  padding:0 0 0.25em;
  border-bottom:1px solid var(--entry-border-color);
  margin-bottom:0.5em;
  font-weight:normal;
  font-family:var(--title-font);
}

.no-subject .entry .entry-title, .no-subject .comment-title{
  background:none;
  border:none;
  padding:0;
  margin:0;
}

.sticky-entry-icon img, .admin-post-icon img{
  display:none;
}

.admin-post-icon:before{
  content:"new_releases";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

.sticky-entry-icon:before{
  content:"star";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

.restrictions img, .access-filter img{
  display:none;
}

.month .restrictions, .month .access-filter, .month .admin-post-icon, .month .sticky-entry-icon{
  display:none;
}

.security-protected .access-filter:before{
  content:"lock";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

.security-private .access-filter:before{
  content:"visibility_off";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

.restrictions-NSFW .restrictions:before{
  content:"warning";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

.restrictions-18 .restrictions:before{
  content:"18+";
  font-family:arial;
  font-size:18px;
  color:var(--icon-color);
  vertical-align:middle;
  line-height:0;
}

.entry .datetime, .comment .datetime{
  text-transform:lowercase;
}

.entry .datetime a{
  color:var(--text-color);
}

.has-userpic .userpic{
  float:right;
  margin-left:0.5em;
}

.userpic img{
  padding:1px;
  border:5px solid var(--entry-border-color);
  background:var(--entry-background-color);
  display:block;
  max-width:50px;
  max-height:50px;
  width:auto;
  height:auto;
}

@media (min-width:800px){
  .has-userpic .userpic{
    position:absolute;
    top:-1px;
    right:-67px;
    width:62px;
  }
}

@media (min-width:1024px){
  .userpic img{
    max-width:100px;
    max-height:100px;
    width:auto;
    height:auto;
  }
  
  .has-userpic .userpic{
    position:absolute;
    top:-1px;
    right:-117px;
    width:112px;
  }
}

.entry .poster, .full .comment .poster{
  display:block;
  text-align:center;
}

.poster a{
  color:var(--text-color);
}

.entry .poster{
  font-size:0;
  line-height:1;
}

.entry .poster .ljuser{
  font-size:var(--text-size);
}

.entry .poster .ljuser:nth-child(1):before{
  content:"account_circle";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  margin-right:0.25em;
  line-height:0;
}

.entry .poster .ljuser:nth-child(2):before{
  content:"public";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  margin-right:0.25em;
  margin-left:0.5em;
  line-height:0;
}

.poster .ljuser img{
  display:none;
}

.poster .ljuser b{
  font-weight:normal;
}

.poster.empty{
  display:none;
}

.entry .contents, .comment .contents{
  margin-top:2em;
}

.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul{
  padding-left:1em;
  list-style-position:inside;
}

.entry-content, .comment-content{
  margin:1em 0 1.5em;
}

@media (min-width:600px){
  .entry-content{
    text-align:justify;
  }
}

.entry-content img, .comment-content img {
  max-width:100%;
  height:auto;
}

.cuttag-action{
  display:flex;
  align-items:center;
  line-height:1;
}

.cuttag-action img{
  display:none;
}

.cuttag-action:before{
  content:"content_cut";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  margin-right:5px;
}

.cuttag-action:after{
  content:"";
  height:0;
  width:100%;
  border-bottom:1px dashed var(--entry-border-color);
}

.cut-open, .cut-close {
  display:none;
}

.cut-text{
  font-weight: normal;
  text-transform: lowercase;
  margin-left: 27px;
  display: block;
}

.metadata ul {
  list-style:none;
  margin:0;
  padding:0;
  line-height:2;
}

.metadata li{
  display:inline;
  margin-right:0.5em;
}

.metadata-label{
  display:none;
}

#metadata-music:before {
  content:"library_music";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

#metadata-mood:before{
  content:"sentiment_satisfied_alt";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

#metadata-location:before{
  content:"location_on";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color); 
  line-height:0;
}

#metadata-xpost:before {
  content:"add_location";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  line-height:0;
}

.tag{
  text-transform:lowercase;
  line-height:2;
}

.tag-nav-trigger{
  vertical-align:middle;
}

.tag ul{
  margin:0;
  padding:0;
  display:inline;
}

.tag ul li{
  display:inline;
  font-style:italic;
  margin-right:0.25em;
}

.tag:before{
  content:"#";
  color:var(--icon-color);
  font-size:22px;
  vertical-align:middle;
  font-family:arial;
  margin-right:0.25em;
  line-height:0;
}

.tag ul li a{
  color:var(--text-color);
}

.tag ul li a:hover{
  color:var(--link-color);
}

ul.entry-management-links, ul.entry-interaction-links{
  margin:0;
  padding:0;
  display:inline;
  text-transform:lowercase;
  line-height:2;
}

ul.entry-management-links a, ul.entry-interaction-links a{
  color:var(--text-color);
}

ul.entry-management-links a:hover, ul.entry-interaction-links a:hover{
  color:var(--link-color);
}

ul.entry-management-links li{
  display:inline;
  margin-right:0.5em;
}

ul.entry-management-links li a:before{
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  margin-right:0.25em;
  line-height:0;
}

.link_prev a:before{
  content:"arrow_back";
}

.edit_entry a:before{
  content:"edit";
}

.edit_tags a:before{
  content:"local_offer";
}

.mem_add a:before{
  content:"favorite";
}

.tell_friend a:before{
  content:"share";
}

.watch_comments a:before{
  content:"notification_important";
}

.link_next a:before{
  content:"arrow_forward";
}

ul.entry-interaction-links li{
  display:inline;
  margin-right:0.5em;
}

ul.entry-interaction-links li a:before{
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  margin-right:0.25em;
  line-height:0;
}

li.entry-permalink a:before{
  content:"launch";
}

li.entry-readlink a:before{
  content:"question_answer";
}

li.entry-replylink a:before{
  content:"add_comment";
}

/*--------------- comments ---------------*/

.comment-pages{
  text-align:center;
  background:var(--entry-background-color);
  border:1px solid var(--entry-border-color);
  padding:1em;
  text-transform:lowercase;
  color:transparent;
}

.comment-pages b{
  font-weight:normal;
}

.comment-pages > b{
  color:var(--text-color);
  display:block;
}

.comment-pages span{
  color:var(--text-color);
}

.comment-pages.toppages{
  margin-top:5px;
}

.comment-wrapper {
  min-width:15em;
}

.comment-date-text, .comment-from-text, .comment-ip-text{
  display:none;
}

.full .poster{
  line-height:1;
}

.poster-ip{
  display:block;
  text-align:center;
}

.poster-ip:before{
  content:"my_location";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
}

.comment .poster .ljuser:before{
  content:"account_circle";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  margin-right:0.25em;
}

.partial .comment{
  padding:1em;
  text-align:center;
}

ul.comment-management-links, ul.comment-interaction-links, .multiform-checkbox {
  display:inline;
  margin:0;
  padding:0;
  text-transform:lowercase;
  line-height:1;
}

ul.comment-management-links li, ul.comment-interaction-links li, .multiform-checkbox{
  display:inline;
  margin-right:0.5em;
}

.bottomcomment{
  text-align:center;
  clear:both;
}

#postform{
  border:1px solid var(--entry-border-color);
  padding:2em;
  background:var(--entry-background-color);
  width:auto;
  margin-top:10px;
}

#qrformdiv{
  padding:0;
  max-width:100%;
}

#qrform{
  margin-top:1em;
}

#qrdiv input, #qrdiv select, #qrdiv textarea{
  border:1px solid var(--entry-border-color);
}

#qrdiv input[type="button"], #qrdiv input[type="submit"]{
  background:transparent;
  border:0;
  font-size:var(--text-size);
  padding:0.5em;
  color:var(--link-color);
  text-transform:lowercase;
  line-height:1;
  font-family:var(--main-font);
}

#qrdiv .ljuser img, #talkform-from img{
  display:none;
}

#qrformdiv .qr-meta .ljuser{
  font-size:inherit;
}

#qrformdiv .qr-meta .ljuser:before{
  content:"account_circle";
  font-family:Material Icons;
  font-size:22px;
  vertical-align:middle;
  color:var(--icon-color);
  margin-right:0.25em;
}

#qrformdiv .qr-meta .ljuser b{
  font-weight:normal;
  color:var(--text-color);
}

#talkform-from label{
  font-weight:normal;
}

#comments ul.entry-management-links, #comments ul.entry-interaction-links, .comment-pages.bottompages{
    display:none;
}

/*------------ archive, tags, icons containers ------------*/

.month-wrapper, .page-month .month, .tags-container, .icons-container{
  border:1px solid var(--entry-border-color);
  padding:2em;
  background:var(--entry-background-color);
  margin:10px 0;
}

@media (min-width:800px){
  .month-wrapper, .page-month .month, .tags-container, .icons-container{
    margin:80px 0;
  }
}

.month-wrapper h3, .tags-container h2, .icons-container h2{
  font-size:1.5em;
  line-height:1.2;
  padding:0 0 0.25em;
  border-bottom:1px solid var(--entry-border-color);
  font-weight:normal;
  font-family:var(--title-font);
}

.month .footer, #primary .manage-link{
  margin-top:1.5em;
  text-transform:lowercase;
}

/*------------ archive------------*/

.day-date{
  display:none;
}

.month caption {
  display: none;
}

table.month{
  width:100%;
  text-align:center;
  border-collapse:collapse;
}

table.month td, table.month th {
  border-bottom:1px solid var(--entry-border-color);
  width:1em;
  padding:0.5em;
}

table.month th{
  text-transform:lowercase;
  font-weight:normal;
}

td.day-has-entries .label{
  font-weight:bold;
}

td.day-has-entries .label, table p{
  display:inline;
}

table.month td p:before{
  content:"[ ";
}

table.month td p:after{
  content:" ]";
}

.month dl{
  margin:0;
}

.month dl dt{
  text-align:center;
  border-bottom:1px solid var(--entry-border-color);
  line-height:1.2;
  padding:0 0 0.25em;
  margin-bottom:1em;
}

.month dd{
  margin:0;
}

.month dl h3{
  font-size:1em;
  padding:0;
  margin:0;
  display:inline;
}

.month dl .time{
  padding-right:.5em;
}

.page-month .month .entry-poster{
  margin-right:.5em;
}

.month dl br{
  display:block;
}

#archive-year .navigation li, #archive-month .navigation li{
  display:inline-block;
}

#archive-year .navigation li{
  margin:0 0.5em;
  padding:0.5em 1em;
  background:var(--entry-background-color);
  border:1px solid var(--entry-border-color);
}

#archive-month .navigation ul{
  padding:0.5em 1em;
  background:var(--entry-background-color);
  border:1px solid var(--entry-border-color);
  display:inline-block;
}

/*------------ tags ------------*/

.tags-container .contents{
  margin-top:1.5em;
}

ul.ljtaglist{
  padding:0;
  margin-left:1em;
  list-style-position:inside;
}

ul.ljtaglist:first-child, .tags_cloud ul{
  padding:0;
  margin:0;
}

/*------------ icons ------------*/

.page-icons .toppages{
  display:none;
}

.page-icons .bottompages{
  text-align:center;
  padding-top:1.5em;
}

.sorting-options ul{
  margin:0.5em 0 0;
  padding:0;
  text-transform:lowercase;
  text-align:center;
  line-height:1;
}

.sorting-options ul li{
  display: inline;
}

.icon{
  overflow:hidden;
  border-bottom:1px solid var(--entry-border-color);
  padding:1em 0;
}

.icon-image{
  float:left;
  margin-right:1em;
}

.icon-image img{
  display:block;
}

.icon-info{
  text-transform:lowercase;
}

.icon-info div{
  display:inline;
  margin-right:1em;
  font-style:italic;
}

.icon-info div span{
  font-style:normal;
}

.default.label{
  font-size:0;
}

.default.label:before{
  content:"star";
  font-family: Material Icons;
  font-size:22px;
  font-style:normal;
  vertical-align:top;
  line-height:22px;
}

.icon-keywords ul {
  display: inline;
  margin-left:0;
  padding-left:0;
}

.icon-keywords ul li{
  display:inline;
}

.icon-pages p{
  margin:0;
}

/*--------------- navigation ---------------*/

.topnav{
  display:none;
}

.navigation{
  text-align:center;
  margin:10px 0;
}

.navigation ul{
  margin:0 auto;
  padding:0;
}

#entries .navigation{
  background:var(--sidebar-border-color);
  border-top:2px solid var(--sidebar-border-color);
  margin:0;
}

@media (min-width:800px){
  #entries .navigation{
    position:fixed;
    width:100%;
    left:0;
    bottom:0;
    z-index:2;
    margin:0;
    padding:0;
    height:40px;
  }
}

#entries .navigation ul{
  list-style:none;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}

li.page-back a, li.page-forward a{
  display:block;
  width:40px;
  height:40px;
  padding:0;
  overflow:hidden;
}

li.page-back a:before, li.page-forward a:before{
  display:block;
  font-family: Material Icons;
  font-size:24px;
  width: 40px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:var(--sidebar-border-color);
}

li.page-back a:before{
  content:"arrow_back";
  background:var(--sidebar-background-color);
}

li.page-forward a:before{
  content:"arrow_forward";
  background:var(--sidebar-background-color);
}

li.page-separator{
  color:transparent;
  width:2px;
}

.noentries{
  display:none;
}

/*--------------- footer ---------------*/

#footer{
  background:var(--sidebar-border-color);
  text-align:center;
  line-height:1;
  border-top:2px solid var(--sidebar-border-color);
}

@media (min-width:800px){
  #footer{
    position:fixed;
    width:40px;
    height:100%;
    top:0;
    right:0;
    padding:0;
    border-top:0;
    border-left:2px solid var(--sidebar-border-color);
    z-index:2;
  }

#footer .inner{
    position:absolute;
    top:50%;
    right:0;
    margin-top:-20px;
  }
}

.page-top{
  width:40px;
  height:40px;
  overflow:hidden;
  margin:0 auto;
}

.page-top a:before{
  display:block;
  font-family:Material Icons;
  font-size:24px;
  width: 40px;
  height:40px;
  line-height:40px;
  text-align:center;
  content: "arrow_upward";
  background:var(--sidebar-background-color);
}

#footer a{ color:var(--sidebar-border-color); }

/*------------ contextual pop-up ------------*/

div.ContextualPopup{
  color:var(--text-color);
  background:var(--entry-background-color);
  border:1px solid var(--entry-border-color);
  padding:0;
  font-family:inherit;
  border-radius:0;
  width:140px;
}

.ContextualPopup a { color:var(--text-color); }
.ContextualPopup a:hover { color:var(--link-color); }

div.ContextualPopup .Relation{
  font-size:1em;
  font-weight:normal;
  text-transform:lowercase;
  margin:0;
  padding:0.5em 0.25em;
  border-top:1px solid var(--entry-border-color);
  text-align:center;
}

div.ContextualPopup .Userpic{
  float:none;
  margin:0;
  border:9px solid var(--entry-border-color);
  text-align:center;
  padding:0;
}

div.ContextualPopup .Userpic img{
  max-width:100px;
  max-height:100px;
  width:auto;
  height:auto;
  padding:10px;
}

.ContextualPopup .Actions ul{
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}

div.ContextualPopup li{
  border-top:1px solid var(--entry-border-color);
  padding:0.25em;
  text-transform:lowercase;
}

/*------------ control strip ------------*/

#lj_controlstrip{
  background:var(--sidebar-background-color);
  color:var(--sidebar-text-color);
  justify-content:center;
  padding:.75em 0;
  border-bottom:1px solid var(--sidebar-border-color);
}

@media (min-width:800px){
  #lj_controlstrip{
    background:var(--sidebar-background-color);
    position:fixed;
    z-index:3;
    padding:.75em 40px;
    border-bottom:0;
    width:100%;
    box-sizing:border-box;
    transform:translateY(-100%);
    transition:transform 0.5s, z-index 0.5s step-end;
  }
  
  #lj_controlstrip:before{
    content:"";
    display:block;
    position:absolute;
    bottom:-42px;
    height:42px;
    width:100%;
    left:0;
    background:var(--sidebar-border-color);
  }

#lj_controlstrip:after{
    content:"settings";
    position:absolute;
    bottom:-40px;
    height:40px;
    width:40px;
    line-height:40px;
    margin-left:-20px;
    left:50%;
    cursor:pointer;
    font-family:Material Icons;
    font-size:24px;
    background:var(--sidebar-background-color);
    color:var(--sidebar-border-color);
    text-align:center;
  }

#lj_controlstrip:hover{
    transform:translateY(0);
    z-index:9;
    transition: transform 0.5s, z-index 0.5s step-start;
  }
}

#lj_controlstrip > div{
  font-family:var(--main-font);
  font-size:var(--text-size);
  line-height:var(--line-height);
  padding:.25em .5em;
  flex-grow:0;
}

#lj_controlstrip_user > a, #lj_controlstrip_actionlinks > a{
  text-transform:lowercase;
}

#lj_controlstrip a{
  font-family:var(--main-font);
  color:var(--sidebar-link-color);
}

#lj_controlstrip a:hover{
  color:var(--sidebar-link-hover-color);
  text-decoration:none;
}

#lj_controlstrip_actionlinks{
  text-align:center;
}

#lj_controlstrip_statustext{
  color:var(--sidebar-text-color);
  font-weight:normal;
  font-size:var(--text-size);
}

#lj_controlstrip_search{
  text-align: right;
}

#lj_controlstrip input, #lj_controlstrip select{
  border:1px solid var(--sidebar-border-color);
  background:transparent!important;
}

#lj_controlstrip input[type="submit"]{
  border:0;
  background:transparent;
  text-transform:lowercase;
  font-size:16px;
  color:var(--sidebar-text-color);
  font-family:var(--main-font);
  padding:0.25em;
}

#lj_controlstrip_userpic img{
  border:4px solid var(--sidebar-border-color)!important;
  padding:1px!important;
  background:var(--sidebar-background-color);
}

#lj_controlstrip .ljuser b{
  font-weight:normal;
}

#lj_controlstrip .ljuser img{
  display:none;
}

#lj_controlstrip_user, #lj_controlstrip_login, #lj_controlstrip_actionlinks {
  border:0;
}

How to install:

Go to the "Select style" page, search for "Tabula Rasa" and apply any theme.
Choose one of the 1 Column page setups.
Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)".
On the same page, paste the following https://fonts.googleapis.com/css2?family=Oxygen&family=Allerta+Stencil&display=swap into the "Custom stylesheet URL" field.
Click on the "Modules" tab. Set "Navigation" to number 2, "Links list" to number 4 and "Custom text" to number 13. Uncheck the other modules.
Click on the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Resources:

icon font by Google
images from unsplash.com

rosecarmine

Live preview
Features:

sidebar image (300x600px)
navigation links, links list, custom text
comment pages
icon pages

Code:

/*-------------------------------------

- layout - opposite (tabula rasa) - https://myrtillenne.dreamwidth.org
- icon font - material icons - https://material.io

-------------------------------------*/

/*--------------- options ---------------*/

:root {
  --text-size: 16px;
  --text-color: #ac86a7;
  --line-height: 1.5;
  --body-background-color: #af61b8;
  --link-color: #cc66ff;
  --link-hover-color: #edcc81;
  --title-color: #edcc81;
  --subtitle-color: #cc66ff;
  --main-font: Fira Sans, sans-serif;
  --title-font: Playfair Display, serif;
  --entry-width: 700px;
  --entry-background-color: #291f28;
  --entry-border-color: #382337;
  --entry-title-color: #edcc81;
  --icon-size: 80px;
  --sidebar-width: 50vw;
  --sidebar-height: 600px;
  --sidebar-image-width: 300px;
  --sidebar-image: url("https://rosecarmine.dreamwidth.org/file/76200.jpg");
  --sidebar-background-color: #291f28;
  --sidebar-inner-background-color: #382337;
  --sidebar-text-color: #ac86a7;
  --sidebar-link-color: #cc66ff;
  --sidebar-link-hover-color: #edcc81;
}

/*--------------- general ---------------*/

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v70/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
    format("woff2");
}

H1,
H2,
H3 {
  margin: 0.25em 0;
  padding: 0.25em 0;
}

img {
  border: none;
}

hr {
  display: none;
}

body {
  padding: 0;
  background: var(--body-background-color);
  font-family: var(--main-font);
  line-height: var(--line-height);
  font-size: var(--text-size);
  color: var(--text-color);
}

a,
a:link,
a:visited {
  text-decoration: none;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s;
}

a {
  color: var(--link-color);
}
a:hover {
  color: var(--link-hover-color);
}

q {
  font-style: italic;
}

blockquote {
  background: var(--entry-border-color);
  margin: 1em 0;
  padding: 2em;
}

blockquote:first-letter {
  font-size: 2em;
  font-family: var(--title-font);
  font-style: italic;
  color: var(--entry-title-color);
  line-height: 1em;
}

@media (min-width: 1024px) {
  #canvas {
    margin: 0 0 0 calc(var(--sidebar-image-width) + 100px);
  }
}

@media (min-width: 1280px) {
  #canvas {
    margin: 0 0 0 var(--sidebar-width);
  }
}

@media (min-width: 800px) {
  #canvas > .inner:first-child {
    margin: 50px;
  }
}

#content-footer {
  height: 0;
  font-size: 0;
  clear: both;
}

#primary {
  margin: 0 auto;
}

@media (min-width: 1024px) {
  #content {
    max-width: var(--entry-width);
    margin: 0 auto;
  }
}

#header {
  background: var(--sidebar-background-color);
  text-align: center;
  padding: 1em;
}

@media (min-width: 1024px) {
  #header {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(var(--sidebar-image-width) + 100px);
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
  }

#header > .inner {
    height: var(--sidebar-height);
    width: var(--sidebar-image-width);
    background-image: var(--sidebar-image);
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    margin: auto;
  }

#header > .inner:before {
    content: "";
    flex-grow: 2;
    border: 4px solid var(--sidebar-inner-background-color);
    border-bottom: none;
  }
}

@media (min-width: 1280px) {
  #header {
    left: calc(var(--sidebar-width) / 2);
    width: calc(var(--sidebar-width) / 2);
  }

#header > .inner {
    margin: 0;
  }
}

h1#title {
  font-size: 1.5em;
  margin: 0;
  padding: var(--text-size);
  line-height: 1em;
  font-weight: normal;
  background: var(--sidebar-inner-background-color);
  color: var(--title-color);
  font-family: var(--title-font);
  font-style: italic;
}

h1#title a {
  color: var(--title-color);
}

h2#subtitle {
  font-size: 1em;
  background: var(--sidebar-inner-background-color);
  margin: -0.75em 0 0;
  padding: 0 1em 1em;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: normal;
  color: var(--subtitle-color);
  letter-spacing: -1px;
}

h2#pagetitle {
  display: none;
}

/*------------ sidebar ------------*/

#secondary {
  position: relative;
  background: var(--sidebar-background-color);
  color: var(--sidebar-text-color);
}

#secondary > .inner:first-child {
  text-align: right;
  background: var(--sidebar-inner-background-color);
}

@media (min-width: 1280px) {
  #secondary {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(var(--sidebar-width) / 2);
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

#secondary > .inner:first-child {
    height: var(--sidebar-height);
    width: var(--sidebar-image-width);
    margin: 0;
  }
}

.module-section-one .inner {
  column-count: 2;
  column-width: 150px;
  padding: 2em;
}

@media (min-width: 1280px) {
  .module-section-one .inner {
    column-count: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: var(--sidebar-height);
    box-sizing: border-box;
    justify-content: center;
  }
}

.module a {
  color: var(--sidebar-link-color);
}

.module a:hover {
  color: var(--sidebar-link-hover-color);
}

.module-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.module-content li {
  break-inside: avoid;
  padding-right: 1em;
  margin-right: 10px;
  position: relative;
}

.module-content li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid var(--title-color);
  vertical-align: middle;
  margin-left: 1em;
  margin-top: -5px;
  top: 50%;
  right: -10px;
}

.module-content li a {
  color: var(--sidebar-text-color);
  text-transform: uppercase;
  letter-spacing: -1px;
}

.module-content li a:hover {
  color: var(--sidebar-link-color);
}

.module-customtext {
  margin-bottom: 1em;
  column-span: all;
  overflow: auto;
}

.module-customtext .module-content:first-letter {
  font-size: 2em;
  font-family: var(--title-font);
  font-style: italic;
  color: var(--title-color);
  line-height: 1em;
}

.module-customtext .module-content {
  padding-right: 2px;
}

.module-customtext::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.module-customtext::-webkit-scrollbar-track {
  background: transparent;
}

.module-customtext::-webkit-scrollbar-thumb {
  background: var(--sidebar-link-color);
  border-left: 5px solid var(--sidebar-inner-background-color);
}

.module-customtext::-webkit-scrollbar-corner {
  background: var(--sidebar-link-color);
}

.module h2,
.module .manage-link,
.module-userprofile,
.module-calendar,
.module-tags_list,
.module-tags_cloud,
.module-tags_multilevel,
.module-cuttagcontrols,
.module-pagesummary,
.module-active,
.module-credit,
.module-syndicate,
.module-subscriptionfilters,
.module-search,
.module-time,
.module-powered {
  display: none;
}

/*--------------- entries ---------------*/

.entry {
  margin: 10px 0;
  padding: 10px;
  color: var(--text-color);
  position: relative;
  background: var(--entry-background-color);
}

@media (min-width: 800px) {
  .entry {
    margin: 50px 0;
  }
}

.entry > .inner:first-child {
  border: 4px solid var(--entry-border-color);
  position: relative;
}

.entry .header {
  background: var(--entry-border-color);
  border-bottom: 4px solid var(--entry-border-color);
}

.has-userpic .entry .header {
  min-height: var(--icon-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 800px) {
  .has-userpic .entry .header .inner {
    width: calc(100% - var(--icon-size));
    box-sizing: border-box;
  }
}

.entry .header .inner {
  padding: 0.75em;
  line-height: 1;
}

.sticky-entry-icon,
.admin-post-icon {
  display: none;
}

.entry .entry-title,
.full .comment-title {
  font-size: 1.5em;
  font-family: var(--title-font);
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.entry .entry-title,
.entry .entry-title a,
.full .comment-title a {
  color: var(--entry-title-color);
}

.no-subject .entry .entry-title {
  background: none;
  border: none;
  padding: 0;
}

.restrictions img,
.access-filter img {
  display: none;
}

.security-protected .access-filter:before {
  content: "LOCKED";
}

.security-private .access-filter:before {
  content: "PRIVATE";
}

.restrictions-NSFW .restrictions:before {
  content: "NSFW";
}

.restrictions-18 .restrictions:before {
  content: "18+";
}

.datetime,
.datetime a {
  color: var(--link-color);
}

.header .datetime,
.restrictions,
.access-filter {
  text-transform: uppercase;
  letter-spacing: -1px;
  display: inline-block;
  margin-top: 0.25em;
  margin-right: 0.25em;
}

.has-userpic .userpic {
  float: right;
}

.has-userpic .entry .userpic {
  margin-top: -2em;
  margin-left: 1em;
  border-left: 4px solid var(--entry-border-color);
  border-bottom: 4px solid var(--entry-border-color);
}

.userpic img {
  display: block;
  max-width: 50px;
  max-height: 50px;
  width: auto;
  height: auto;
}

@media (min-width: 800px) {
  .has-userpic .entry .userpic {
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: 4px solid var(--entry-border-color);
    margin: 0;
  }

.userpic img {
    max-width: var(--icon-size);
    max-height: var(--icon-size);
  }
}

.entry .poster,
.full .poster {
  display: block;
}

.entry .poster {
  font-size: 0;
  margin: 0 calc(var(--text-size) * 2) var(--text-size);
}

.entry .poster .ljuser:nth-child(1)::before {
  content: "Written by ";
}

.entry .poster .ljuser:nth-child(2)::before {
  content: "in ";
  padding-left: 0.25em;
}

.entry .poster .ljuser,
.full .poster .ljuser,
.poster .anonymous {
  display: inline-block;
}

.entry .poster .ljuser {
  font-size: var(--text-size);
}

.poster .ljuser img {
  display: none;
}

.poster.empty {
  border: none;
}

.poster .ljuser b {
  font-weight: normal;
}

.entry-content li,
.comment-content li {
  list-style-position: inside;
}

.entry-content img,
.comment-content img {
  max-width: 100%;
  height: auto;
}

.entry .contents {
  margin-top: 2em;
}

.entry-content {
  margin-bottom: 1.5em;
  padding: 0 2em 1.5em;
  border-bottom: 1px solid var(--entry-border-color);
}

@media (min-width: 800px) {
  .entry-content {
    text-align: justify;
  }
}

.entry-content ol,
.comment-content ol {
  padding-left: 1em;
}

.entry-content ul,
.comment-content ul {
  padding-left: 1em;
}

.cuttag_container img {
  vertical-align: bottom;
}

.metadata {
  margin: 0 2em;
}

.metadata ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tag-text,
.metadata-label {
  text-transform: uppercase;
  letter-spacing: -1px;
}

.tag ul,
.metadata-item {
  margin: 0;
  padding: 0;
}

.tag-nav-trigger {
  vertical-align: middle;
}

.tag ul {
  display: inline;
}

.tag ul li {
  display: inline;
}

ul.entry-management-links,
ul.entry-interaction-links {
  margin: 0;
  padding: 0;
  display: inline;
  text-transform: uppercase;
  letter-spacing: -1px;
}

ul.entry-management-links li {
  display: inline;
  margin-right: 0.5em;
}

ul.entry-interaction-links li {
  display: inline;
  margin-right: 0.5em;
}

.entry .footer {
  padding: 0 2em 2em;
}

/*--------------- comments ---------------*/

.comment-pages {
  text-transform: uppercase;
  background: var(--entry-background-color);
  padding: 1.5em 2em;
  letter-spacing: -1px;
}

.comment {
  background: var(--entry-background-color);
  padding: 2em;
  margin: 10px 0;
}

.comment .header {
  float: left;
}

.comment-posted {
  font-weight: bold;
}

.comment-wrapper {
  min-width: 15em;
}

.no-subject .comment .comment-title {
  background: none;
  border: none;
  padding: 0;
}

.comment-date-text {
  display: none;
}

.comment .poster {
  clear: left;
}

.comment-content {
  margin: 1.5em 0;
}

.multiform-checkbox input {
  vertical-align: top;
}

ul.comment-management-links,
ul.comment-interaction-links,
.comment .multiform-checkbox {
  margin: 0;
  padding: 0;
  display: inline;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -1px;
}

ul.comment-management-links li {
  padding-right: 0.5em;
  display: inline;
}

ul.comment-interaction-links li {
  padding-right: 0.5em;
  display: inline;
}

#comments ul.entry-management-links,
#comments ul.entry-interaction-links,
.comment-pages.bottompages {
  display: none;
}

.bottomcomment {
  padding: 0;
  color: var(--entry-background-color);
}

textarea#commenttext {
  width: 100%;
}

.partial .comment {
  padding: 1.5em 2em;
}

.partial .comment-title {
  margin: 0;
}

#qrformdiv {
  padding: 0;
  margin-top: 1em;
  max-width: 100%;
}

#postform {
  background: var(--entry-background-color);
  padding: 2em;
}

#qrdiv input[type="button"],
#qrdiv input[type="submit"] {
  background: var(--entry-border-color);
  border: 0;
  font-size: var(--text-size);
  padding: 0.5em;
  color: var(--link-color);
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -1px;
  font-family: var(--main-font);
}

#qrformdiv .qr-meta .ljuser {
  font-size: inherit;
}

#qrdiv .ljuser img,
#talkform-from img {
  display: none;
}

#talkform-from label {
  font-weight: normal;
}

/*------------ archive, tags, icons containers ------------*/

.month-wrapper,
.page-month .month,
.tags-container,
.icons-container {
  margin: 10px 0;
  padding: 10px;
  background: var(--entry-background-color);
}

@media (min-width: 800px) {
  .month-wrapper,
  .page-month .month,
  .tags-container,
  .icons-container {
    margin: 50px 0;
  }
}

.month-wrapper > .month,
.page-month .month .inner,
.tags-container > .inner:first-child,
.icons-container > .inner:first-child {
  border: 4px solid var(--entry-border-color);
}

.month-wrapper .header,
.tags-container .header,
.icons-container .header {
  background: var(--entry-border-color);
  padding: 0.75em;
}

.month-wrapper h3,
.tags-container h2,
.icons-container h2 {
  font-size: 1.5em;
  font-family: var(--title-font);
  color: var(--entry-title-color);
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.tags-container .contents {
  padding: 2em;
}

#archive-year .month .footer,
#primary .manage-link {
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -1px;
}

#primary .manage-link {
  border-top: 1px solid var(--entry-border-color);
  padding: 1.5em 2em 2em;
}

/*------------ archive ------------*/

.day-date {
  display: none;
}

.month caption {
  display: none;
}

table.month {
  border-collapse: collapse;
  width: 100%;
  border: 0;
  text-align: center;
}

table.month td,
table.month th {
  max-width: 1em;
  height: 3.25em;
  border-bottom: 1px solid var(--entry-border-color);
  border-right: 1px solid var(--entry-border-color);
}

table.month td:last-child,
table.month th:last-child {
  border-right: 0;
}

table.month th {
  text-transform: uppercase;
  font-weight: normal;
}

.day-has-entries {
  background: var(--entry-border-color);
}

table.month td p {
  margin: 0;
}

.month dl {
  margin: 0;
}

.month dl dt {
  font-family: var(--title-font);
  color: var(--entry-title-color);
  background: var(--entry-border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 0.75em;
}

.month dl dt a {
  color: var(--entry-title-color);
}

.month dl br {
  display: block;
}

.month dl h3 {
  display: inline;
  font-size: 1em;
}

.month dd {
  margin: 2em;
}

.month dd > span {
  padding-right: 0.5em;
}

#archive-year .month .footer {
  padding: 1.5em 2em 2em;
}

#archive-year .navigation,
#archive-month .navigation {
  padding: 1em;
}

#archive-year .navigation li,
#archive-month .navigation li {
  display: inline;
  margin-right: 0.5em;
}

/*------------ tags ------------*/

ul.ljtaglist {
  margin: 0 0 0 1em;
  padding: 0;
  list-style: inside;
}

ul.ljtaglist:first-child,
.tags_cloud ul {
  padding: 0;
  margin: 0;
}

/*------------ icons page ------------*/

.sorting-options ul li {
  display: inline;
}

.icon-keywords ul {
  display: inline;
  margin-left: 0;
  padding-left: 0;
}

.icon-keywords ul li {
  display: inline;
}

.sorting-options ul {
  margin: 0;
  padding: 1.5em 2em;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 1;
}

.page-icons .toppages {
  display: none;
}

.icons-container .icon {
  border-top: 1px solid var(--entry-border-color);
  display: flex;
  flex-wrap: wrap;
}

.icon-image {
  order: 2;
  min-width: auto;
  margin: 0;
  border: 3px solid var(--entry-border-color);
  border-right: 0;
}

.icon-image img {
  display: block;
}

.icon-info {
  padding: 1.5em 2em;
  flex: 1;
}

.default.label,
.keywords-label,
.comment-text,
.description-text {
  text-transform: uppercase;
  letter-spacing: -1px;
}

.page-icons .bottompages {
  padding: 1em 2em;
  text-transform: uppercase;
  border-top: 1px solid var(--entry-border-color);
  letter-spacing: -1px;
}

.page-icons .bottompages b {
  font-weight: normal;
}

.icon-pages p {
  margin: 0;
}

/*------------ navigation ------------*/

.navigation {
  background: var(--entry-background-color);
  overflow: hidden;
  margin: 10px 0;
}

@media (min-width: 800px) {
  .navigation {
    margin: 50px 0;
  }
}

.navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#entries .navigation ul {
  border: 1px solid var(--entry-border-color);
  overflow: hidden;
  margin: 2px;
}

li.page-back {
  float: left;
}

li.page-forward {
  float: right;
}

li.page-back a,
li.page-forward a {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  overflow: hidden;
  color: var(--entry-title-color);
}

li.page-back a:before,
li.page-forward a:before {
  display: block;
  font-family: Material Icons;
  font-size: 24px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

li.page-back a:before {
  content: "arrow_back";
  background: var(--entry-border-color);
}

li.page-forward a:before {
  content: "arrow_forward";
  background: var(--entry-border-color);
}

.topnav,
.navigation .page-separator,
.navigation.empty,
.noentries {
  display: none;
}

/*------------ footer ------------*/

#footer {
  text-align: center;
  padding: 10px;
}

@media (min-width: 1024px) {
  #footer {
    position: fixed;
    width: 30px;
    height: 30px;
    bottom: 0;
    right: 0;
  }
}

.page-top {
  width: 30px;
  height: 30px;
  overflow: hidden;
  transition: all ease 0.5s;
  margin: 0 auto;
}

.page-top a:before {
  display: block;
  font-family: Material Icons;
  font-size: 26px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  content: "arrow_upward";
  color: var(--sidebar-background-color);
}

@media (min-width: 1024px) {
  .page-top:hover {
    margin-top: -5px;
  }
}

/*------------ contextual pop-up ------------*/

div.ContextualPopup {
  color: var(--text-color);
  background: var(--entry-background-color);
  border: 3px solid var(--entry-border-color);
  padding: 0;
  font-family: inherit;
  box-shadow: none;
  border-radius: 0;
  width: 140px;
}

.ContextualPopup a {
  color: var(--text-color);
}

div.ContextualPopup .Relation {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0.25em;
  border-top: 3px solid var(--entry-border-color);
  text-align: center;
}

div.ContextualPopup .Userpic {
  border: none;
  float: none;
  margin: 0;
  padding: 10px;
  text-align: center;
}

div.ContextualPopup .Userpic img {
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
  border: 10px solid var(--entry-border-color);
}

.ContextualPopup .Actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

div.ContextualPopup li {
  border-top: 1px solid var(--entry-border-color);
  padding: 0.25em;
}

/*------------ control strip ------------*/

#lj_controlstrip {
  background: var(--sidebar-background-color);
  color: var(--sidebar-text-color);
  justify-content: center;
  padding: 0.75em 0;
}

@media (min-width: 1024px) {
  #lj_controlstrip {
    transform: translateY(-100%);
    position: fixed;
    transition: transform 0.7s;
    z-index: 9;
  }

#lj_controlstrip:after {
    font-family: "Material Icons";
    content: "settings";
    font-size: 26px;
    position: absolute;
    bottom: -40px;
    height: 30px;
    width: 30px;
    right: 10px;
    padding-top: 10px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    color: var(--sidebar-background-color);
  }

#lj_controlstrip:hover {
    transform: translateY(0);
  }
}

#lj_controlstrip > div {
  font-family: var(--main-font);
  font-size: var(--text-size);
  line-height: var(--line-height);
  padding: 0.25em 0.5em;
  flex-grow: 0;
}

#lj_controlstrip a {
  font-family: var(--main-font);
  color: var(--sidebar-link-color);
}

#lj_controlstrip_user > a,
#lj_controlstrip_actionlinks > a {
  letter-spacing: -1px;
  text-transform: uppercase;
}

#lj_controlstrip a:hover {
  color: var(--sidebar-link-hover-color);
  text-decoration: none;
}

#lj_controlstrip_user,
#lj_controlstrip_login,
#lj_controlstrip_actionlinks {
  border-right: none;
}

#lj_controlstrip_userpic img {
  border: 4px solid var(--sidebar-inner-background-color) !important;
}

#lj_controlstrip_actionlinks {
  text-align: center;
}

#lj_controlstrip_statustext {
  color: var(--sidebar-text-color);
  font-weight: normal;
  font-size: var(--text-size);
}

#lj_controlstrip_search {
  text-align: right;
}

#lj_controlstrip input,
#lj_controlstrip select {
  border: 0;
}

#lj_controlstrip input[type="submit"] {
  font-family: var(--title-font);
  font-style: italic;
  padding: 5px;
  color: var(--title-color);
  background: transparent;
  font-size: 1.2em;
}

#lj_controlstrip .ljuser img {
  display: none;
}

How to install:

Go to the "Select style" page, search for "Tabula Rasa" and apply any theme.
Choose one of the 1 Column page setups.
Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)".
On the same page, paste the following https://fonts.googleapis.com/css2?family=Fira+Sans&family=Playfair+Display:ital@1&display=swap into the "Custom stylesheet URL" field.
Click on the "Modules" tab. Set "Custom text" to number 1, "Navigation" to number 2 and "Links list" to number 4. Uncheck the other modules.
Click on the "Presentation" tab; in the "Additional options" section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Resources:

icon font by Google
image from unsplash.com

rosecarmine

Live preview
Features:

header image (700x300px)
sidebar image (300x200px)
navigation links, links list, custom text
comment pages
icon pages

Code:

/*-------------------------------------

- layout - emphasis (tabula rasa) - https://myrtillenne.dreamwidth.org
- images - https://unsplash.com

/*--------------- options ---------------*/

:root {
  --text-size: 16px;
  --text-color: #ddd;
  --line-height: 1.5;
  --background-color: #222;
  --link-color: #fb6a0b;
  --link-hover-color: #ed9f54;
  --main-font: Roboto, sans-serif;
  --title-font: Roboto Condensed, sans-serif;
  --title-color: #ed9f54;
  --content-width: 700px;
  --border-color: #444;
  --entry-background-color: #2c2c2c;
  --header-image: url("https://rosecarmine.dreamwidth.org/file/72985.jpg");
  --header-image-height: 300px;
  --sidebar-image: url("https://rosecarmine.dreamwidth.org/file/69222.jpg");
  --sidebar-image-width: 300px;
  --sidebar-image-height: 200px;
  --sidebar-link-color: #fb6a0b;
  --sidebar-link-hover-color: #222;
  --sidebar-link-background-color: #272727;
  --sidebar-link-background-hover-color: #ed9f54;
}

/*--------------- general ---------------*/

H1,
H2,
H3 {
  margin: 0.25em 0;
  padding: 0.25em 0;
}

img {
  border: none;
}

hr {
  display: none;
}

body {
  color: var(--text-color);
  background: var(--background-color);
  border: 0;
  font-family: var(--main-font);
  font-size: var(--text-size);
  line-height: var(--line-height);
  margin: 0;
}

/*--------------- links ---------------*/

a,
a:visited {
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover-color);
}

a,
a:link,
a:visited {
  text-decoration: none;
  transition: all 0.4s ease;
}

q {
  font-style: italic;
}

blockquote {
  border: 1px solid var(--border-color);
  margin: 1em 0;
  padding: 1em;
}

/*--------------- content ---------------*/

#canvas {
  margin-top: 40px;
}

@media (min-width: 1024px) {
  #canvas {
    margin: 40px 0 40px calc(var(--sidebar-image-width) + 81px);
    padding: 0 40px;
  }
}

#content-footer {
  height: 0;
  font-size: 0;
  clear: both;
}

#header,
#primary {
  max-width: var(--content-width);
  margin: 30px auto;
}

@media (min-width: 1024px) {
  #header,
  #primary {
    margin: 30px 0;
  }
}

/*--------------- header ---------------*/

@media (min-width: 800px) {
  #header:after {
    content: "";
    display: block;
    width: 100%;
    height: var(--header-image-height);
    margin-top: 10px;
    background-image: var(--header-image);
    background-repeat: no-repeat;
    background-position: center center;
  }
}

#header > .inner {
  text-align: center;
  background: var(--entry-background-color);
  border: 1px solid var(--border-color);
  position: relative;
  padding: 20px 5px;
  line-height: 1;
  text-transform: uppercase;
  font-family: var(--title-font);
}

h1#title {
  font-size: 2em;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1#title a {
  color: var(--title-color);
}

h2#subtitle {
  font-size: 1em;
  font-weight: normal;
  background: var(--sidebar-link-background-hover-color);
  color: var(--sidebar-link-hover-color);
  margin: 0;
  padding: 0;
}

@media (min-width: 800px) {
  h1#title {
    font-size: 4em;
  }
}

h2#pagetitle {
  display: none;
}

/*--------------- entries ---------------*/

.entry {
  margin: 30px 0;
  border: 1px solid var(--border-color);
  background: var(--entry-background-color);
}

.entry .header,
.comment .header {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  font-family: var(--title-font);
  text-transform: uppercase;
  line-height: 1;
}

.entry .entry-title {
  font-size: 1.5em;
  color: var(--title-color);
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid var(--border-color);
  margin: 0;
  padding: 0.5em;
}

.entry .entry-title a {
  color: var(--title-color);
}

.no-subject .entry .entry-title {
  background: none;
  border: none;
  padding: 0;
}

.sticky-entry-icon,
.admin-post-icon {
  display: none;
}

.restrictions img,
.access-filter img {
  display: none;
}

.entry .date,
.entry .time,
.entry .restrictions,
.entry .access-filter {
  padding: 0.5em;
  border-right: 1px solid var(--border-color);
  display: block;
  float: left;
}

.security-protected .access-filter:before {
  content: "LOCKED";
}

.security-private .access-filter:before {
  content: "PRIVATE";
}

.restrictions-NSFW .restrictions:before {
  content: "NSFW";
}

.restrictions-18 .restrictions:before {
  content: "18+";
}

.has-userpic .userpic {
  float: right;
  margin-top: -1px;
  margin-left: 1em;
}

@media (min-width: 1280px) {
  .has-userpic .userpic {
    width: 110px;
    margin-right: -115px;
    margin-left: 0;
  }
}

.userpic img {
  border: 1px solid var(--border-color);
  background: var(--entry-background-color);
  padding: 5px;
  display: block;
  max-width: 50px;
  max-height: 50px;
  width: auto;
  height: auto;
}

@media (min-width: 800px) {
  .userpic img {
    max-width: 100px;
    max-height: 100px;
  }
}

.entry .poster,
.full .poster {
  clear: left;
  display: block;
  border-bottom: 1px solid var(--border-color);
  text-align: right;
  line-height: 1;
}

.entry .poster {
  font-size: 0;
}

.entry .poster .ljuser,
.full .poster .ljuser,
.poster .anonymous {
  display: inline-block;
  font-family: var(--title-font);
  text-transform: uppercase;
  padding: 0.5em;
  border-left: 1px solid var(--border-color);
}

.entry .poster .ljuser {
  font-size: var(--text-size);
}

.has-userpic .entry .poster .ljuser:last-child,
.full.has-userpic .poster .ljuser {
  margin-right: -1em;
}

@media (min-width: 1280px) {
  .has-userpic .entry .poster .ljuser:last-child,
  .full.has-userpic .poster .ljuser {
    margin-right: 0;
  }
}

.poster .ljuser img {
  display: none;
}

.poster.empty {
  border: none;
}

.poster .ljuser b {
  font-weight: normal;
}

.entry-content li,
.comment-content li {
  list-style-position: inside;
}

.entry-content img,
.comment-content img {
  max-width: 100%;
  height: auto;
}

.entry-content {
  margin: 2em;
  clear: left;
}

@media (min-width: 800px) {
  .entry-content {
    text-align: justify;
  }
}

.entry-content ol,
.comment-content ol {
  padding-left: 1em;
}

.entry-content ul,
.comment-content ul {
  padding-left: 1em;
}

.metadata {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: -1px;
  clear: both;
}

.metadata ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.entry div.tag,
.metadata li {
  border-top: 1px solid var(--border-color);
  display: flex;
  line-height: 1;
}

.entry .tag-text,
.metadata-label {
  font-family: var(--title-font);
  text-transform: uppercase;
  padding: 0.5em;
  border-right: 1px solid var(--border-color);
}

.entry .tag ul,
.metadata-item {
  margin: 0;
  padding: 0.5em;
}

.entry div.tag {
  border-bottom: 1px solid var(--border-color);
}

.tag ul li {
  display: inline;
}

.tag-nav-trigger {
  align-self: center;
}

ul.entry-management-links,
ul.entry-interaction-links {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  border-top: 1px solid var(--border-color);
  flex-wrap: wrap;
  text-transform: uppercase;
  font-family: Roboto Condensed, sans-serif;
  line-height: 1;
}

ul.entry-management-links {
  margin-top: 10px;
}

ul.entry-management-links li {
  padding: 0.5em;
  border-right: 1px solid var(--border-color);
}

ul.entry-interaction-links {
  justify-content: flex-end;
}

ul.entry-interaction-links li {
  padding: 0.5em;
  border-left: 1px solid var(--border-color);
}

.footer {
  clear: both;
}

/*--------------- comments ---------------*/

.comment-pages {
  text-transform: uppercase;
  font-family: var(--title-font);
  background: var(--entry-background-color);
  border: 1px solid var(--border-color);
  padding: 0.5em;
  text-align: center;
}

.comment-pages:first-of-type {
  margin-top: 30px;
  margin-bottom: 5px;
}

.full .comment {
  margin: 30px 0;
  border: 1px solid var(--border-color);
  background: var(--entry-background-color);
}

.comment .header .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.full .comment-title {
  font-size: 1em;
  font-family: var(--title-font);
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid var(--border-color);
  margin: 0;
  padding: 0.5em;
  line-height: 1;
  order: -1;
  flex: 0 0 100%;
}

.full .comment-title a {
  color: var(--title-color);
}

.full .thread-depth,
.full .header .datetime {
  padding: 0.5em;
  border-right: 1px solid var(--border-color);
  font-family: var(--title-font);
  text-transform: uppercase;
  line-height: 1;
}

.comment-posted {
  font-weight: bold;
}

.comment-wrapper {
  min-width: 15em;
}

.no-subject .comment .comment-title {
  background: none;
  border: none;
  padding: 0;
}

.comment-date-text,
.comment-from-text {
  display: none;
}

.comment .poster-ip {
  font-size: 1em;
  display: block;
  font-family: var(--title-font);
  text-transform: uppercase;
  border-bottom: 1px solid var(--border-color);
  line-height: 1;
  padding: 0.5em;
}

.comment-content {
  padding: 2em;
}

.comment .multiform-checkbox {
  float: left;
  border-top: 1px solid var(--border-color);
  padding: 0.25em 0.5em 0;
  display: block;
  font-family: var(--title-font);
  text-transform: uppercase;
}

.multiform-checkbox input {
  vertical-align: top;
}

ul.comment-management-links,
ul.comment-interaction-links {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  border-top: 1px solid var(--border-color);
  flex-wrap: wrap;
  text-transform: uppercase;
  font-family: var(--title-font);
  line-height: 1;
}

ul.comment-management-links li {
  padding: 0.5em;
  border-right: 1px solid var(--border-color);
}

ul.comment-management-links li:first-child {
  border-left: 1px solid var(--border-color);
  margin-left: -1px;
}

ul.comment-interaction-links {
  justify-content: flex-end;
}

ul.comment-interaction-links li {
  padding: 0.5em;
  border-left: 1px solid var(--border-color);
}

#comments ul.entry-management-links,
#comments ul.entry-interaction-links,
.comment-pages.bottompages {
  display: none;
}

.bottomcomment {
  padding: 0;
  text-align: center;
}

textarea#commenttext {
  width: 100%;
}

.partial .comment {
  background: var(--entry-background-color);
  margin-top: 10px;
  padding: 0.5em 1em;
  border: 1px solid var(--border-color);
}

.partial .comment-title {
  margin: 0;
}

#qrformdiv {
  right: 0 !important;
  min-width: 100% !important;
  padding: 0;
}

#qrform {
  padding: 2em;
  border-top: 1px solid var(--border-color);
}

#qrdiv input,
#qrdiv select,
#qrdiv textarea {
  border: 1px solid var(--border-color);
  background: var(--entry-background-color);
  color: var(--text-color);
  font-family: var(--main-font);
  font-size: var(--text-size);
}

#qrdiv input[type="button"],
#qrdiv input[type="submit"] {
  background: var(--sidebar-link-background-color);
  font-family: var(--title-font);
  font-size: var(--text-size);
  padding: 0.5em;
  color: var(--sidebar-link-color);
  text-transform: uppercase;
  line-height: 1;
}

#postform {
  padding: 2em;
  background: var(--entry-background-color);
  border: 1px solid var(--border-color);
  margin-top: 5px;
}

/*------------ archive, tags, icons containers ------------*/

.month-wrapper,
.page-month .month,
.tags-container,
.icons-container {
  margin: 30px 0;
  border: 1px solid var(--border-color);
  background: var(--entry-background-color);
}

.month-wrapper .header,
.tags-container .header,
.icons-container .header {
  border-bottom: 1px solid var(--border-color);
}

.month-wrapper h3,
.tags-container h2,
.icons-container h2 {
  font-size: 1.5em;
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 0.5em;
  line-height: 1;
}

.tags-container .contents {
  padding: 2em;
}

#archive-year .month .footer .inner,
#primary .manage-link {
  font-family: var(--title-font);
  text-transform: uppercase;
  line-height: 1;
  border-top: 1px solid var(--border-color);
}

#archive-year .month .footer .inner a,
#primary .manage-link a {
  display: inline-block;
  padding: 0.5em;
  border-right: 1px solid var(--border-color);
}

/*------------ archive ------------*/

.day-date {
  display: none;
}

.month caption {
  display: none;
}

table.month {
  margin: 0 auto;
  border-collapse: collapse;
  width: 100%;
  border: none;
  text-align: center;
}

table.month td,
table.month th {
  border-right: 1px solid var(--border-color);
  max-width: 1em;
  height: 3.25em;
}

table.month th {
  font-family: var(--title-font);
  text-transform: uppercase;
  font-weight: normal;
}

table.month td:last-child,
table.month th:last-child {
  border-right: none;
}

table.month tr,
table.month th {
  border-bottom: 1px solid var(--border-color);
}

table.month tr:last-child {
  border-bottom: none;
}

table.month td p {
  margin: 0;
}

.month dl {
  margin: 0;
}

.month dl dt {
  font-family: var(--title-font);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.25em;
  padding: 0.25em;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.month dl dt:first-child {
  border-top: 0;
}

.month dl br {
  display: block;
}

.month dl h3 {
  display: inline;
  font-size: 1em;
}

.month dd {
  margin: 0;
  padding: 2em;
}

.month dd > span {
  padding-right: 0.25em;
}

.month .tag ul {
  display: inline;
  margin: 0;
  padding: 0;
}

#archive-year .navigation ul,
#archive-month .navigation ul form {
  display: flex;
  flex-wrap: wrap;
}

#archive-year .navigation li,
#archive-month .navigation li {
  border-right: 1px solid var(--border-color);
}

/*------------ tags ------------*/

ul.ljtaglist {
  margin: 0 0 0 1em;
  padding: 0;
  list-style: inside;
}

ul.ljtaglist:first-child,
.tags_cloud ul {
  padding: 0;
  margin: 0;
}

/*------------ icons page ------------*/

.sorting-options ul {
  margin-left: 0;
}

.sorting-options ul li {
  display: inline;
}

.icon-keywords ul {
  display: inline;
  margin-left: 0;
  padding-left: 0;
}

.icon-keywords ul li {
  display: inline;
}

/*------------ icons page ------------*/

.sorting-options ul {
  margin: 0;
  padding: 0.5em;
  text-transform: uppercase;
  font-family: var(--title-font);
  line-height: 1;
  border-bottom: 1px solid var(--border-color);
}

.page-icons .toppages {
  display: none;
}

.page-icons .bottompages {
  padding: 0.25em;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--title-font);
}

.icons-container .icon {
  border-bottom: 1px solid var(--border-color);
  display: flex;
  flex-wrap: wrap;
}

.icons-container .icon:last-child {
  border-bottom: 0;
}

.icon-image {
  order: 2;
  min-width: auto;
  margin: 0;
  border-left: 1px solid var(--border-color);
}

.icon-image img {
  display: block;
  padding: 5px;
}

.icon-info {
  padding: 1.5em;
  flex: 1;
}

.default.label,
.keywords-label,
.comment-text,
.description-text {
  text-transform: uppercase;
  font-family: var(--title-font);
  text-decoration: none;
}

.icon-pages p {
  margin: 0;
  text-transform: uppercase;
  font-family: var(--title-font);
}

/*------------ sidebar ------------*/

#secondary {
  background: var(--entry-background-color);
  margin-top: 30px;
  border-top: 1px solid var(--border-color);
}

.one-column-split #secondary {
  border-bottom: 1px solid var(--border-color);
}

.module-section-one {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 0 1.5em 1.5em;
}

.module{
  margin-top: 1.5em;
}

@media (min-width: 1024px) {
  #secondary {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--sidebar-image-width);
    height: 100%;
    overflow: auto;
    display: flex;
    border: none;
    border-right: 1px solid var(--border-color);
    margin: 0;
    padding: 0 40px;
  }
  .module-section-one {
    margin: 40px 0;
    padding: 0;
  }
}

#secondary > .inner:first-child {
  margin: auto;
}

@media (min-width: 1024px) {
  .module-section-one:before {
    content: "";
    display: block;
    width: 100%;
    height: var(--sidebar-image-height);
    margin-bottom: 10px;
    background-image: var(--sidebar-image);
    background-repeat: no-repeat;
    background-position: center center;
  }
}

.module-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.module-content li {
  flex-grow: 1;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--title-font);
  line-height: 1;
}

@media (min-width: 1024px) {
  .module-content li {
    min-width: 50%;
  }
}

.module-content li a {
  display: block;
  margin: 2px;
  background: var(--sidebar-link-background-color);
  border: 1px solid var(--border-color);
  padding: 0.5em;
  color: var(--sidebar-link-color);
}

.module-content li a:hover {
  border: 1px solid var(--sidebar-link-background-hover-color);
  background: var(--sidebar-link-background-hover-color);
  color: var(--sidebar-link-hover-color);
}

#secondary::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#secondary::-webkit-scrollbar-track {
  background: transparent;
}

#secondary::-webkit-scrollbar-thumb {
  background: var(--border-color);
}

#secondary::-webkit-scrollbar-corner {
  background: var(--border-color);
}

/*------------ navigation ------------*/

.navigation ul {
  margin: 30px 0;
  padding: 0;
  text-transform: uppercase;
  overflow: hidden;
  background: var(--entry-background-color);
  border: 1px solid var(--border-color);
}

.navigation li {
  padding: 0.5em;
  text-align: center;
  line-height: 1;
  font-family: var(--title-font);
  list-style: none;
}

li.page-back {
  float: left;
  border-right: 1px solid var(--border-color);
}

li.page-forward {
  border-left: 1px solid var(--border-color);
  float: right;
}

.topnav,
.navigation .page-separator,
.navigation.empty,
.noentries {
  display: none;
}

/*------------ footer ------------*/

.page-top {
  border-top: 1px solid var(--border-color);
  background: var(--entry-background-color);
  font-family: var(--title-font);
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  padding: 0.5em;
}

@media (min-width: 1024px) {
  #footer {
    max-width: var(--content-width);
  }

.page-top {
    border: 1px solid var(--border-color);
  }
}

#footer a {
  color: var(--title-color);
}

/*------------ contextual pop-up ------------*/

div.ContextualPopup {
  background: var(--entry-background-color);
  border: 1px solid var(--border-color);
  padding: 1.5em;
  font-family: inherit;
  box-shadow: none;
  border-radius: 0;
}

.ContextualPopup a {
  color: var(--link-color);
}
.ContextualPopup a:hover {
  color: var(--link-hover-color);
}

div.ContextualPopup .Relation {
  font-size: 1em;
  font-family: var(--title-font);
  font-weight: normal;
  text-transform: uppercase;
  color: var(--text-color);
  margin: 0;
}

div.ContextualPopup .Userpic {
  border: none;
}

div.ContextualPopup ul {
  padding: 0.5em 0 0 !important;
}

/*------------ control strip ------------*/

#lj_controlstrip {
  background: var(--entry-background-color);
  color: var(--text-color);
  padding: 0.75em 0;
  border-bottom: 1px solid var(--border-color);
  width: auto;
}

@media (min-width: 1024px) {
  #lj_controlstrip {
    padding-left: calc(var(--sidebar-image-width) + 81px);
  }
}

#lj_controlstrip > div {
  font-family: var(--main-font);
  font-size: var(--text-size);
  line-height: var(--line-height);
  padding: 0.25em 0.5em !important;
  flex-grow: 0;
}

#lj_controlstrip a {
  font-family: var(--main-font);
  color: var(--link-color);
}

#lj_controlstrip a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}

#lj_controlstrip_statustext {
  color: var(--text-color);
  font-weight: normal;
  font-size: var(--text-size);
}

#lj_controlstrip input,
#lj_controlstrip select {
  border: 1px solid var(--border-color);
  background: var(--entry-background-color) !important;
  font-size: var(--text-size) !important;
  color: var(--text-color) !important;
  font-family: var(--main-font);
}

#lj_controlstrip input[type="submit"] {
  background: var(--sidebar-link-background-color) !important;
  font-family: var(--title-font);
  font-size: var(--text-size);
  padding: 0.5em;
  color: var(--sidebar-link-color) !important;
  text-transform: uppercase;
  line-height: 1;
}

#lj_controlstrip .ljuser b {
  font-weight: normal;
}

#lj_controlstrip .ljuser img {
  display: none;
}

#lj_controlstrip_user,
#lj_controlstrip_login,
#lj_controlstrip_actionlinks {
  border: 0;
}

How to install:

Go to the "Select style" page, search for "Tabula Rasa" and apply any theme.
Go to the "Customize your theme" page, click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)".
On the same page, copy and paste the following https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Condensed&display=swap into the "Custom stylesheet URL" field.
Click on the "Modules" tab. Set "Navigation" to number 2, "Custom text" to number 3, "Links list" to number 4. Uncheck the other modules.
Click on the "Presentation" tab; in the "Additional options" section look for "Entry date/time format" and "Comment date/time format". Select "30/04/2010" and "21:00" for both.
In the same section look for "Select whether entry management links are printed as text or using the available icons" and "Select whether comment management links are printed as text or using the available icons". Select "text-only" for both.

Live preview
Features:

header image (800x300px)
navigation links, links list, custom text
comment pages
icon pages

Code:

/*-------------------------------------

- layout - emphasis (tabula rasa) - https://myrtillenne.dreamwidth.org
- images - https://unsplash.com

/*--------------- options ---------------*/

:root {
  --text-size: 16px;
  --text-color: #ddd;
  --line-height: 1.5;
  --background-color: #222;
  --link-color: #fb6a0b;
  --link-hover-color: #ed9f54;
  --main-font: Roboto, sans-serif;
  --title-font: Roboto Condensed, sans-serif;
  --title-color: #ed9f54;
  --content-width: 800px;
  --border-color: #444;
  --entry-background-color: #2c2c2c;
  --header-image: url("https://rosecarmine.dreamwidth.org/file/69379.jpg");
  --header-image-height: 300px;
  --sidebar-link-color: #fb6a0b;
  --sidebar-link-hover-color: #222;
  --sidebar-link-background-color: #272727;
  --sidebar-link-background-hover-color: #ed9f54;
  --customtext-height: 12em;
}

/*--------------- general ---------------*/

H1,
H2,
H3 {
  margin: 0.25em 0;
  padding: 0.25em 0;
}

img {
  border: none;
}

hr {
  display: none;
}

/*--------------- links ---------------*/

a,
a:visited {
  color: var(--link-color);
}
a:hover {
  color: var(--link-hover-color);
}

a,
a:link,
a:visited {
  text-decoration: none;
  transition: all 0.4s ease;
}

q {
  font-style: italic;
}

blockquote {
  border: 1px solid var(--border-color);
  margin: 1em 0;
  padding: 1em;
}

/*--------------- content ---------------*/

#canvas {
  margin: 30px auto;
  max-width: var(--content-width);
}

@media (min-width: 800px) {
  #canvas {
    margin: 50px auto;
  }
}

@media (min-width: 1024px) {
  #canvas {
    padding: 0 120px;
  }
}

#content-footer {
  height: 0;
  font-size: 0;
  clear: both;
}

/*--------------- header ---------------*/

h1#title {
  font-size: 2em;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1#title a {
  color: var(--title-color);
}

h2#subtitle {
  font-size: 1em;
  font-weight: normal;
  background: var(--sidebar-link-background-hover-color);
  color: var(--sidebar-link-hover-color);
  margin: 0;
  padding: 0;
}

@media (min-width: 800px) {
  h1#title {
    font-size: 4em;
  }
}

h2#pagetitle {
  display: none;
}

/*--------------- entries ---------------*/

.entry {
  margin: 30px 0;
  border: 1px solid var(--border-color);
  background: var(--entry-background-color);
}

.entry .header,
.comment .header {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  font-family: var(--title-font);
  text-transform: uppercase;
  line-height: 1;
}

.entry .entry-title {
  font-size: 1.5em;
  color: var(--title-color);
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid var(--border-color);
  margin: 0;
  padding: 0.5em;
}

.entry .entry-title a {
  color: var(--title-color);
}

.no-subject .entry .entry-title {
  background: none;
  border: none;
  padding: 0;
}

.sticky-entry-icon,
.admin-post-icon {
  display: none;
}

.restrictions img,
.access-filter img {
  display: none;
}

.entry .date,
.entry .time,
.entry .restrictions,
.entry .access-filter {
  padding: 0.5em;
  border-right: 1px solid var(--border-color);
  display: block;
  float: left;
}

.security-protected .access-filter:before {
  content: "LOCKED";
}

.security-private .access-filter:before {
  content: "PRIVATE";
}

.restrictions-NSFW .restrictions:before {
  content: "NSFW";
}

.restrictions-18 .restrictions:before {
  content: "18+";
}

.has-userpic .userpic {
  float: right;
  margin-top: -1px;
  margin-left: 1em;
}

@media (min-width: 1024px) {
  .has-userpic .userpic {
    width: 110px;
    margin-right: -115px;
    margin-left: 0;
  }
}

@media (min-width: 800px) {
  .userpic img {
    max-width: 100px;
    max-height: 100px;
  }
}

.entry .poster,
.full .poster {
  clear: left;
  display: block;
  border-bottom: 1px solid var(--border-color);
  text-align: right;
  line-height: 1;
}

.entry .poster {
  font-size: 0;
}

.entry .poster .ljuser {
  font-size: var(--text-size);
}

.has-userpic .entry .poster .ljuser:last-child,
.full.has-userpic .poster .ljuser {
  margin-right: -1em;
}

@media (min-width: 1024px) {
  .has-userpic .entry .poster .ljuser:last-child,
  .full.has-userpic .poster .ljuser {
    margin-right: 0;
  }
}