Home Page

The Innkeeper’s Ledger

If you use it please favorite this campaign so I know which ones are being used and which are not. You don’t need to put me in a credits page or anything, I made this template to be used for free. However if you’re feeling generous, please Favorite my Dresden Files: Dallas Obsidian Portal Campaign or send me a message. I’m always happy to hear from folks.

NEEDED FOR THIS TEMPLATE: Install A Google Font

  1. In Edit Settings under Google Web Fonts, click Add a font
  2. Type in Jim Nightshade

Paste the following into your Edit Settings → Custom CSS box

/* High Level Look and Feel Items */
#content {border:1px solid maroon; background-color:maroon; background-image:url('http://cdn.obsidianportal.com/assets/176301/leather.jpg');}
#wrapper {border:none; background-image:url('http://cdn.obsidianportal.com/assets/176302/oldwood.jpg');}
#campaign-banner-container {border:1px solid maroon;border-radius:6px;}
#campaign-content {border:1px solid maroon;border-radius:6px;background-image:url('http://cdn.obsidianportal.com/assets/176303/parchment.jpg');font-family:'Georgia',serif;}

/* If you want change the background wallpaper, change the below URL */
body {background-image:url('http://cdn.obsidianportal.com/assets/176302/oldwood.jpg');background-attachment:fixed;}

/* your campaign comments */
.comment-list .comment {border-bottom:1px solid maroon;}
.comment-list .comment {border:1px solid maroon;margin:5px;border-radius:6px;}
.comment-list .comment-header {min-height:50px;}
.comment-list .comment-text {border:none;padding:3px;}

/* the columns and sidebars on the right side */
#secondary-column .sidebar {background-image:url('http://cdn.obsidianportal.com/assets/176305/leather2.jpg');color:black;}
#secondary-column .sidebar p {color:black;}
#secondary-column .sidebar {border:1px solid maroon; border-radius:6px; padding:10px; background-color:black;}
#secondary-column .sidebar a:link {color:maroon; text-decoration:none;}
#secondary-column .sidebar a:visited {color:maroon; text-decoration:none;}
#secondary-column .sidebar a:hover {color:#FD0; text-decoration:underline;}
#secondary-column .sidebar a:active {color:maroon; text-decoration:none;}

#secondary-column .sidebar h4 {margin:5px; color:maroon; border-bottom:1px solid maroon; font-weight:normal; font-size:175%; font-family:'Jim Nightshade'; }
#secondary-column .sidebar .recent-update {border-bottom:1px dotted maroon;}

/* Your default Obsidian Portal navigation menu */
.tab-container {border-style:none;}
.tabnav {margin:1px;border-style:none;background:none;margin-bottom:5px;}
.tabnav a:link,.tabnav a:visited,.tabnav a:active {color:black;background-color:transparent;border-style:solid;border-color:maroon;border-width:1px;background-image:url('http://cdn.obsidianportal.com/assets/176305/leather2.jpg');}
.tabnav a:hover {color:#FD0;background-color:transparent;border-style:solid;border-color:red;border-width:1px;background-image:url('http://cdn.obsidianportal.com/assets/176305/leather2.jpg');}
.tabnav a.active:link,.tabnav a.active:visited,.tabnav a.active:active,.tabnav a.active:hover{color:black;background-color:transparent;border-style:solid;border-color:red;border-width:1px;background-image:url('http://cdn.obsidianportal.com/assets/176305/leather2.jpg');}

/* how your page headers look */
#campaign-content h1 {font-family:'Jim Nightshade'; color:maroon;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:266%;}
#campaign-content h2 {font-family:'Jim Nightshade'; color:maroon;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:233%;}
#campaign-content h3 {font-family:'Jim Nightshade'; color:maroon;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:200%;}
#campaign-content h4 {font-family:'Jim Nightshade'; color:maroon;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:175%;}
#campaign-content h5 {font-family:'Jim Nightshade'; color:maroon;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:150%;}

/* default link behavior */
#campaign-content a:link {color:maroon;text-decoration:none;}
#campaign-content a:visited {color:maroon;text-decoration:none;}
#campaign-content a:hover {color:red;text-decoration:underline;}
#campaign-content a:active {color:maroon;text-decoration:none;}

/* how links to pages that don't exist yet look */
#campaign-content a:link.create-wiki-page-link {color:red;text-decoration:underline;}
#campaign-content a:visited.create-wiki-page-link {color:red;text-decoration:underline;}
#campaign-content a:hover.create-wiki-page-link {color:purple;text-decoration:underline;}
#campaign-content a:active.create-wiki-page-link {color:red;text-decoration:underline;}

/* WIKI PAGES */
.wiki-page .textile_longtext.page-body img {border:1px solid maroon;}
.wiki-page {padding:4px;}
.campaign-home {padding:4px;}
.campaign-home .textile_longtext.page-body img {border:1px solid maroon;}

/* ADVENTURE LOG */
#campaign-content .adventure-log-list {background-image:url('http://cdn.obsidianportal.com/assets/176305/leather2.jpg');padding:5px;border-radius:6px;}
#campaign-content .adventure-log-page .post-footer {border-bottom:1px dashed black;margin:10px;}
#campaign-content .adventure-log-page {margin-bottom:5px;background-image:url('http://cdn.obsidianportal.com/assets/176303/parchment.jpg');padding:4px;border-radius:6px;border:1px solid black;}
#campaign-content .adventure-log-page .post-header {border-bottom:2px solid black;}
#campaign-content h3.post-title {border-bottom:none;}
#campaign-content h4.post-tagline {border-bottom:none;}
#campaign-content h5.post-time {border-bottom:none;color:black;}
.adventure-log-page .textile_longtext.post-body img {border:1px solid maroon;}

/* MAP TAB */
#campaign-content h3.map-name {border-bottom:none;}
#campaign-content h2.map-name {border-bottom:none;}

/* FORUM TAB */
.header-row th {background:none; border-bottom:1px solid maroon; font-weight:normal; font-size:150%; font-family:'Jim Nightshade'; color:maroon;}
.post-metadata {padding:5px;}
.subforum-row.odd td {background:none;}
.subforum-row.even td {background:none; border-top:1px dotted maroon; border-bottom:1px dotted maroon;}
.topic-row.odd td {background:none;}
.topic-row.even td {background:none; border-top:1px dotted maroon; border-bottom:1px dotted maroon;}
.campaign-forum-post .textile_longtext.body {background:none; margin:5px; padding:5px; border:1px dotted maroon;}

/* CHARACTERS TAB */
#character-list .pc-list {margin-bottom:5px;padding:4px;}
#character-list .npc-list {margin-bottom:5px;padding:4px;}
#character-list .gm-only-npc-list {margin-bottom:5px;padding:4px;}

.pc-list a:link {font-size:220%;font-family:'Jim Nightshade'; }
.npc-list a:link {font-size:220%;font-family:'Jim Nightshade'; }
.gm-only-npc-list a:link {font-size:220%;font-family:'Jim Nightshade'; }

.pc-list a:link.character_link {}
.npc-list a:link.character_link {}

li.character-list-item a:link.tag-link {position:relative;top:-12px;font-size:xx-small;font-family:'Georgia';}

.pc-list li.character-list-item {border:1px dotted black;margin-bottom:5px;}
.npc-list li.character-list-item {border:1px dotted maroon;margin-bottom:5px;}
.gm-only-npc-list li.character-list-item {border:1px dotted red;margin-bottom:5px;}

#character-list img.game-content-image {height:58px;width:58px;border:1px solid maroon;}

/* ACTUAL CHARACTER PAGETHE DEFAULT NON DYNAMIC ONE */
#campaign-content .character-page .static-sheet {min-height:400px; padding:4px;}
#campaign-content .character-page .static-sheet .character-metadata {height:256px;width:455px;border:1px solid maroon; text-align:center; background-image:url('http://cdn.obsidianportal.com/assets/176305/leather2.jpg'); border-radius:6px;}
#campaign-content .character-page .static-sheet .character-metadata span {font-family:'Jim Nightshade'; font-size:150%;}
#campaign-content .character-page .static-sheet .character-avatar {border:1px solid maroon; height:256px; width:256px; }
#campaign-content .character-page .static-sheet .character-avatar img {}

/* ITEM TAB */
#item-list .item-list {}
#item-list .item-list a:link {font-size:220%;font-family:'Jim Nightshade'; }
#item-list .item-list a:link.character_link {}
#item-list li {margin-bottom:5px;}
#item-list li.item-list-item a:link.tag-link {position:relative;top:-12px;font-size:xx-small;font-family:'Georgia';}
#item-list .item-list li.item-list-item {border:1px dotted maroon;margin-bottom:5px;}
#item-list img.game-content-image {height:58px;width:58px;border:1px solid maroon;}

/* ACTUAL ITEM PAGE */
#campaign-content .item-page {min-height:400px; padding:4px;}
#campaign-content .item-page .item-metadata {height:256px;width:455px;border:1px solid maroon; text-align:center; background-image:url('http://cdn.obsidianportal.com/assets/176305/leather2.jpg'); border-radius:6px;}
#campaign-content .item-page .item-metadata span {font-family:'Jim Nightshade'; font-size:150%;}
#campaign-content .item-page .item-avatar {border:1px solid maroon;}

/* block of items best left alone */
#post-navigation {color:white; background-color:#202020;}
#manage-members {color:white; background-color:#202020;}
.edit-game-character {color:white; background-color:#202020;}
.archived-version-compare {color:white; background-color:#202020;}
.search-result {color:white; background-color:#202020;}
span.match {color:white; background-color:#202020;}
fieldset {color:white; background-color:#202020;}
fieldset h4 {color:white;}
.notification-controls {color:white; background-color:#202020;}
label {color:white; background-color:none;}
#flash-messages {position:absolute; top:0px; left:0px; color:black;}
#wiki-list {color:white; background-color:#202020;}
legend {color:white; background-color:#202020;}
/* end of the block of items best left alone */

/* I WOULD RECOMMEND PUTTING YOUR CUSTOM CSS BELOW THIS LINE */

Though not “required” I strongly suggest you follow the image links in the CSS above and download those pictures to your hard drive, then upload them to YOUR Obsidian Portal account – then change the links. This is in case my site or account ever goes away… your site graphics will still work!

/* I WOULD RECOMMEND THIS NEXT SNIPPET IF YOU PLAN ON USING A DYNAMIC SHEET */
#campaign-content .character-page {border:none; padding:0px; margin:0px; background-color:white; margin:-5px; padding:2px; margin-top:0px; padding-top:0px;}

Alternate Look

If you want a slightly different parchment look that matches each other a bit more stylistically, use the following.

In the above:
Replace both http://cdn.obsidianportal.com/assets/176303/parchment.jpg
and ht
tp://cdn.obsidianportal.com/assets/176305/leather2.jpg
With http://cdn.obsidianportal.com/assets/217029/Parchment00.jpg

and
Replace http://cdn.obsidianportal.com/assets/176301/leather.jpg
With http://cdn.obsidianportal.com/assets/217030/Parchment02.jpg

This is what they look like
http://cdn.obsidianportal.com/assets/217029/Parchment00.jpg


http://cdn.obsidianportal.com/assets/217030/Parchment02.jpg


I created these two art files myself in GIMP so there’s no copyright issues, permission is given to use them for whatever you need

To see what it looks like with these, follow this link

Home Page

Free Template - Innkeeper's Ledger wolfhound wolfhound