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)
whichwanderer: (Joker → <3)
From: [personal profile] whichwanderer
Ooooh! Definitely saving this for later.

Date: 2019-01-09 06:34 am (UTC)
shiegra: a woman in a pale gown standing next to a tiger (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!

Beautiful layout!

Date: 2019-05-12 01:47 am (UTC)
From: [personal profile] hyba
I'm loving your layout so far and I've been using it for my writing blog! Thank you for making such a cool, crisp theme ^^

Date: 2019-06-05 02:33 am (UTC)
housewifey: (Default)
From: [personal profile] housewifey
Thank you for sharing! This is so cute and your instructors were super easy to use! Credited in the profile.

Date: 2019-06-17 04:24 pm (UTC)
lazaefair: (Default)
From: [personal profile] lazaefair
This theme is absolutely frickin' gorgeous. Thank you for making and sharing.

Date: 2019-10-27 03:21 am (UTC)
briary: (Default)
From: [personal profile] briary
Thank you for making and sharing this, it's so adorable and easy to use! Crediting in profile.

Date: 2021-09-19 10:20 pm (UTC)
iconographers_of_dw: "the exchange of princesses," peter paul rubens (1624) (Default)
From: [personal profile] iconographers_of_dw
Thank you so much for these layouts! Using this with link list credit on both community & journal.

Date: 2021-09-30 11:01 pm (UTC)
ribon: (Default)
From: [personal profile] ribon
Thank you!

Date: 2022-01-11 07:13 am (UTC)
presumenothing: (Default)
From: [personal profile] presumenothing
Absolutely love your work! DW's layouts generally look a little… ehh… to me as someone more used to Tumblr themes, but this definitely hits the spot for what I'm looking for. Thanks for making and sharing these!

Date: 2022-03-18 10:21 am (UTC)
From: [personal profile] shishaldin
This theme is sooo lovely ♥ it is soft almost beachy colors, and the cream makes it such a pleasant warm/cool tone mix. I am a little obsessed. It is so nice and serene. Thank you for providing this!!

Date: 2022-11-28 09:14 pm (UTC)
screechfox: A pixel scene of sunrise over the ocean. (Default)
From: [personal profile] screechfox
This is gorgeous! Absolutely using this, it looks so smooth and clean!

Date: 2023-11-21 08:32 pm (UTC)
camforrester: (Default)
From: [personal profile] camforrester
I've just found this and OMG this is beautiful, so definitely using this one. I love it. Brilliant work on it.

Date: 2024-03-13 09:07 pm (UTC)
quamquam20: Kate Sharma from Bridgerton with a sunburst behind her (Default)
From: [personal profile] quamquam20
This is absolutely gorgeous! Love how it looks on mobile too. I was having some trouble with the search bar floating in the middle of the page while on mobile, but using the Sidebars on Tablet version fixed it.

Using with credit and looking at it every chance I get.

Date: 2024-12-29 02:30 am (UTC)
moonwife: yuuko from xxxholic (Default)
From: [personal profile] moonwife
oh, this is so lovely, will absolutely use this, thank you so much, you have a great talent.