nameless_layout

Layout Style: S2 Refried Paper
Best view: 1024x768
Credit: agentjedi
Preview:


(click for fullsize preview)

---

The background of this layout is by Vlad Gerasimov at Vladstudio. There are, in fact, several different sizes of backgrounds to suit your screen. For my layout, however, I took the 1024x768 size and slightly darkened the background woodgrain area for easier text reading. Feel free to try a different size from his website, or support the artist and register for higher quality images of his wallpapers.

Special thanks to karanguni for the tip on adding borders to icons for Refried Paper! Note, however, that all images in your entries will also have a border around them because Refried Paper doesn't separate icon images from images in your posts. If you don't want the border around your images in your post, you will have to use the following code each and every time you post an image:

style="border:none; padding:0px;"

Example: <img src="YOUR URL HERE" style="border:none; padding:0px;">

For this layout, you must choose S2 as your style system, under "Look and Feel" choose Refried Paper. There is only one theme for this style.

You won't need to worry about the width of the text area, background image, transparency of tables, or even any of the default colours as the CSS code does that all for you. However, under the "Custom Options" you do need to set the side of the journal that the sidebar appears on to "Right."

There is also a matching icon if you so wish to use it:


Please do save these images to your own photosharing server:

• Main background
  
• Blockquote background image

In the following CSS code, please search and replace http://yoururlhere.com/ with the path to where you've stored the images.

Here they are, the CSS overrides!

/* ------ Template: Vladstudio Violin -------- */ /* ------ Date: June 29, 2008 ---------------- */ /* ------ S2 Style: Refried Paper ------------ */ /* ------ Made by agentjedi ------------------ */ /* ------ agentjedi.insanejournal.com -------- */ /* ------ agentjedi.livejournal.com ---------- */ /* ------ Thanks to karanguni for borders around userpics --- */ /* ------ karanguni.insanejournal.com -------- */ /* ------ Images by Vlad Gerasimov ----------- */ /* ------ www.vladstudio.com ----------------- */ /* ---------------------------------- */ /* -------------- NOTES ------------- */ /* ---------------------------------- */ /* No need to place background image or make tables transparent. */ /* ALL images in entries will, unfortunately, have padding and borders. */ /* To remove borders and padding around images in entries: */ /* Add style="border:none; padding:0px;" to your image links. */ /* Do this on ALL images in EACH entry you post!!! */ /* --- THINGS YOU *DO* NEED TO SET! --- */ /* Set side of the journal that the sidebar appears on to right. */ /* --------------------------------- */ /* ---------- PAGE LAYOUT ---------- */ /* --------------------------------- */ body{ background:#000; color:#999966; margin:0; padding:0; background-image:url("http://yoururlhere.com/violin_background.jpg"); background-position:top left; background-repeat:no-repeat; background-attachment:fixed; } table{ width:600px; margin:0; } table table{ width:100%; } #content{ background-color:#000; color:#999966; } .entry{border:hidden #000;} td.body{padding:20px;} td.title{ color:#fff; font-size:16px; font-weight:700; letter-spacing:.1em; padding:20px; font-family:"Verdana", "sans-serif"; } td.links{ border-bottom:1px solid #999; font-size:10px; line-height:16px; padding:8px; font-family:"Verdana", "sans-serif"; } br, hr, li, ol, p, table, td, tr, ul{ color:#999966; font-size:12px; line-height:18px; text-align:justify; font-family:"Georgia", "serif"; } a{text-decoration:none;} a:link, a:visited{color:#cc6633;} a:active, a:hover{ color:#ff9966; border-bottom:1px solid #999; } .descrip{ color:#999966; font-size:10px; font-weight:700; letter-spacing:.2em; padding:5px; text-transform:uppercase; font-family:"Verdana", "sans-serif"; } .ljuser img{ border:none !important; margin:0px !important; } .ljuser a:active, .ljuser a:hover{border-bottom:none; !important} .author, .time{ color:#336699; font-size:10px; line-height:16px; text-transform:uppercase; font-family:"Verdana", "sans-serif"; } #commenttext{width:400px;} #content, td {background:transparent !important;} blockquote{ padding:10px 10px 10px 35px; border:1px solid #999; background:url("http://yoururlhere.com/g-cleff.png") top left no-repeat #000; color:#fff; } textarea{ padding:10px; margin:5px 25px 5px 25px; background-color:#000; border:1px solid #999; color:#fff; } .textbox, select, input{ padding:0px; margin:0px; background-color:#000; border:1px solid #999; color:#fff; } /* --------------------------------- */ /* ---------- ENTRY HEADER --------- */ /* --------------------------------- */ .date, .dateheader, .datecontent{ color:#fff; font-size:12px; line-height:16px; font-family:"Georgia", "serif"; } .dateheader{font-weight:bold;} .datecontent img{ border:none !important; padding:0px !important; margin:0px !important; } .datecontent{text-align:right;} .entry img{ padding:4px; margin:0px 10px 0px 4px; background:transparent; border:1px solid #999; } /* --------------------------------- */ /* ------------ SIDEBAR ------------ */ /* --------------------------------- */ .subhead{ color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; padding:8px; font-family:"Verdana", "sans-serif"; } p.links{ color:#666666; font-size:10px; line-height:12px; font-family:"Verdana", "sans-serif"; }

If you have any problems adapting the layout for your browser or taste—I'm afraid you're on your own! This constitutes about the short and long of what I know about CSS. Good luck, and thanks for looking!