The Simple Series – Red & Black

Paste this into your Edit Settings → Custom CSS box

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.

/* High Level Look and Feel Items */
#content {border:1px solid red; background-color:black;color:white;}
#wrapper {border:none; background-color:transparent;}
#campaign-banner-container {border:1px solid red;border-radius:6px;}
#campaign-content {border:1px solid red;border-radius:6px;padding:4px;}

/* If you want a custom background wallpaper remove the slashes and asterisks from the below item and change the URL to your picture */
/* body {background-image:url('http://cdn.obsidianportal.com/assets/72973/DallasSkyline4.jpg');background-attachment:fixed;} */

/* your campaign comments */
.comment-list .comment {border-bottom:1px solid red;}
.comment-list .comment {border:1px solid red;margin-bottom:5px;}
.comment-list .comment.odd {background-color:#100;border:1px solid darkred;}
.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 {border:1px solid red; border-radius:6px; padding:10px; background-color:black;}
#secondary-column .sidebar a:link {color:red; text-decoration:none;}
#secondary-column .sidebar a:visited {color:red; text-decoration:none;}
#secondary-column .sidebar a:hover {color:orange; text-decoration:underline;}
#secondary-column .sidebar a:active {color:red; text-decoration:none;}

#secondary-column .sidebar h4 {font-size:110%; margin:5px; color:red; border-bottom:1px solid red;}
#secondary-column .sidebar .recent-update {border-bottom:1px dotted red;}

/* 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:red;background-color:transparent;border-style:solid;border-color:darkred;border-width:1px;}
.tabnav a:hover {color:darkorange;background-color:transparent;border-style:solid;border-color:darkorange;border-width:1px;}
.tabnav a.active:link,.tabnav a.active:visited,.tabnav a.active:active,.tabnav a.active:hover{color:orange;background-color:black;border-style:solid;border-color:orange;border-width:1px;}

/* how your page headers look */
#campaign-content h1 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h2 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h3 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h4 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}
#campaign-content h5 {color:red;margin-top:5px;margin-bottom:5px;border-bottom:1px dotted darkred;}

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

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

/* WIKI PAGES */
.wiki-page .textile_longtext.page-body img {border:1px solid red;}

/* ADVENTURE LOG */
#campaign-content .adventure-log-list {}
.adventure-log-page .post-footer {border-bottom:6px dotted darkred;margin:10px;}
.adventure-log-page {margin-bottom:5px;}
.adventure-log-page .post-header {background-color:#100;border:1px solid red;border-radius:6px;padding:4px;}
#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:gray;}
.adventure-log-page .textile_longtext.post-body img {border:1px solid red;}

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

/* FORUM TAB */

/* 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:200%;}
.npc-list a:link {font-size:200%;}
.gm-only-npc-list a:link {font-size:200%;}

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

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

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

/* 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 */

Free Template - Simple - Black & Red

wolfhound Wolfhoundfreetemplate