plainstyles | Style 7 - Autumn is Blue (Reply)

I liked the brittle base style after doing the Editor theme because it was quite light compared to some others. I've always wanted to do a blue version of Spring is Pink especially for those looking for a light theme.

This is my most polished mobile layout to date.

Background by rawpixel.com / Freepik

Features: mobile-friendly; designed for mobile, tablet, and desktop.

More screenshots

Guide

1. Switch to the Rust Brittle Layout
2. Customize your journal style. Go to Custom CSS and follow the instructions below.
4. I would appreciate it if you could credit

plainstyles on your bio.

Feel free to customize and tweak however you want. :)

Custom Stylesheet URL

This is necessary to link to Google Webfonts that this theme uses. Copy-paste this URL to the textbox here

Custom CSS

Copy-paste this CSS to the 'Use embedded CSS' box here.

Keep "Use layout's stylesheets" ticked. This is needed for to make the layout responsive in mobile devices so until Dreamwidth pushes a fix for this, I need to keep this on.

#lj_controlstrip{background:#E8DAB1;background-image:none;color:#33372E;font-family:'Nunito Sans',sans-serif!important;padding:0 .2em}#lj_controlstrip_user,#lj_controlstrip_login,#lj_controlstrip_loggedout_userpic,#lj_controlstrip_actionlinks{border:none!important}#lj_controlstrip_userpic,#lj_controlstrip img{border-radius:100%}#lj_controlstrip td{padding-left:1em}#lj_controlstrip input,input,select,button,textarea{color:#33372E!important;background:#fff!important;border:0!important;padding:.5em!important;font-family:'Nunito Sans',sans-serif!important}input.textbox,textarea.textbox{font-size:100%!important}.ContextualPopup{background:#E8DAB1;color:#33372E;-webkit-box-shadow:none;box-shadow:none}.ContextualPopup a{color:#33372E}.ContextualPopup a:visited{color:#33372E}.ContextualPopup a:hover{color:#33372E;border-bottom:1px solid #487086}.ContextualPopup a:active{color:#33372E}blockquote{background:transparent;padding:0;margin:.5em .5em .5em 1em;color:#33372E;font:italic 1.5em 'Playfair Display',serif}em,i{font-family:'Playfair Display',serif}hr{border:0;border-bottom:4px dotted #9DA397;width:50%;margin:auto}h1,h2,h3,h4,h5,h6,blockquote,#header #title,#header #pagetitle,#header #subtitle,h3.entry-title,.page-tags .tags-container h2,.month h3,.comment-title,.icons-container h2{font-family:'Playfair Display',serif;border:0;line-height:1.1}th,strong,b{font-weight:700;color:#487086}#lj_controlstrip a,.page-tags .tags-container a,.page-tags .tags-container a:link,.page-tags .tags-container a:active,.page-tags .tags-container a:visited,.entry a,.entry a:link,.entry a:active,.entry a:visited,a,a:link,a:active,a:visited{color:#C56C59}.comment-title a,.comment-title a:visited,.entry a:hover,a:hover{color:#33372E}.month .footer a,.month .footer a:visited,.comment-content a,.comment-content a:visited,table.talkform a,table.talkform a:visited,.entry .contents a{color:#C56C59;border-bottom:1px solid #C56C59}.entry .contents strong a:hover,.entry .contents b a:hover,.entry .contents a:hover strong,.entry .contents a:hover b,.month .footer a:hover,.comment-content a:hover,table.talkform a:hover,.bottomcomment a:hover,.page-tags .tags-container a:hover,.entry .contents a:hover{color:#33372E;border-bottom:1px solid #33372E}#tertiary a,#tertiary a:link,#tertiary a:active,#tertiary a:visited{color:#487086}.comment-title a:hover,#tertiary a:hover{color:#33372E;border-bottom:1px solid #33372E}.entry .contents strong a,.entry .contents b a,.entry .contents a strong,.entry .contents a b{color:#487086;border-color:#487086}.entry .tag,.entry .tag a,.entry .tag a:visited{color:#9DA397}.entry .tag a:hover{border-bottom:1px solid #9DA397}.entry .entry-interaction-links a,.entry .entry-interaction-links a:link,.entry .entry-interaction-links a:visited{color:#33372E;border-bottom:1px solid #33372E}.entry .entry-interaction-links a:hover{border:0}.entry .contents .ljuser a,.entry .contents .poster a{border-bottom:0}.entry .contents .ljuser a b{color:#487086}.entry .contents .ljuser a:hover b{border-bottom:1px solid #487086}strong,b,.entry,table.talkform,#secondary .module-navlinks,#tertiary .module,#comments,.page-tags .tags-container,.month,.icons-container,.entry-content div,.entry-content span{font-family:'Nunito Sans',sans-serif}body{font-family:'Nunito Sans',sans-serif;background:#DCE4E8;color:#33372E;background-image:url(https://i.postimg.cc/jj3sQbbr/Artboard-1-16x.png);background-attachment:fixed}#canvas{padding:0;margin:auto;width:100%}#header,#footer{text-align:center;margin:auto;width:100%}#header{padding-top:2em;margin-bottom:0;background:transparent}#footer{font-size:1em;background:#9DA397;background-image:url(https://i.postimg.cc/K84QKfsp/vertical-waves.png)}#content > .inner{padding:1em 2em}.two-columns-left #header{text-align:center}#content > .inner,#footer > .inner{width:auto;margin:auto}#content > .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#primary{float:none;width:64%;max-width:45em;margin:0 0 0 9em;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#secondary,#tertiary{padding:0;float:none}#secondary{width:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0}#secondary > .inner{position:fixed}#secondary .module-navlinks{background:#fff;position:relative;padding:1em;margin:0 0 0 -2em;text-align:right;font:italic 400 1.2em/2 'Playfair Display',serif}#tertiary{background:transparent;width:15em;clear:none;color:#9DA397;margin:0 0 0 2em;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#tertiary .module{float:none;padding:1.35em;text-align:left;border:0;margin-bottom:2em;background:#F5ECE0;font-size:.9em}#header,#header #title a{color:#33372E}#title > span,#subtitle,#pagetitle{margin:0;display:inline-block;padding:.5em}#title{font-size:3em}#subtitle{background:#DCE4E8}#pagetitle,.page-entry #title > span{background:#fff}.page-entry #title,#subtitle,#pagetitle{font-size:1em;font-weight:400;font-style:italic}.page-entry #pagetitle{font-size:3em;line-height:1.3;font-weight:700;font-style:normal;background:none}.module-header{border:0;letter-spacing:0;color:#33372E;margin:0;font:1.5em/1.2 'Playfair Display',serif}#tertiary .module-header a,#tertiary .module-header a:link,#tertiary .module-header a:visited,#tertiary .module-header a:hover{color:#33372E;border-color:#33372E}#tertiary .module-content ul{margin-left:0;list-style-type:none}#tertiary .module-content li{line-height:1.4}.module-navlinks ul.module-list li a,.module-navlinks ul.module-list li a:hover,.module-navlinks ul.module-list li a:active,.module-navlinks ul.module-list li a:visited,.module-navlinks ul.module-list li a:link{color:#33372E;display:inline;border-radius:2.5em}.module-navlinks a:hover{background:#DCE4E8}.journal-website-name{display:block;text-align:center;margin-top:2em}.module-userprofile .userpic{width:4em;height:4em;margin:1em auto}.module-userprofile .userpic img{border-radius:100%;border-color:#E8DAB1;width:100%;height:100%}.module-userprofile .journal-name,.module-userprofile .userpic{border-radius:100%}.module-calendar table{margin-top:1em}.module-calendar td{text-align:center}.module-calendar .entry-day{font-weight:700}#comments,#archive-year div.month,#archive-month .month dd,.page-tags .tags-container,table.talkform,.icons-container,.entry{background:#F5ECE0;color:#33372E;padding:2em;margin:0 0 2em;text-align:center}.entry{padding:2em 2em 0}.page-tags .header,.entry .header{border:0;margin:-2em -2em 0;padding:2em;background-image:url(https://i.postimg.cc/K84QKfsp/vertical-waves.png);background-color:#DCE4E8}.comment-interaction-links .threadroot,.comment-interaction-links .commentparent,.comment-interaction-links .commentpermalink,.poster.entry-poster.empty,.page-recent.my-journal .poster.entry-poster,.entry .userpic,.entry-poster img,.module-userprofile .module-header,.journal-name,.page-entry #subtitle,.page-entry h3.entry-title,.module-list img,ul.entry-interaction-links .entry-permalink,.navigation.empty,.poster.comment-poster img,.poster-ip,.entry-title img,.module-syndicate,.module-credit,.module-cuttagcontrols{display:none}table,.entry img,.entry video{max-width:100%}.datetime,.poster{letter-spacing:1px;font:700 .9em 'Nunito Sans',sans-serif}.poster.entry-poster{display:inline-block;padding:1em .5em .5em;line-height:1.5;border-bottom:4px dotted #E8DAB1}.datetime{color:#9DA397}.icons-container h2,.page-tags .tags-container h2,h3.entry-title,.month h3,.comment-title{font-size:2em;line-height:1.4;letter-spacing:0;text-align:center;color:#33372E;margin-bottom:.2em}.comment-title{font-size:1.5em;text-align:left}.month h3.entry-title a,.entry h3.entry-title a,.entry h3.entry-title a:visited{color:#33372E}.month h3.entry-title a:hover,.entry h3.entry-title a:hover{border-bottom:1px solid #33372E}ul.entry-interaction-links{padding:2em 0;border-top:4px dotted #E8DAB1}.metadata ul li,.tag-text,.tag ul li,ul.entry-interaction-links li{margin-right:1em;font:1em 'Nunito Sans',sans-serif}ul.entry-interaction-links li{font-size:1.2em}ul.entry-interaction-links li:last-child{margin-right:0}.entry-content{line-height:1.5em;font-family:'Nunito Sans',sans-serif;text-align:left;padding-top:1em;margin:0}.entry-content div,.entry-content p,.entry-content li{font-family:'Nunito Sans',sans-serif!important;color:#33372E!important}.navigation{background-color:#487086;padding:.5em 2em;font-size:.9em;color:#fff}.navigation a{color:#F5ECE0}.navigation li{margin-right:.5em}.comment{background:#DCE4E8;text-align:left;color:#33372E;padding:0}.comment-content{margin:1em 0}.comment .userpic{margin:0 1em 1em 0;width:3em;height:3em;border-radius:100%}.comment .userpic img{width:100%;height:100%;border-radius:100%;border-color:#E8DAB1}.comment .header{margin-bottom:1em}.bottomcomment{background:transparent;color:#33372E;padding:0;margin:0 0 2em;border-radius:6px}.bottomcomment ul.entry-management-links{text-align:center;margin-bottom:1em}.comment-thread.comment-depth-1{border-radius:6px;background:#DCE4E8;padding:1em;margin-top:1em}.comment-depth-2 .comment{border-left:1px dotted #487086;padding:0 1em}.comment .footer ul{margin:1em 0;padding:0}.comment-interaction-links{font-size:1.1em;line-height:1.8}.comment-interaction-links li{margin-right:1em}.comment-interaction-links li:last-child{margin-right:0}.comment-interaction-links a:link,.comment-interaction-links a:active,.comment-interaction-links a:visited{color:#487086}.comment-interaction-links a:hover{color:#487086;border-bottom:1px solid #487086}.page-reply .comment-wrapper{margin:0}.page-reply .comment-wrapper .comment{padding:2em}.tags-container .contents,#multiform_mode{margin-top:2em}.icons-container .contents,.tags-container .contents{text-align:left}.page-tags .ljtaglist{font-size:1em;line-height:2}.tags-container .ljtaglist .ljtaglist li{margin-left:1em;list-style-type:disc}.tags-container .ljtaglist .ljtaglist li a{color:#9DA397!important}.tag{margin-top:2em}.comment-pages{padding:0 2em;color:#E8DAB1}table.month{background:transparent;padding:1em}#archive-month .month{padding:0;background:transparent}.month dt{margin:0;font-size:1em;text-transform:uppercase;background:#E8DAB1;padding:.5em;letter-spacing:1px;font-weight:700}#archive-month .month dd{margin-bottom:0}#archive-month .tag{margin:0 0 1em}.overview-commentcount{display:block;margin:1em 0 -1em}table.talkform table tr{font-size:.8em}.talkform input[type="submit"]{margin-bottom:1em}.talkform tr td:last-child{margin-bottom:1.5em}.talkform #userpics{margin-top:1em}#footer a,#footer a:link,#footer a:active{color:#fff}.tag-nav-trigger{background:none!important}@media only screen and (max-width: 64em){.has-navstrip #lj_controlstrip,.no-navstrip{margin-top:3.5em}#lj_controlstrip #lj_controlstrip_search{opacity:0;height:1px;overflow:hidden;font-size:1px;line-height:1px;padding:0;float:right}#content > .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:0;padding-top:0}#primary,#secondary,#tertiary{width:100%}#primary{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-width:100%;margin-top:2em;margin-left:0}#secondary{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0}#tertiary{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin:2em 0 0}#tertiary .module{background:#E8DAB1}#secondary .module-navlinks.module{margin:0 0 0 -1.6em;padding:0;background:#fff;text-align:center;position:fixed;width:100%;top:0}.module-navlinks ul{padding:0 1em;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.module-navlinks ul.module-list li{display:inline-block;margin-left:.5em;padding:.5em}.module-navlinks ul.module-list li:last-child{margin-right:.5em}#tertiary .journal-website-name{text-align:center}#tertiary .module{padding:2em 2.5em}#subtitle{display:none}#title{margin:0}}@media only screen and (max-width: 45em){#lj_controlstrip #lj_controlstrip_actionlinks,#lj_controlstrip #lj_controlstrip_search,#lj_controlstrip #lj_controlstrip_statustext{opacity:0;height:1px;overflow:hidden;font-size:1px;line-height:1px;padding:0;float:right}#secondary .module-navlinks.module{margin:0 0 0 -.8em}#archive-year div.month,#archive-month .month dd,.page-tags .tags-container,table.talkform,.icons-container,.entry{padding:0 1em}.page-tags .header,.entry .header{margin:0 -1em 1em;padding:1em}.month h3{margin:0 -.5em}#tertiary .module{padding:2em 1em}.page-entry #pagetitle{font-size:2em}#content > .inner,.page-reply .comment-wrapper .comment,#comments{padding:1em}.comment-thread.comment-depth-1{margin:1em -1em;border-radius:0}.comment .userpic{float:none;margin:0 auto 1em}.comment-poster{display:block;text-align:center}.comment-interaction-links{text-align:center}#qrform #body{width:100%}#qrform #subject,.talkform #subject{width:90%;margin-bottom:1em}#qrform tr td:first-child,#qrform tr td:last-child,#qrform tr td:nth-child(2),.talkform tr td:first-child,.talkform tr td:last-child{display:block;text-align:left}}

Alternate version: Sidebars on Tablet

OR: If you'd like the menu and sidebar to be on the right side when in Tablet mode, use this:

#lj_controlstrip{background:#E8DAB1;background-image:none;color:#33372E;font-family:'Nunito Sans',sans-serif!important;padding:0 .2em}#lj_controlstrip_user,#lj_controlstrip_login,#lj_controlstrip_loggedout_userpic,#lj_controlstrip_actionlinks{border:none!important}#lj_controlstrip_userpic,#lj_controlstrip img{border-radius:100%}#lj_controlstrip td{padding-left:1em}#lj_controlstrip input,input,select,button,textarea{color:#33372E!important;background:#fff!important;border:0!important;padding:.5em!important;font-family:'Nunito Sans',sans-serif!important}input.textbox,textarea.textbox{font-size:100%!important}.ContextualPopup{background:#E8DAB1;color:#33372E;-webkit-box-shadow:none;box-shadow:none}.ContextualPopup a{color:#33372E}.ContextualPopup a:visited{color:#33372E}.ContextualPopup a:hover{color:#33372E;border-bottom:1px solid #487086}.ContextualPopup a:active{color:#33372E}blockquote{background:transparent;padding:0;margin:.5em .5em .5em 1em;color:#33372E;font:italic 1.5em 'Playfair Display',serif}em,i{font-family:'Playfair Display',serif}hr{border:0;border-bottom:4px dotted #9DA397;width:50%;margin:auto}h1,h2,h3,h4,h5,h6,blockquote,#header #title,#header #pagetitle,#header #subtitle,h3.entry-title,.page-tags .tags-container h2,.month h3,.comment-title,.icons-container h2{font-family:'Playfair Display',serif;border:0;line-height:1.1}th,strong,b{font-weight:700;color:#487086}#lj_controlstrip a,.page-tags .tags-container a,.page-tags .tags-container a:link,.page-tags .tags-container a:active,.page-tags .tags-container a:visited,.entry a,.entry a:link,.entry a:active,.entry a:visited,a,a:link,a:active,a:visited{color:#C56C59}.comment-title a,.comment-title a:visited,.entry a:hover,a:hover{color:#33372E}.month .footer a,.month .footer a:visited,.comment-content a,.comment-content a:visited,table.talkform a,table.talkform a:visited,.entry .contents a{color:#C56C59;border-bottom:1px solid #C56C59}.entry .contents strong a:hover,.entry .contents b a:hover,.entry .contents a:hover strong,.entry .contents a:hover b,.month .footer a:hover,.comment-content a:hover,table.talkform a:hover,.bottomcomment a:hover,.page-tags .tags-container a:hover,.entry .contents a:hover{color:#33372E;border-bottom:1px solid #33372E}#tertiary a,#tertiary a:link,#tertiary a:active,#tertiary a:visited{color:#487086}.comment-title a:hover,#tertiary a:hover{color:#33372E;border-bottom:1px solid #33372E}.entry .contents strong a,.entry .contents b a,.entry .contents a strong,.entry .contents a b{color:#487086;border-color:#487086}.entry .tag,.entry .tag a,.entry .tag a:visited{color:#9DA397}.entry .tag a:hover{border-bottom:1px solid #9DA397}.entry .entry-interaction-links a,.entry .entry-interaction-links a:link,.entry .entry-interaction-links a:visited{color:#33372E;border-bottom:1px solid #33372E}.entry .entry-interaction-links a:hover{border:0}.entry .contents .ljuser a,.entry .contents .poster a{border-bottom:0}.entry .contents .ljuser a b{color:#487086}.entry .contents .ljuser a:hover b{border-bottom:1px solid #487086}strong,b,.entry,table.talkform,#secondary .module-navlinks,#tertiary .module,#comments,.page-tags .tags-container,.month,.icons-container,.entry-content div,.entry-content span{font-family:'Nunito Sans',sans-serif}body{font-family:'Nunito Sans',sans-serif;background:#DCE4E8;color:#33372E;background-image:url(https://i.postimg.cc/jj3sQbbr/Artboard-1-16x.png);background-attachment:fixed}#canvas{padding:0;margin:auto;width:100%}#header,#footer{text-align:center;margin:auto;width:100%}#header{padding-top:2em;margin-bottom:0;background:transparent}#footer{font-size:1em;background:#9DA397;background-image:url(https://i.postimg.cc/K84QKfsp/vertical-waves.png)}#content > .inner{padding:1em 2em}.two-columns-left #header{text-align:center}#content > .inner,#footer > .inner{width:auto;margin:auto}#content > .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#primary{float:none;width:64%;max-width:45em;margin:0 0 0 9em;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#secondary,#tertiary{padding:0;float:none}#secondary{width:auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0}#secondary > .inner{position:fixed}#secondary .module-navlinks{background:#fff;position:relative;padding:1em;margin:0 0 0 -2em;text-align:right;font:italic 400 1.2em/2 'Playfair Display',serif}#tertiary{background:transparent;width:15em;clear:none;color:#9DA397;margin:0 0 0 2em;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#tertiary .module{float:none;padding:1.35em;text-align:left;border:0;margin-bottom:2em;background:#F5ECE0;font-size:.9em}#header,#header #title a{color:#33372E}#title > span,#subtitle,#pagetitle{margin:0;display:inline-block;padding:.5em}#title{font-size:3em}#subtitle{background:#DCE4E8}#pagetitle,.page-entry #title > span{background:#fff}.page-entry #title,#subtitle,#pagetitle{font-size:1em;font-weight:400;font-style:italic}.page-entry #pagetitle{font-size:3em;line-height:1.3;font-weight:700;font-style:normal;background:none}.module-header{border:0;letter-spacing:0;color:#33372E;margin:0;font:1.5em/1.2 'Playfair Display',serif}#tertiary .module-header a,#tertiary .module-header a:link,#tertiary .module-header a:visited,#tertiary .module-header a:hover{color:#33372E;border-color:#33372E}#tertiary .module-content ul{margin-left:0;list-style-type:none}#tertiary .module-content li{line-height:1.4}.module-navlinks ul.module-list li a,.module-navlinks ul.module-list li a:hover,.module-navlinks ul.module-list li a:active,.module-navlinks ul.module-list li a:visited,.module-navlinks ul.module-list li a:link{color:#33372E;display:inline;border-radius:2.5em}.module-navlinks a:hover{background:#DCE4E8}.journal-website-name{display:block;text-align:center;margin-top:2em}.module-userprofile .userpic{width:4em;height:4em;margin:1em auto}.module-userprofile .userpic img{border-radius:100%;border-color:#E8DAB1;width:100%;height:100%}.module-userprofile .journal-name,.module-userprofile .userpic{border-radius:100%}.module-calendar table{margin-top:1em}.module-calendar td{text-align:center}.module-calendar .entry-day{font-weight:700}#comments,#archive-year div.month,#archive-month .month dd,.page-tags .tags-container,table.talkform,.icons-container,.entry{background:#F5ECE0;color:#33372E;padding:2em;margin:0 0 2em;text-align:center}.entry{padding:2em 2em 0}.page-tags .header,.entry .header{border:0;margin:-2em -2em 0;padding:2em;background-image:url(https://i.postimg.cc/K84QKfsp/vertical-waves.png);background-color:#DCE4E8}.comment-interaction-links .threadroot,.comment-interaction-links .commentparent,.comment-interaction-links .commentpermalink,.poster.entry-poster.empty,.page-recent.my-journal .poster.entry-poster,.entry .userpic,.entry-poster img,.module-userprofile .module-header,.journal-name,.page-entry #subtitle,.page-entry h3.entry-title,.module-list img,ul.entry-interaction-links .entry-permalink,.navigation.empty,.poster.comment-poster img,.poster-ip,.entry-title img,.module-syndicate,.module-credit,.module-cuttagcontrols{display:none}table,.entry img,.entry video{max-width:100%}.datetime,.poster{letter-spacing:1px;font:700 .9em 'Nunito Sans',sans-serif}.poster.entry-poster{display:inline-block;padding:1em .5em .5em;line-height:1.5;border-bottom:4px dotted #E8DAB1}.datetime{color:#9DA397}.icons-container h2,.page-tags .tags-container h2,h3.entry-title,.month h3,.comment-title{font-size:2em;line-height:1.4;letter-spacing:0;text-align:center;color:#33372E;margin-bottom:.2em}.comment-title{font-size:1.5em;text-align:left}.month h3.entry-title a,.entry h3.entry-title a,.entry h3.entry-title a:visited{color:#33372E}.month h3.entry-title a:hover,.entry h3.entry-title a:hover{border-bottom:1px solid #33372E}ul.entry-interaction-links{padding:2em 0;border-top:4px dotted #E8DAB1}.metadata ul li,.tag-text,.tag ul li,ul.entry-interaction-links li{margin-right:1em;font:1em 'Nunito Sans',sans-serif}ul.entry-interaction-links li{font-size:1.2em}ul.entry-interaction-links li:last-child{margin-right:0}.entry-content{line-height:1.5em;font-family:'Nunito Sans',sans-serif;text-align:left;padding-top:1em;margin:0}.entry-content div,.entry-content p,.entry-content li{font-family:'Nunito Sans',sans-serif!important;color:#33372E!important}.navigation{background-color:#487086;padding:.5em 2em;font-size:.9em;color:#fff}.navigation a{color:#F5ECE0}.navigation li{margin-right:.5em}.comment{background:#DCE4E8;text-align:left;color:#33372E;padding:0}.comment-content{margin:1em 0}.comment .userpic{margin:0 1em 1em 0;width:3em;height:3em;border-radius:100%}.comment .userpic img{width:100%;height:100%;border-radius:100%;border-color:#E8DAB1}.comment .header{margin-bottom:1em}.bottomcomment{background:transparent;color:#33372E;padding:0;margin:0 0 2em;border-radius:6px}.bottomcomment ul.entry-management-links{text-align:center;margin-bottom:1em}.comment-thread.comment-depth-1{border-radius:6px;background:#DCE4E8;padding:1em;margin-top:1em}.comment-depth-2 .comment{border-left:1px dotted #487086;padding:0 1em}.comment .footer ul{margin:1em 0;padding:0}.comment-interaction-links{font-size:1.1em;line-height:1.8}.comment-interaction-links li{margin-right:1em}.comment-interaction-links li:last-child{margin-right:0}.comment-interaction-links a:link,.comment-interaction-links a:active,.comment-interaction-links a:visited{color:#487086}.comment-interaction-links a:hover{color:#487086;border-bottom:1px solid #487086}.page-reply .comment-wrapper{margin:0}.page-reply .comment-wrapper .comment{padding:2em}.tags-container .contents,#multiform_mode{margin-top:2em}.icons-container .contents,.tags-container .contents{text-align:left}.page-tags .ljtaglist{font-size:1em;line-height:2}.tags-container .ljtaglist .ljtaglist li{margin-left:1em;list-style-type:disc}.tags-container .ljtaglist .ljtaglist li a{color:#9DA397!important}.tag{margin-top:2em}.comment-pages{padding:0 2em;color:#E8DAB1}table.month{background:transparent;padding:1em}#archive-month .month{padding:0;background:transparent}.month dt{margin:0;font-size:1em;text-transform:uppercase;background:#E8DAB1;padding:.5em;letter-spacing:1px;font-weight:700}#archive-month .month dd{margin-bottom:0}#archive-month .tag{margin:0 0 1em}.overview-commentcount{display:block;margin:1em 0 -1em}table.talkform table tr{font-size:.8em}.talkform input[type="submit"]{margin-bottom:1em}.talkform tr td:last-child{margin-bottom:1.5em}.talkform #userpics{margin-top:1em}#footer a,#footer a:link,#footer a:active{color:#fff}.tag-nav-trigger{background:none!important}@media only screen and (max-width: 64em){#lj_controlstrip #lj_controlstrip_search{opacity:0;height:1px;overflow:hidden;font-size:1px;line-height:1px;padding:0;float:right}#content > .inner{display:block}#primary{float:left;width:66%;max-width:none;margin:0}#secondary,#tertiary{float:left;width:30%;margin:0 0 2em 4%}#secondary > .inner{position:relative}#secondary .module-navlinks{text-align:left;margin:0}}@media only screen and (max-width: 45em){.has-navstrip #lj_controlstrip,.no-navstrip{margin-top:3.5em}#lj_controlstrip #lj_controlstrip_actionlinks,#lj_controlstrip #lj_controlstrip_search,#lj_controlstrip #lj_controlstrip_statustext{opacity:0;height:1px;overflow:hidden;font-size:1px;line-height:1px;padding:0;float:right}#content > .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:0;padding-top:0}#primary,#secondary,#tertiary{width:100%}#primary{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-width:100%;margin-top:2em;margin-left:0}#secondary{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:0}#tertiary{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin:2em 0 0}#tertiary .module{background:#E8DAB1}#secondary .module-navlinks.module{margin:0 0 0 -1.6em;padding:0;background:#fff;text-align:center;position:fixed;width:100%;top:0}.module-navlinks ul{padding:0 1em;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.module-navlinks ul.module-list li{display:inline-block;margin-left:.5em;padding:.5em}.module-navlinks ul.module-list li:last-child{margin-right:.5em}#tertiary .journal-website-name{text-align:center}#tertiary .module{padding:2em 2.5em}#subtitle{display:none}#title{margin:0}#secondary .module-navlinks.module{margin:0 0 0 -.8em}#archive-year div.month,#archive-month .month dd,.page-tags .tags-container,table.talkform,.icons-container,.entry{padding:0 1em}.page-tags .header,.entry .header{margin:0 -1em 1em;padding:1em}.month h3{margin:0 -.5em}#tertiary .module{padding:2em 1em}.page-entry #pagetitle{font-size:2em}#content > .inner,.page-reply .comment-wrapper .comment,#comments{padding:1em}.comment-thread.comment-depth-1{margin:1em -1em;border-radius:0}.comment .userpic{float:none;margin:0 auto 1em}.comment-poster{display:block;text-align:center}.comment-interaction-links{text-align:center}#qrform #body{width:100%}#qrform #subject,.talkform #subject{width:90%;margin-bottom:1em}#qrform tr td:first-child,#qrform tr td:last-child,#qrform tr td:nth-child(2),.talkform tr td:first-child,.talkform tr td:last-child{display:block;text-align:left}}

Save the changes you made.

Your settings page should look like this:

Customize

It doesn't matter if your Page Setup has the sidebar on the left or right. It will always display the navigation on the left and sidebar modules on the right (desktop).

Remove forced lowercase on headers
Add this to the CSS. Just paste it below the first set you copied above.

Fonts
You can find and replace these in the CSS for small tweaks.

Primary font (body text) - 'Nunito Sans'
Secondary font (headers) - 'Playfair Display'

Don't forget to change the Custom CSS URL if you want to change to different Google webfonts.

Feel free to change as much as you'd like.