tickletheory: (Default)
[personal profile] tickletheory posting in [community profile] plainstyles

Preview


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

Preview tablet Preview mobile

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 [community profile] 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.



Alternate version: Sidebars on Tablet


Tablet 2 Preview

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




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.



Credit in bio


Date: 2019-01-07 09:31 pm (UTC)
carisma_sensei: (Wayne's World→Excellent)
From: [personal profile] carisma_sensei
This one is amazingly beautiful!! You are so talented TT__TT

Date: 2019-01-08 08:41 am (UTC)
witchka: ((etc) space ; astronaut love)
From: [personal profile] witchka
This is really nice. I've been following along with your posts but didn't get to commenting on your others. All your work is nice and clean, very usable either as is or to customise which is great. :)

Date: 2019-01-08 10:44 am (UTC)
ilthit: (Default)
From: [personal profile] ilthit
Gorgeous, thank you!

Date: 2019-01-08 10:52 am (UTC)
ilthit: (Default)
From: [personal profile] ilthit
I had to try it out immediately. I noticed that if you untick "use layout's stylesheets" the function icons underneath the post are stacked each on their own line, but this is the only way for a layman to get capitalization on post titles. I'm going to find the CSS to solve the problem, but just a note there that unticking that is not a good idea for this layout.

Date: 2019-01-08 12:31 pm (UTC)
ilthit: (Default)
From: [personal profile] ilthit
I tried for about five minutes to get the lowercase title function off and then gave up. XD If I figure it out I know which blog I want to use this layout for.

Date: 2019-01-08 12:31 pm (UTC)
ilthit: (Default)
From: [personal profile] ilthit
Oh! Thank you!

(ilthit posting from RP blog)

Date: 2019-01-08 12:39 pm (UTC)
afriendofenglishmagic: (Default)
From: [personal profile] afriendofenglishmagic
I don't suppose there's an easy way to turn off ALL lower-casing? I'm trying to modify tags like

#pagetitle{font-size:2em; text-transform: none;}

but no luck, the blog title and module titles are still lowercase.

Date: 2019-01-08 04:51 pm (UTC)
isagel: Lex and Clark of Smalllville, a black and white manip of them naked and embracing, with the text 'Isagel'. (Default)
From: [personal profile] isagel
Hi! I applied this beautiful theme to my journal (thank you!) but I’m wondering, is there any way that I can get the sidebar to display to the right of the main post column when viewing DW in Safari on my iPad rather than having it show at the bottom?

Date: 2019-01-09 10:17 am (UTC)
isagel: Lex and Clark of Smalllville, a black and white manip of them naked and embracing, with the text 'Isagel'. (Default)
From: [personal profile] isagel
Thank you so much!

Date: 2019-01-09 02:52 am (UTC)
cocoabean: (Joker → <3)
From: [personal profile] cocoabean
Ooooh! Definitely saving this for later.

Date: 2019-01-09 06:34 am (UTC)
shiegra: angela ziegler lifting her hand to the sky as she resurrects a teammate (Default)
From: [personal profile] shiegra
This is incredibly pretty, thank you so much for sharing! I do love pink, but this colour scheme is a bit easier on my eyes for reading long things so I'm especially delighted by it :D

Date: 2019-01-20 09:08 am (UTC)
etirabys: (Default)
From: [personal profile] etirabys
Wow, this is so gorgeous. Using with credit! Thank you!