tickletheory: (Default)
tickletheory ([personal profile] tickletheory) wrote in [community profile] plainstyles2019-01-08 08:10 am

Style 7 - Autumn is Blue


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


carisma_sensei: (Wayne's World→Excellent)

[personal profile] carisma_sensei 2019-01-07 09:31 pm (UTC)(link)
This one is amazingly beautiful!! You are so talented TT__TT
witchka: ((etc) space ; astronaut love)

[personal profile] witchka 2019-01-08 08:41 am (UTC)(link)
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. :)
ilthit: (Default)

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

[personal profile] ilthit 2019-01-08 10:52 am (UTC)(link)
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.
ilthit: (Default)

[personal profile] ilthit 2019-01-08 12:31 pm (UTC)(link)
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.
ilthit: (Default)

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

(ilthit posting from RP blog)

[personal profile] afriendofenglishmagic 2019-01-08 12:39 pm (UTC)(link)
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.
afriendofenglishmagic: (Default)

Re: (ilthit posting from RP blog)

[personal profile] afriendofenglishmagic 2019-01-08 12:51 pm (UTC)(link)
Thank you so much! 🙏🙏🙏
isagel: Lex and Clark of Smalllville, a black and white manip of them naked and embracing, with the text 'Isagel'. (Default)

[personal profile] isagel 2019-01-08 04:51 pm (UTC)(link)
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?
isagel: Lex and Clark of Smalllville, a black and white manip of them naked and embracing, with the text 'Isagel'. (Default)

[personal profile] isagel 2019-01-09 10:17 am (UTC)(link)
Thank you so much!
whichwanderer: (Joker → <3)

[personal profile] whichwanderer 2019-01-09 02:52 am (UTC)(link)
Ooooh! Definitely saving this for later.
shiegra: a woman in a pale gown standing next to a tiger (Default)

[personal profile] shiegra 2019-01-09 06:34 am (UTC)(link)
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
etirabys: (Default)

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

Beautiful layout!

[personal profile] hyba 2019-05-12 01:47 am (UTC)(link)
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 ^^
housewifey: (Default)

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

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

[personal profile] briary 2019-10-27 03:21 am (UTC)(link)
Thank you for making and sharing this, it's so adorable and easy to use! Crediting in profile.
iconographers_of_dw: "the exchange of princesses," peter paul rubens (1624) (Default)

[personal profile] iconographers_of_dw 2021-09-19 10:20 pm (UTC)(link)
Thank you so much for these layouts! Using this with link list credit on both community & journal.
ribon: (Default)

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

[personal profile] presumenothing 2022-01-11 07:13 am (UTC)(link)
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!

[personal profile] shishaldin 2022-03-18 10:21 am (UTC)(link)
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!!
screechfox: A pixel scene of sunrise over the ocean. (Default)

[personal profile] screechfox 2022-11-28 09:14 pm (UTC)(link)
This is gorgeous! Absolutely using this, it looks so smooth and clean!
camforrester: (Default)

[personal profile] camforrester 2023-11-21 08:32 pm (UTC)(link)
I've just found this and OMG this is beautiful, so definitely using this one. I love it. Brilliant work on it.
quamquam20: Kate Sharma from Bridgerton with a sunburst behind her (Default)

[personal profile] quamquam20 2024-03-13 09:07 pm (UTC)(link)
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.
moonwife: yuuko from xxxholic (Default)

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