iMetallic

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.

Paste the following into your Edit Settings → Custom CSS box

/* High Level Look and Feel Items */
#content {border:1px solid lightblue; background-color:lightblue; background-image:url('http://cdn.obsidianportal.com/assets/203742/BrushedAluminumOpt.jpg');font-family:'Helvetica', 'Arial', sans-serif;}
#wrapper {border:none;background-color:transparent;}
#campaign-banner-container {border:1px solid lightblue;border-radius:6px;}
#campaign-content {border:1px solid lightblue;border-radius:6px;font-family:'Helvetica', 'Arial', sans-serif; background-color:gray;padding:5px; background-image:url('http://cdn.obsidianportal.com/assets/203742/BrushedAluminumOpt.jpg');}

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

/* your campaign comments */
.comment-list .comment {border-bottom:1px solid lightblue;}
.comment-list .comment {border:1px solid lightblue;margin:5px;border-radius:6px;background-color:white;}
.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/203742/BrushedAluminumOpt.jpg');color:black; background-color:gray;}
#secondary-column .sidebar p {color:black;}
#secondary-column .sidebar {border:1px solid lightblue; border-radius:6px; padding:10px; background-color:black;}
#secondary-column .sidebar a:link {color:midnightblue; text-decoration:none;}
#secondary-column .sidebar a:visited {color:midnightblue; text-decoration:none;}
#secondary-column .sidebar a:hover {color:cyan; text-decoration:underline;}
#secondary-column .sidebar a:active {color:midnightblue; text-decoration:none;}

#secondary-column .sidebar h4 {margin:5px; color:midnightblue; border-bottom:none; font-weight:normal; font-size:125%; font-family:'Helvetica', 'Arial', sans-serif; }
#secondary-column .sidebar .recent-update {border-bottom:1px dotted lightblue;}

/* 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:gray; border-style:solid;border-color:lightblue;border-width:1px;background-image:url('http://cdn.obsidianportal.com/assets/203742/BrushedAluminumOpt.jpg');}
.tabnav a:hover {color:cyan; background-color:gray; border-style:solid;border-color:cyan;border-width:1px;background-image:url('http://cdn.obsidianportal.com/assets/203742/BrushedAluminumOpt.jpg');}
.tabnav a.active:link,.tabnav a.active:visited,.tabnav a.active:active,.tabnav a.active:hover{color:midnightblue; background-color:gray; border-style:solid;border-color:cyan;border-width:1px;background-image:url('http://cdn.obsidianportal.com/assets/203742/BrushedAluminumOpt.jpg');}

/* how your page headers look */
#campaign-content h1 {font-family:'Helvetica', 'Arial', sans-serif; color:midnightblue;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:200%;}
#campaign-content h2 {font-family:'Helvetica', 'Arial', sans-serif; color:midnightblue;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:175%;}
#campaign-content h3 {font-family:'Helvetica', 'Arial', sans-serif; color:midnightblue;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:150%;}
#campaign-content h4 {font-family:'Helvetica', 'Arial', sans-serif; color:midnightblue;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:125%;}
#campaign-content h5 {font-family:'Helvetica', 'Arial', sans-serif; color:midnightblue;margin-top:5px;margin-bottom:10px;border-bottom:none; font-weight:normal; font-size:115%;}

/* default link behavior */
#campaign-content a:link {color:midnightblue;text-decoration:none;}
#campaign-content a:visited {color:midnightblue;text-decoration:none;}
#campaign-content a:hover {color:blue;text-decoration:underline;}
#campaign-content a:active {color:midnightblue;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 midnightblue;}
.wiki-page .textile_longtext.page-body {background-color:white;padding:4px;border-radius:6px;}
.wiki-page .textile_longtext.gm-only {background-color:#EEE;padding:4px;border-radius:6px;border:1px solid red;}
.campaign-home .textile_longtext.page-body {background-color:white;padding:4px;border-radius:6px;}
.campaign-home .textile_longtext.page-body img {border:1px solid midnightblue;}

/* ADVENTURE LOG */
#campaign-content .adventure-log-list {}
.adventure-log-page .post-footer {border-bottom:1px dashed black;margin:10px;}
.adventure-log-page {margin-bottom:5px;padding:4px;border-radius:6px;border:1px solid black;background-color:white;}
.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 midnightblue;}

/* MAP TAB */
#campaign-content h3.map-name {border-bottom:none;}
#campaign-content h2.map-name {border-bottom:none;}
.map-item {border:1px solid lightblue;background-color:white;border-radius:6px;padding:5px;}

/* FORUM TAB */
.campaign-forum-post {margin-bottom:5px;border:1px solid lightblue;padding:3px;border-radius:6px;}
.campaign-forum-post .textile_longtext.body {border:1px solid lightblue;border-radius:6px;background-color:white;padding:3px;}

/* CHARACTERS TAB */
#character-list .pc-list {margin-bottom:5px;padding:4px;background-color:white;border:1px solid lightblue;border-radius:6px;}
#character-list .npc-list {margin-bottom:5px;padding:4px;background-color:white;border:1px solid lightblue;border-radius:6px;}
#character-list .gm-only-npc-list {margin-bottom:5px;padding:4px;background-color:white;border:1px solid lightblue;border-radius:6px;}

.pc-list a:link {font-size:220%;font-family:'Helvetica', 'Arial', sans-serif; }
.npc-list a:link {font-size:220%;font-family:'Helvetica', 'Arial', sans-serif; }
.gm-only-npc-list a:link {font-size:220%;font-family:'Helvetica', 'Arial', sans-serif; }

.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 midnightblue;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 lightblue;}

/* 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:440px;border:1px solid lightblue; text-align:center; background-image:url('http://cdn.obsidianportal.com/assets/203742/BrushedAluminumOpt.jpg'); border-radius:6px; background-color:gray;}
#campaign-content .character-page .static-sheet .character-metadata span {font-family:'Helvetica', 'Arial', sans-serif; font-size:150%;}
#campaign-content .character-page .static-sheet .character-avatar {border:1px solid lightblue; height:256px; width:256px; }
#campaign-content .character-page .static-sheet .character-avatar img {}
#campaign-content .character-page .textile_longtext {border:1px solid lightblue;padding:5px;border-radius:6px;background-color:white;margin-bottom:5px;}

/* ITEM TAB */
#item-list .item-list {background-color:white;border:1px solid lightblue;border-radius:6px;}
#item-list .item-list a:link {font-size:220%;font-family:'Helvetica', 'Arial', sans-serif; }
#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 midnightblue;margin-bottom:5px;}
#item-list img.game-content-image {height:58px;width:58px;border:1px solid lightblue;}

/* ACTUAL ITEM PAGE */
#campaign-content .item-page {min-height:400px; padding:4px;}
#campaign-content .item-page .item-metadata {height:256px;width:440px;border:1px solid lightblue; text-align:center; background-image:url('http://cdn.obsidianportal.com/assets/203742/BrushedAluminumOpt.jpg'); border-radius:6px; background-color:gray;}
#campaign-content .item-page .item-metadata span {font-family:'Helvetica', 'Arial', sans-serif; font-size:150%;}
#campaign-content .item-page .item-avatar {border:1px solid lightblue;}
#campaign-content .item-page .textile_longtext {border:1px solid lightblue;padding:5px;border-radius:6px;background-color:white;margin-bottom:5px;}

/* 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:black; background-color:white;}
span.match {color:cyan; background-color:midnightblue;}
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:black; background-color:white; border-radius:6px; border:1px solid skyblue; padding:4px; }
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!

Free Template - iMetallic

wolfhound Wolfhoundfreetemplate