fuesch | Layout: Hunter's Journal

Edit (January 25, 2017): improved the CSS for functionality (no big changes in how the layout looks).

Hunter's Journal

info

based on Flexible Squares
works for all account types
tested in Internet Explorer 6 and Firefox 2
Scrollbars are only colored in IE.

how to

Go to the Customize Journal page.

Make sure Style System is S2.

Choose the Flexible Squares layout.

Go to Custom CSS
» Use layout's stylesheet(s): No
» Use layout's stylesheet(s) when including custom external stylesheet: No
» Use external stylesheets: No
insert custom stylesheet

/* Hunter's Journal
http://fuesch.livejournal.com/14041.html */

body {
background:url(http://fatfrog.info/Ma/A/layout/huntersjournal/bg.jpg) top center;
text-align: left;
color: #2F1400;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
margin: 5px 50px 50px 50px;
scrollbar-track-color: #E4D4B4;
scrollbar-face-color: #E4D4B4;
scrollbar-shadow-color: #E4D4B4;
scrollbar-highlight-color: #E4D4B4;
scrollbar-3dlight-color: #DFBC83;
scrollbar-darkshadow-color: #BC894E;
scrollbar-arrow-color: #BC894E;
}

a, a:link, a:hover {
color: #101864;
text-decoration: none;
}

a:visited {
color: #05032F;
text-decoration: none;
}

p, td {
font-size: 12px;
}

blockquote {
font-size: 12px;
color: #5C3010;
}

q {
color: #5C3010;
font-style: italic;
}

b, i {
color: #5C3010;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 770px;
height: 545px;
margin: 50px auto auto auto;
padding: 30px 85px 25px 90px;
background:url(http://fatfrog.info/Ma/A/layout/huntersjournal/journal.png) top left no-repeat;
}

#maincontent {
width: 360px;
height: 540px;
margin-top: -100px;
overflow: scroll;
overflow-x:hidden;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #2F1400;
text-align: left;
float: right;
}

#sidebar {
overflow: scroll;
overflow-x: hidden;
width: 250px;
height: 350px;
margin: 15px auto 0px 55px;
padding-top: 15px;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #2F1400;
float: left;
text-align: left;
}

#header {
padding: 0px;
width: 360px;
height: 100px;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 2px;
color: #5C3010;
}

#footer {
text-align: center;
width: 360px;
float: left;
margin-top: -50px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
color: #2F1400;
z-index: 100;
clear: both;
}

div#header a, div#header a:link, div#header a:hover, div#footer a, div#footer a:link, div#footer a:hover {
color: #101864;
}

div#header a:visited, div#footer a:visited {
color: #05032F;
text-decoration: none;
}

ul.navheader {
padding: 0px;
margin: 0px;
}

ul.navheader li  {
display: inline;
padding: 0 3px 0 3px;
}

.title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: normal;
text-transform:uppercase;
padding-top: 10px;
}

.subtitle{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: normal;
top: 10px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:hover {
color: #101864;
}

div#sidebar a:visited {
color: #05032F;
text-decoration: none;
}

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}

.sbarcalendarposts {
background: url(http://fatfrog.info/Ma/A/layout/huntersjournal/calendarbg.png);
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}

ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem, .tagcloud {
padding-left: 15px;
list-style: none;
}

li.sbartitle {
padding-left: 15px;
list-style: none;
font-size: 16px;
border-bottom: solid 1px #2F1400;
margin-bottom: 10px;
margin-top: 10px;
}

.entry {
margin: 0px;
padding: 10px;
color: #2F1400;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-align: left;
}

.entry ul li {
padding-left: 5px;
margin-left: 15px;
}

.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

.userpic {
float: left;
background: none!important;
margin: 0px 5px 5px 5px;
z-index: 15;
}

.userpicfriends {
background: none!important;
float: left;
margin: 0px 5px 5px 5px;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
z-index: 15;
}

.date {
line-height: 200%;
top: 5px;
color: #2F1400;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}

.subject {
font-weight: bold;
padding: 10px;
color: #2F1400;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
}

.subject a, .subject a:link, .subject a:hover {
color: #101864;
}

.subject a:hover {
color: #05032F;
}

.datesubject {
padding: 5px;
height: 100px;
background:url(http://fatfrog.info/Ma/A/layout/huntersjournal/subjectbg.png) right center no-repeat;
}

.currents {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}

.ljtags {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
margin-top: 16px;
}

.comments {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
text-align: center;
padding-top: 5px;
font-weight: bold;
border-top: dashed 1px #101864;
}

div.comments a, div.comments a:link, div.comments a:hover {
color: #101864;
}

div.comments a:visited {
color: #05032F;
text-decoration: none;
}

.datesubjectcomment {
margin-top: 30px;
height: 100px;
background: url(http://fatfrog.info/Ma/A/layout/huntersjournal/commentsubject.png) right no-repeat;
font-size: 12px;
}

.userpiccomment {
margin: 0px 5px 5px 0px;
z-index: 15;
float: left;
}

.box {
padding: 5px;
clear: left;
}

input, textarea {
background-color: #F5E5CB;
color: #2F1400;
}

textarea.textbox  {
width: 260px!important;
}

.reply    {
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 125%;
color: #2F1400;
}

.replytosubject {
font-weight: bold;
font-size: 16px;
padding-top: 10px;
}

.replytoposter {
font-size: 11px;
}

.commentreply {
margin: 10px 0px 10px 0px;
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #2F1400;
}

.commentbox {
}

.datesubjectcomment a:link, .datesubjectcomment a:hover {
color: #101864;
}

.datesubjectcomment a:visited {
color: #05032F;
}

.commentboxpartial {
border-color: #2F1400;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}

.commentinfo {
background-color: #F5E5CB;
margin-top: 10px;
width: 100%;
}

ul.year {
text-align: center;
padding-bottom: 20px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: 5px;
margin-right: 5px;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #2F1400;
}

table.yeartable td.yearday {
text-align: center;
}

td.yearmonth {
border-style: none;
}

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li  {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

.ljuser img[src*="userinfo.gif"] {
width: 0px !important;
height: 0px !important;
padding: 14px 0px 0px 10px !important;
background: url(http://fatfrog.info/Ma/A/layout/huntersjournal/user.png) no-repeat !important;
}

.ljuser img[src*="community.gif"] {
width: 0px !important;
height: 0px !important;
padding: 14px 0px 0px 16px !important;
background: url(http://fatfrog.info/Ma/A/layout/huntersjournal/comm.png) no-repeat !important;
}

.ljuser a, .ljuser a:link, .ljuser a:visited, .ljuser a:hover {
color: #101864!important;
}
   	
.userpicfriends, .userpicfriends font {
color: #101864;
}

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
padding-right: 5px;
}

.headerimage {
/* for formatting header image */
}

.separator{
/* for formatting separators between entries */
height: 35px;
}

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
}

#content + div {
background-color: transparent!important;
border: none!important;
}

Flat | Top-Level Comments Only

love the layout, it's awesome!

oh holy freaking crap, this has to be the coolest layout ever and I love it! it's perfect!
thanks!! :D

*looks at your icon* *cracks up* It's funny cuz it's TRUE. LMAO!

Definitely snagging this for my writing journal (

its_never_lupus), since I somehow managed to screw up my current layout. *headdesk* I love it, it's friggin' awesome, and I'll be sure to credit you in my userinfo! (Is that OK with you?)
<3 Liz

It's very okay with me :oD

OMG that is THE coolest layout I have ever seen!!! :O
I am so keeping that one to use next time I change :D

Okay, this is THE coolest LJ layout I've ever seen. I may have to switch my journal over to it ASAP. ♥

Love the layout!!!

This is brilliant. I totally add this to my memories and will use.

This is a terrific LJ layout! Thank you so much for sharing :) I've snagged it for my own journal.

I am using the layout - I love it!!! It's so what I was looking for!! Will credit! Thank you!!

*gurgles*

*uses it*

*loves you*

this is too amazing for words
very very very good job times 10000000000000000000000000000000
:)

Layout is so awesome! i am use, and credit! And thanks so much! :)

snagging this!! thank you!! awesome layout :) will credit you.

Darling you are a genius! By far, your layouts are the best.

THIS LAYOUT IS AMAZING! I'm snagging it. How do I credit you for it?

Thanks. :o)
You could credit on your profile or make an entry about the layout change.

Question: My tags and page summary are not showing up on the left side of the page. Do you know why it would be doing that?

I guess they're set to No here: http://www.livejournal.com/customize/options.bml?group=sidebar

omg... thanks for this!! i don't know anything about layouts, but you helped me so much!!! <333

Love your layout!
Using it!

awesome layout!!! love it!

I'm adding this to my Memories, under 'So Cool It Makes Me Sick'.

[I've been *trying* to implement something like this on an lj.... but I don't know anything at all about layouts *d'you think that might hinder me a smidgen? Just a smidgen?* and it never bleeding occurred to me to look to see if anyone had made one already >< *facepalm* THANK YOU.]

Great layout! Using with credit!

This is really lovely, but is there a way I can disable the layout when it goes to the comments or a cut tag? I prefer the good old fashioned look for comments and larger entries which I use cut tags with.

I've tried tinkering to no avail.

Go to http://www.livejournal.com/customize/options.bml, under Basic Options set Disable customized comment pages for your journal to Yes.

*SQUEEE*
...Okay I'm done fangirling now... Love the layout it is AWESOME! *bounces*

(Credited on my user info page)

This layout is amazing! Using it right now! Thank you, thank you! I will credit you in my user info.

This is so much fun! using currently & credited you - Thank you!!!

I LOVE this!! saving to memories, and snagging the profile layout thank you!!

OMG!!! is beautiful!

Thank you, thank you, thank you....

~*cry*~

Amazing work!

*glees* This is amazing, thank you for posting it! Definitely snagging, and will credit.

I love this layout. Just putting it in my journal now and will credit you of course.

Just installed the layout and, like one of the previous commenters, my tags etc are not showing up. I followed the advice you gave but they're still not showing. Can you please help me in any way? Thanks in advance.

Sorry, I have no idea where that problem could come from or what to do to solve it. :o(

I love this layout and would like to use it for a game over on Insane Journal. Is there any way it can be tranferred?

This is such a cool layout...

THANK YOU for this EPIC layout. Totaly credit and love <3<3<3

I'm trying to use this layout but it's not giving me a scroll bar to see the rest of the page or entries.... Help??

Oh, never mind. It's showing on my laptop so maybe it's just an iPad thing. =)

Layout: Hunter's Journal

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject