winterfish: a red slide in  a green field with a lake and mountains behind (leverage: parker coffee kiss)
winterfish ([personal profile] winterfish) wrote in [community profile] dreamwidthlayouts2010-09-21 11:41 am

Night Watch (Tabula Rasa)

Title: Night Watch
Credit to: [personal profile] winterfish
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Variable width
Tested in: Firefox 3.6, IE 8, and Safari 4 on PC
Features: Works with all two and three column page setups. Entry icons on the right with username underneath.



Image Preview | Live Preview

ETA: Switched layout preview to display the sidebar on the right. Could you let me know if it isn't displaying properly, and what browser/operating system you're using. Thanks!

ETA 2: Er, nevermind! Do let me know if anything isn't displaying properly. Thanks!

Installation Instructions


1. Go to the Select Journal Style page, find the Tabula Rasa Plain layout and click "Apply theme". Also choose a Page Setup (ie. two or three column layout) by clicking the "Apply layout" button for whichever page setup you want.

2. Next, click on the "Customize Selected Theme" link to go to the Customize Journal Style page. Scroll down past the Mood Theme and Navigation options to Presentation, and under "Additional Options" make sure that "User Interaction Links", "Entry Management Links" and "Comment Management Links" are set to print as "text-only". Click Save.

3. Click on the "Custom CSS" link on the left side to go to the Custom CSS page: Deselect the ticky in "Use layout's stylesheet(s)", and copy and paste from the text box below into the Custom CSS box. Save changes, and you're done. :)



Feel free to use the stylesheet as is, or customize as you like. (Sorry it's so horribly messy. It got more and more convoluted the more I fiddled with it. o.O)

Colours Used:

(find and replace using a text editor like notepad, not microsoft word)

links #D6641D, hover #93CEDC, visited #6DB4C1

Background colour for #header and #footer: #111111

Background colours for .day-has-entries in calendars: link #E1EDEB hover #F0F6F5 (<-- also background colour in blockquotes)

Putting a banner in the header:

Paste the code from the text box below at the end of the stylesheet. Add your image's url between the brackets, and specify a height.



ETA: To get mood theme pics to show, search for and delete this line:

.metadata img {display: none;}
richmodis: (people)

[personal profile] richmodis 2010-09-21 03:59 pm (UTC)(link)
I love that you explained what colors you used. Most donΒ΄t do and it really helps replacing them, when you want to give your layout a personal touch.

IΒ΄m adding this post to my memories for future use.
newredshoes: radio tower on top of the world (peaches | like you love it)

[personal profile] newredshoes 2010-09-21 04:08 pm (UTC)(link)
This is so, so excellent. I am probably snagging this one, as I'm desperate for a layout I like that isn't Zesty. Thank you so much for making it all so clear and awesome!
stormy: βͺ ππŽπ“πˆπ‚π„ ❫ 𝑫𝑢 𝑡𝑢𝑻 𝑻𝑨𝑲𝑬 𝑴𝒀 𝑰π‘ͺ𝑢𝑡𝑺 ⊘ (Default)

[personal profile] stormy 2010-09-21 04:38 pm (UTC)(link)
Easily one of the best layouts on Dreamwidth. The colors, design, clarity. I love it all. I'll be adding this to my memories for sure.
phoenix: ink-and-watercolour drawing -- girl looking calmly over her shoulder (Default)

[personal profile] phoenix 2010-09-21 04:48 pm (UTC)(link)
Looks good in Safari on iPad too! If I wasn't running out the door now I'd put it on my journal straight away - lovely, lovely style.
alchemy: Raja (Default)

[personal profile] alchemy 2010-09-21 04:50 pm (UTC)(link)
This is wonderful. Well done.
paperwine: (Default)

[personal profile] paperwine 2010-09-21 04:51 pm (UTC)(link)
I really like this layout! :D Ty!

[personal profile] madelienegrey 2010-09-21 04:54 pm (UTC)(link)
I love how clean this is, and thank you, especially, for explaining the colors as well (although I like your scheme). That's so helpful for customization!
sorchasilver: (Default)

[personal profile] sorchasilver 2010-09-21 04:59 pm (UTC)(link)
This looks great, and I am using it already! Thank you. (And thank you for a very informative and easy-to-follow instructions post!)
highways: [A close up image of Megan Fox, who appears to be shouting something happily.] (MEGAN ☌ smiling.)

[personal profile] highways 2010-09-21 05:04 pm (UTC)(link)
love this, I'm using it already. :D
kairia: Akito from Fruits Basket (Pam - show me your teeth)

[personal profile] kairia 2010-09-21 05:34 pm (UTC)(link)
This is lovely, will be saving this for future use :D
ciderpress: default: woman with red umbrella (Default)

[personal profile] ciderpress 2010-09-21 05:35 pm (UTC)(link)
oooh, this looks great! I'm going use it, thanks so much for sharing. :D
valiha: watercolor painting of my cat Lola (initials)

[personal profile] valiha 2010-09-21 05:42 pm (UTC)(link)
Gorgeous, gorgeous layout. I too like that you explained what colors you used and how to replace them, and add a header to personalize it. I might use it in the future. Thank you for sharing!

[personal profile] najla 2010-09-21 06:08 pm (UTC)(link)
I have snagged and credited
Thanks!
scarimonious: Wasabi - the sparkliest octopus ever :D (Default)

[personal profile] scarimonious 2010-09-21 06:11 pm (UTC)(link)
Wow, this is a gorgeous layout! And thanks for explaining the colour codes! It takes so much of the guestimation out of customising.
kopernik: (ad lucille)

[personal profile] kopernik 2010-09-21 06:24 pm (UTC)(link)
I love this layout rather a lot. It's exactly what I've been looking for for ages, thanks so much.
velvetsun: (Images: danneel)

[personal profile] velvetsun 2010-09-21 06:31 pm (UTC)(link)
Nice layout, very clean. I love it. I'm saving to use in the future.
inarticulate: Ginshu from Amatsuki smiling. (o hai)

[personal profile] inarticulate 2010-09-21 06:32 pm (UTC)(link)
This layout is amazing; thank you!
twtd: (Default)

[personal profile] twtd 2010-09-21 07:45 pm (UTC)(link)
This is awesome!

[personal profile] wickedtruth 2010-09-21 08:00 pm (UTC)(link)
It looks great and I've already changed my layout - it's nice and clean, but the colours really work well and bring it to life.
falena: Picture of a girl hiding behind a camera, reflected in a mirror. (freema squee)

[personal profile] falena 2010-09-21 08:09 pm (UTC)(link)
This is wonderful, especially because you took the time to explain the colours, how to customise them and how to add a header so very quickly. <3
karayan: Suikoden Tierkreis: Liu (&hearts;)

[personal profile] karayan 2010-09-21 08:58 pm (UTC)(link)
This is an awesome layout ♥
timeasmymeasure: amerie looking up at something and smiling (amerie: smile)

[personal profile] timeasmymeasure 2010-09-21 09:19 pm (UTC)(link)
PURRTY!!
I'm so glad you posted this version. It's absolutely lovely =D
If you're interested, you could still post as is, i.e CSS only, to [site community profile] dreamscapes if you don't mind it being used as an official style.

walkingshadow: a watercolor sun on a watercolor sea (and we'll all float on okay)

[personal profile] walkingshadow 2010-09-21 09:53 pm (UTC)(link)
This is beautiful! I am going to use it immediately!
unavee: Peter Rabbit on light blue background (Default)

[personal profile] unavee 2010-09-21 11:21 pm (UTC)(link)
Oooh, I like it. Going to use it, thank you!
kutsuwamushi: (korra)

[personal profile] kutsuwamushi 2010-09-22 12:15 am (UTC)(link)
I really like this. I'm putting this entry in my memories.

Page 1 of 4

<< [1] [2] [3] [4] >>