myrtillenne

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

Journal layouts

31/12/2020

31/12/2020

Opposite

Welcome!

Terms of use

Layouts

Links

Resources