It’s the layout for my Dreamwidth account! Just, y’know. In case you want to use it too.

Setup

  • Base theme: Plain for Tabula Rasa.
  • Page setup: 1 Column (modules at bottom; no sidebar)
  • Modules: 1. Profile. 2. Links list.
  • Embedded fonts: https://fonts.googleapis.com/css?family=Inconsolata|Princess+Sofia|Architects+Daughter

Custom CSS

::selection{background:#e9e0f5}body{margin:0;padding:0;background:#fff;font-family:Inconsolata, "Source Code Pro", "Consolas", "Menlo", Courier, sans-serif}#posts a,a{text-decoration:none;transition:1s}#notes a:hover,#posts a:hover,.navigation a:hover,a:hover{color:#b670d6}.ljuser img{opacity:0.4;filter: invert(1) contrast(1%) sepia(100%) hue-rotate(230deg);transform:scale(0.7);transform-origin:100% 0;vertical-align:-1.2ex !important;overflow:hidden;transition:1s}.ljuser img:hover{opacity:0.6 !important;filter: invert(0) contrast(100%) sepia(0%) hue-rotate(0deg)}.ljuser a,.ljuser a:hover{border:0 !important}#lj_controlstrip_userpic img,.comment .userpic img,.entry .userpic img,.module-userprofile .userpic img,.ui-tooltip .Userpic img{border-radius:50%;border:5px solid white !important;box-shadow:0 0 10px #ab89ba;filter: sepia(100%) hue-rotate(240deg) grayscale(50%);transition:1s}#lj_controlstrip_userpic img:hover,.comment .userpic img:hover,.entry .userpic img:hover,.module-userprofile .userpic img:hover,.ui-tooltip .Userpic img:hover{filter: sepia(0%) hue-rotate(0deg) grayscale(0%)}#lj_controlstrip{background:#dec1eb;z-index:999;color:#88609b;text-transform:lowercase;position:fixed}#lj_controlstrip_userpic img{margin-top:50px}#lj_controlstrip a,#lj_controlstrip td,#lj_controlstrip_statustext{color:#88609b;font-family:Inconsolata, "Source Code Pro", "Consolas", "Menlo", Courier, sans-serif}#lj_controlstrip a{border-bottom:1px dotted white;font-family:Inconsolata, "Source Code Pro", "Consolas", "Menlo", Courier, sans-serif;transition:1s}#lj_controlstrip a:hover{text-decoration:none;border-bottom:1px solid white}#lj_controlstrip_userpic a,#lj_controlstrip_userpic a:hover{border:0}#lj_controlstrip input,#lj_controlstrip input#search,#lj_controlstrip select{background:#e3ceed;border:0;border-radius:9px 6px 9px 3px;padding:0.2em 0.5em;font-family:Inconsolata, "Source Code Pro", "Consolas", "Menlo", Courier, sans-serif;color:#88609b;transition:1s}#lj_controlstrip input#search:focus,#lj_controlstrip input#search:hover,#lj_controlstrip input:focus,#lj_controlstrip input:focus,#lj_controlstrip input:hover,#lj_controlstrip input:hover{background:#ebdbf3}#lj_controlstrip_actionlinks,#lj_controlstrip_loggedout_userpic,#lj_controlstrip_login,#lj_controlstrip_user{border-right:1px dotted #e3ceed}#header{display:none}#secondary{display:table;background-color:#fcfcfc;width:100%;padding-bottom:50px}@media only screen and (min-width: 812px){#secondary{float:left;height:100%;width:calc(40% + 1px);position:fixed;top:0}}.module-userprofile .module-header{display:none}.module-userprofile .userpic{display:block;text-align:center;margin-top:20%;margin-bottom:2em}.module-userprofile .userpic img{margin-top:50px}.module-userprofile .module-content{font-size:14px}.module-userprofile .icon-links,.module-userprofile .journal-name,.module-userprofile .journal-website-name{display:block;text-align:center;text-transform:lowercase;color:#dec1eb;line-height:2}.module-userprofile .module-content a{color:#dec1eb}.module-userprofile .journal-name{font-family:"Princess Sofia", cursive;font-size:80px;color:#52d1be}.icon-links img,.talkform img{opacity:0.4;filter: invert(1) contrast(1%) sepia(100%) hue-rotate(230deg);transform:scale(1);transform-origin:100% 0;transition:1s}.icon-links img:hover,.talkform img:hover{opacity:0.6 !important;filter: invert(0) contrast(100%) sepia(0%) hue-rotate(0deg)}#primary{padding:70px 30px 0}#primary a{color:#52d1be}@media only screen and (min-width: 812px){#primary{margin-left:calc(40% + 1px);max-width:600px}}.entry .header{text-align:center}.entry .header h3{font-weight:normal;font-family:"Princess Sofia", cursive;font-size:32px;color:#52d1be}.entry .header .datetime,.entry .header .datetime a{text-transform:lowercase;font-size:12px;color:#ccc !important;letter-spacing:0.1em}.entry .contents{display:block;background:#fcfcfc;border-radius:3px 30px 10px 30px;margin:15px 0;padding:20px 30px;font-size:14px;line-height:1.5}.entry .userpic{float:right;margin-top:-50px;margin-right:-50px}.entry .entry-poster{display:block;text-align:center;padding-top:1em;color:#ccc;font-size:13px}.comment-content,.entry-content,.entry-content li,.entry-content p{color:#6b6b6b;line-height:2}.comment-content b,.comment-content strong,.entry-content b,.entry-content strong{color:#338276;letter-spacing:1px}.comment-content em,.comment-content i,.entry-content em,.entry-content i{color:#8a42ab}.comment-content p a,.entry-content p a{border-bottom:solid 1px #fff}.comment-content p a:hover,.entry-content p a:hover{border-bottom:solid 1px #ccc}.comment-content blockquote,.entry-content blockquote{padding-left:1em;margin-left:0;font-family:"Architects Daughter", serif;font-size:18px;line-height:2;margin:0;color:#8a42ab}.comment-content blockquote p,.entry-content blockquote p{color:#8a42ab}.wp-caption{max-width:100%}.entry-content img{max-width:100%;height:auto;border-radius:30px 10px 30px 3px}.entry-content .ljuser img{border-radius:none}.entry-content .footnotes{font-size:90%;padding-left:0;padding-top:1em;margin-top:2em;border-top:5px dotted white}.bottom-metadata{text-transform:lowercase;font-size:12px;color:#ccc !important}.entry .footer{margin-bottom:120px;text-align:right;text-transform:lowercase;font-size:12px;color:#ccc !important;letter-spacing:0.1em}#metadata-mood img{float:right;border-radius:6px}.tag-text{display:none}.tag li a:before{content:"#";color:#ccc !important}ul.entry-interaction-links{text-transform:uppercase}.comment{display:block;background:#fcfcfc;border-radius:3px 30px 10px 30px;margin:0;padding:10px 30px;font-size:14px;line-height:1.5}.comment-content{margin-top:1em}.comment .datetime,.comment .poster,.comment .poster-ip{display:block;text-transform:lowercase;font-size:12px;color:#ccc !important;letter-spacing:0.1em}.comment .userpic img{width:auto;max-width:55px;height:auto;max-height:55px;float:right;margin-right:-40px;margin-top:-40px}.comment .footer{text-align:right;text-transform:lowercase;font-size:12px;color:#ccc !important;letter-spacing:0.1em}#qrform,.talkform{margin-top:70px;font-size:13px;color:#6b6b6b}#qrform input,#qrform select,#qrform textarea,.talkform input,.talkform select,.talkform textarea{background:#e9e0f5;border:0;border-radius:9px 6px 9px 3px;padding:0.2em 1em;font-family:Inconsolata, "Source Code Pro", "Consolas", "Menlo", Courier, sans-serif;color:#88609b;transition:1s;font-size:13px;line-height:2}#qrform input:focus,#qrform input:hover,#qrform textarea:focus,#qrform textarea:hover,.talkform input:focus,.talkform input:hover,.talkform textarea:focus,.talkform textarea:hover{background:#ebdbf3}#qrform td,.talkform td{padding-top:1em;padding-bottom:1em}#qrform td td,.talkform td td{padding:0}#qrform td b{font-weight:normal}.comment-pages,.navigation{text-transform:uppercase;font-size:12px;color:#ccc;letter-spacing:0.1em}.comment-pages a,.navigation a{color:#ccc !important}.ui-tooltip{border:0;border-radius:6px;font-family:Inconsolata, "Source Code Pro", "Consolas", "Menlo", Courier, sans-serif;font-size:13px}.ui-tooltip .Userpic{border:0}.ui-tooltip .Relation{font-weight:normal;text-transform:uppercase;letter-spacing:0.1em;color:#ccc}

Other

Permission is given to use, remix, and adapt this theme however you like. Credit would be super-nice, too. Comments and queries here.