My CSS Code

/* MAIN PAGE LAYOUT*/
.main-content-container {background-color:transparent;}
.campaign-landing-page-container{ background-color:transparent !important;}
.sidebar{position:relative; z-index:5; width:18%;}
#content {max-width:1400px !important;}
.post-main{background-color:transparent !important;}
.campaign-public-layout .flame-dragon {left:186px;}
.campaign-landing-show .campaign-landing-page-container .section {padding: 0px 0px 0px 0px}
.campaign-public-layout #sidebar {color: white; top: 0px; right: 70px;}
.campaign-public-layout.wiki-pages-edit section.main-section {background: #004a7f;}
.campaign-public-layout.posts-edit section.main-section {background: #004a7f}

/* HIGH LEVEL APPEARANCE */
body.campaign-public-layout .post-section {padding: 0px 35px 0px;}
body.campaign-public-layout .post-section.post-main {font-family:Unkempt; min-height: 430px;}
body.campaign-public-layout .title {color: white; border-bottom: 1px solid navy; line-height: 1.4em; margin-bottom: 6px;}
body.campaign-public-layout .post-section:last-of-type {background: #a7b5d2;}
.small-10 {position: relative; width: 83.3333%; background: #a7b5d2}
.row .row {width: auto; margin: 0px -0.9375em; max-width: none; background: #a7b5d2;}
.campaign-public-layout .highlight-container {display:none;}
.flame-dragon svg {height:1% !important;}
.campaign-public-layout .page-background {background: url(http://cdn.obsidianportal.com/assets/200430/parchment2.jpg) center no-repeat; background-size: cover; }
.campaign-public-layout #banner-container .campaign-banner-image {fixed; height: 300px; width: 750px; margin-right: 370px; margin-left: 250px;}
.campaign-public-layout #campaign-summary-row .campaign-title {font-family: Unkempt; Font-size:36pt; color:#ffffff; text-decoration:bold;background:transparent; right: 385px;}
.collapsable-nav-row .full-width.main-content-container {width: 900px; padding: 0px;}
.collapsable-nav-row .front-nav-container {background:transparent; color:transparent; left: -15px; top: 0px; font-family:Unkempt; font-size:17pt;}
.collapsable-nav-row.collapsed .main-content-container {padding-left: 10px;}
.collapsable-nav-row.collapsed .front-nav-container {left: -50px;}
#banner-container { display:none; }
.campaign-landing-show #banner-container { display:block; }

/* DASHBOARD */
.campaign-dashboard-layout .player-group-module .player-squares {background: #a7b5d2;}
.campaign-dashboard-layout #dashboard-main-nav ul li a {color: black;}
.campaign-dashboard-layout #dashboard-main-nav {background: #004a7f;}
.campaign-dashboard-layout #dashboard-main-nav ul li.active a, .campaign-dashboard-layout #dashboard-main-nav ul li:hover a {color:white;}
.campaign-dashboard-layout #main-footer {background: #004a7f;}
.campaign-dashboard-layout .content-row {background: #a7b5d2;}
.campaign-dashboard-layout .forum-post {color:black;}
.campaign-dashboard-layout .main-content .section-header .name {color: black;}
.campaign-dashboard-layout .main-nav-img svg {fill: white !important; }
.campaign-dashboard-layout .log-entry {color:black; font-family:Unkempt; font-size:13pt;}
.campaign-dashboard-layout #wrapper {background: #004a7f;}
.row {color:black;}
.row .overflow-fade-out { display:none; }

/* TABLES */
table {background-color: transparent;border:inherit;}
#content tr:nth-child(even) {background-color:transparent}

/* ICONS */
.icon-edit {color:black !important;}
.op-icon-forum {color:navy !important;}
.op-icon-dash {color:navy !important;}
.op-icon-map {color:navy !important;}
.op-icon-gears {color:navy !important;}
.op-icon-characters {color:navy !important;}
.op-icon-book-wiki {color:navy !important;}
.icon-home {color:navy !important;}
.icon-calendar-empty {color:navy !important;}
.op-icon-page {color:navy !important;}
.op-icon-player {color:navy !important;}
.op-icon-gm {color:black !important;}
.op-icon-characters {color: navy !important;}
.op-icon-layers {color: navy !important;}

/* ADVENTURE LOGS */
.adventure-log-index .post-view-link {padding-right:10px; position:relative; top:-200px;}
.adventure-log-index .post-content {height: 180px; overflow: hidden; position: relative; text-align:center; color:#ffffff; background-color:#004a7f; font-family:Unkempt;}
.adventure-log-index .adventure-log-post .columns {background-color:#004a7f; padding-top: 19px; height: 260px;}
.adventure-log-index .adventure-log-new-container {background:transparent; margin: 0px 36px 0px 0px;}
.adventure-log-show .post-date, .adventure-log-index .post-date {background-color:#004a7f; color:white;}

/* SEARCH BOX */
.campaign-search-page #search-controls {padding: 20px; background: #a7b5d2;}
.campaign-search-page #tag-library {background-color: #004a7f;}
.campaign-search-page #search-results {background-color: #004a7f;}
.campaign-search-page .result.stripe {background-color: #004a7f;}
.campaign-public-layout .main-content h4 {background: #004a7f;}
.campaign-search-page .search-result .tags-and-icon {position: relative; min-height: 32px; background: white;}
.campaign-search-page .search-result .tags-and-icon .content-icon {opacity: 1.0; position: absolute; right: 0px; top: 2px; font-size: 30px;}
article.search-result.wikipage img {height:130px;}

/* HEADERS */
.campaign-public-layout .main-content h1 {background: transparent; font-family:Unkempt; font-size:266%;}
.campaign-public-layout .main-content h2 {background: transparent; color:navy; font-family:Unkempt; font-size:233%;}
.campaign-public-layout .main-content h3 {background: transparent; color:navy; font-family:Unkempt; font-size:200%;}
.campaign-public-layout .main-content h4 {background: transparent; color:navy; font-family:Unkempt; font-size:175%;}
.campaign-public-layout .main-content h5 {background: transparent; color:navy; font-family:Unkempt; font-size:150%;}

/* DEFAULT LINKS */
#campaign-content a:link {color:navy;text-decoration:none;}
#campaign-content a:visited {color:navy;text-decoration:none;}
#campaign-content a:hover {color:blue;text-decoration:underline;}
#campaign-content a:active {color:navy;text-decoration:none;}
#campaign-content a.info:link {color:black;}
#campaign-content a.info:hover {color:white;text-decoration:underline;}

/* GENERAL LINKS */
a.wiki-page-link {color:navy}
a.wiki-page-link:hover {color:navy; text-decoration:underline}
.main-content a, .sidebar a, .modal-container a {position: relative; color:navy;}
body.campaign-public-layout .title a {color: white; font-size:22pt; text-decoration:underlined;}
.character-index.campaign-public-layout .character-list-item {background: #004a7f;}

/* INACTIVE LINKS */
#content a:link.create-wiki-page-link {color:red;text-decoration:underline;}
#content a:visited.create-wiki-page-link {color:red;text-decoration:underline;}
#content a:hover.create-wiki-page-link {color:purple;text-decoration:underline;}
#content a:active.create-wiki-page-link {color:red;text-decoration:underline;}

/* WIKI PAGES */
.wiki-page { font-family: “Unkempt”; }
.wiki-page-name {display:none;}

/* ADVENTURE LOG */
#campaign-content .adventure-log-list {background-image:url(‘http://cdn.obsidianportal.com/assets/200332/glass.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/200430/parchment2.jpg’);padding:4px;border-radius:6px;border:1px solid black;}
#campaign-content .adventure-log-page .post-header {border-bottom:2px solid black;}
#campaign-content .post-title {font-size:20pt;font-weight:bold;text-shadow:4px 4px #A0A0A0;border-bottom:none;}
#campaign-content .post-tagline {font-size:14pt;text-decoration:underline;border-bottom:none;}
#campaign-content .post-time {font-size:10pt; font-weight:bold;border-bottom:none;color:black;}
.adventure-log-page .textile_longtext.post-body img {border:1px solid navy;}

/* MAP TAB */
.campaign-map-index .map-placard {background:#004a7f;}

/* FORUM TAB */
.campaign-forum-index li.topic.active .background {background-color: #004a7f; }
.no-touch .campaign-forum-index li.topic:hover .background {background-color: blue; }
.campaign-forum-index .posts-section .title {color:black; font-family: Unkempt; font-size:16pt;}
.campaign-forum-index .posts-section {background: #a7b5d2;}
.campaign-forum-index .topics-section {background: #a7b5d2;}
.campaign-forum-index .forum-page-header h2 {background: #a7b5d2;}
label {color:white}
.large-12 {background: #a7b5d2;}
.small-11 {position: relative; width: 91.6667%; background: #a7b5d2;}
.campaign-forum-index .forum-page-header .manage-forums-link, .campaign-forum-manage .forum-page-header .manage-forums-link, .campaign-forum-edit .forum-page-header .manage-forums-link {display: table-cell; vertical-align: middle; height: 63px; text-align: center; background: #a7b5d2;}

/* CHARACTERS TAB */
.character-index.campaign-public-layout .character-quick-search {background: #a7b5d2;}
.character-index.campaign-public-layout .character-quick-search h4 {color: navy;}

/* CALENDAR */
.campaign-dashboard-layout .fc-widget-header {background: none repeat scroll 0% 0% #004a7f;}
.campaign-calendar-index .fc-widget-header {border-color: black;}
.campaign-calendar-index .fc-widget-content {border-color: black; color: black;}
.campaign-calendar-index .fc-widget-content {background: none repeat scroll 0% 0% darkgrey;}
.campaign-calendar-index .fc-other-month {background: none repeat scroll 0% 0% white;}
.fc-header-title h2 {color: black;}
.campaign-calendar-index .fc-button {color: navy;}
.campaign-calendar-index .sidebar {background-color: #a7b5d2;}
.campaign-dashboard-layout .calendar-event .event-date {left: -9px;}

/* COMPRESSED STYLES PAGE */
#background-selection {float: left; width: 65%;}
#background-selection li {border: 3px; padding: 0 3px 3px 6px; clear:none !important; position:relative !important; max-height: 60px; max-width: 90px; width: 16% !important}
#banner-upload .preview-area {margin:0px !important;}
#current-banner {height:60px !important; background-position: left top !important; }
#upload-background {float:left; width:35%;}

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

/* ROLLING BUTTONS /
a.rollover {position:relative;display:block;width:100px;height:173px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/201204/Door_Link_small.png’);background-color:transparent;}
a.rollover:hover {background-position:-100px 0px;}
a.bookopen {position:relative;display:block;width:120px;height:85px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/201826/Book_Link.png’);background-color:transparent;padding:0px;}
a.bookopen:hover {background-position:-120px 0px;}
a.scrollopen {position:relative;display:block;width:100px;height:126px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/201872/Scroll_Link.png’);background-color:transparent;}
a.scrollopen:hover {background-position:0px -126px;}
.overtext {position:absolute;top:10%;left:0px;text-align:center;width:100px;font-family:‘Unkempt’;font-size:12pt;color:white;}
.overtext:hover {color:white;background-color:#004A7F}
/
ROLLING ENDS */

/* TRI-BOX /
.tribox {position:relative;left:0px;width:714px;height:200px;padding:0px;margin:0px;margin-bottom:5px;text-align:center;background-color:none;vertical-align:bottom;border-width:1px;}
.tribox.one {position:absolute;left:0px;top:74px;width:100px;height:147px;background-color:none;}
.tribox.two {position:absolute;left:110px;top:74px;width:100px;height:126px;background-color:none;}
.tribox.three {position:absolute;left:255px;top:74px;width:100px;height:126px;background-color:none;}
.tribox.four {position:absolute;left:365px;top:74px;width:100px;height:126px;background-color:none;}
.tribox.five {position:absolute;left:502px;top:74px;width:100px;height:126px;background-color:none;}
.tribox.six {position:absolute;left:612px;top:74px;width:100px;height:126px;background-color:none;}
.scrolltext {position:absolute;top:20%;left:0px;text-align:center;width:100px;font-family:‘Unkempt’;font-size:12pt;color:black;}
/
TRI-BOX END */

/* SIX-BOX /
.box {position:relative;left:0px;width:694px;height:195px;padding:1px;margin:0px;text-align:center;font-size:130%;background-color:none;vertical-align:top;border:10px solid #004a7f}
.box.text {position:absolute;left:10px;top:10px;width:300px;height:45px;border:none;}
.box.text2 {position:absolute;left:360px;top:10px;width:300px;height:45px;border:none;}
.box.text3 {position:absolute;left:10px;top:67px;width:300px;height:45px;border:none;}
.box.text4 {position:absolute;left:360px;top:67px;width:300px;height:45px;border:none;}
.box.text5 {position:absolute;left:10px;top:122px;width:300px;height:45px;border:none;}
.box.text6 {position:absolute;left:360px;top:122px;width:300px;height:45px;border:none;}
/
SIX END */

/* NPC LINKS /
a.npcover {position:relative;display:block;width:300px;height:45px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/202393/button1.png’);background-color:none;}
a.npcover:hover {background-position:-300px 0px;}
.npctext {position:absolute;top:10%;left:0px;text-align:center;width:300px;font-family:‘Unkempt’;font-size:18pt;color:black;}
.npctext:hover {color:white;}
/
NPC LINKS END */

/* TABLE1 /
.table1 {margin:0px;padding:0px;width:100%;border:1px solid navy;
border-top-left-radius:10px;border-top-right-radius:10px;}
.table1 table{width:100%;height:100%;margin:0px;padding:0px}
.table1 tr:first-child td:first-child{
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-left-radius:9px;}
.table1 tr:first-child td:last-child{
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;}
.table1 tr:hover td{background-color:#004a7f;color:#ffffff}
.table1 td{vertical-align:middle;background-color:none;text-align:center;padding:7px;font-size:16px;font-family:Unkempt;font-weight:normal;color:#000000;border:1px solid navy;}
.table1 tr:first-child td{text-align:center;font-size:22px;font-family:Unkempt;font-weight:bold;color:#000000;background-color:#ffffff}
/
TABLE1 END */

/* THEN & NOW /
.mypcs{position:relative;left:0px;width:714px;height:223px;padding:1px;margin:0px;text-align:center;font-size:130%;background-color:none;vertical-align:top;border:0px solid black}
.mypcs.pc1 {position:absolute;left:0px;top:0px;width:175px;height:221px;border:0px solid red}
.mypcs.pc2 {position:absolute;left:179px;top:0px;width:175px;height:221px;border:0px solid yellow}
.mypcs.pc3 {position:absolute;left:358px;top:0px;width:175px;height:221px;border:0px solid red}
.mypcs.pc4 {position:absolute;left:537px;top:0px;width:175px;height:221px;border:0px solid yellow}
.mypcs.pc1.pcs1 {position:relative;display:block;width:175px;height:221px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/244094/PC_Test_Will.png’);background-color:none;}
.mypcs.pc1.pcs1:hover {background-position:-176px 0px;}
.pcs2 {position:relative;display:block;width:175px;height:221px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/244543/PC_Test_Len.png’);background-color:none;}
.pcs2:hover {background-position:-175px 0px;}
.pcs3 {position:relative;display:block;width:175px;height:221px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/244999/PC_Test_Car.png’);background-color:none;}
.pcs3:hover {background-position:-174px 0px;}
.pcs4 {position:relative;display:block;width:175px;height:221px;text-decoration: none;background:url(‘http://cdn.obsidianportal.com/assets/245201/PC_Test_Clo.png’);background-color:none;}
.pcs4:hover {background-position:-175px 0px;}
/
THEN & NOW END */

/* TABLE2 /
.table2 {margin:0px;padding:0px;width:100%;border:1px solid navy;}
.table2 table{width:100%;height:100%;margin:2px;padding:0px}
.table2 td{vertical-align:middle;background-color:none;text-align:center;padding:0px;font-size:16px;font-family:Unkempt;font-weight:normal;color:#000000;border:1px solid navy;}
.table2 td:hover{background-color:#004a7f;color:#ffffff}
/
TABLE2 END */

/* THE PARTY /
.thebox {position:relative;left:0px;top:0px;margin:2px;padding:1px;width:710px;height:700px;border:0px;}
a.thebox.bp1 {position:absolute;left:1px;top:1px;margin:0px;padding:0px;width:300px;height:300px;border:0px;background:url(‘http://cdn.obsidianportal.com/assets/244063/will_cadet.png’);}
.thebox.bp1:hover {background-position:-300px 0px;}
a.thebox.bp2 {position:absolute;left:409px;top:1px;margin:0px;padding:0px;width:300px;height:300px;border:0px;background:url(‘http://cdn.obsidianportal.com/assets/244545/len_cadet.png’);}
.thebox.bp2:hover {background-position:-300px 0px;}
a.thebox.bp3 {position:absolute;left:0px;top:399px;margin:0px;padding:0px;width:300px;height:300px;border:0px;background:url(‘http://cdn.obsidianportal.com/assets/244998/car_cadet.png’);}
.thebox.bp3:hover {background-position:-300px 0px;}
a.thebox.bp4 {position:absolute;left:409px;top:399px;margin:0px;padding:0px;width:300px;height:300px;border:0px;background:url(‘http://cdn.obsidianportal.com/assets/245098/clo_cadet.png’);}
.thebox.bp4:hover {background-position:-300px 0px;}
.partytext {position:absolute;top:2%;left:0px;text-align:center;width:300px;font-family:‘Unkempt’;font-size:24pt;color:white;}
/
THE PARTY END */

/* TABLE3 /
.table3 {margin:0px;padding:0px;width:100%;border:1px solid navy;}
.table3 table{width:100%;height:100%;margin:2px;padding:0px}
.table3 td{vertical-align:middle;background-color:none;text-align:center;padding:2px;font-size:16px;font-family:Unkempt;font-weight:normal;color:#000000;border:1px solid navy;}
/
TABLE3 */

.textbox {margin:2px;padding:1px;width:99%;border:1px solid black;;text-align:center;font-color:black;background-color:#ffebd3}

/* TABLE4 /
.table4 {margin:1px;pading:1px;width:100%;border:none;align:left;border:1px solid black;}
.table4 table {align:left;vertical-align:top;width:200px;margin:1px;padding:0px;}
.table4 th {text-align:center;font-size:13pt;background:#004a7f;color:white;border:1px solid black;border-collapse:collapse;}
.table4 td {vertical-align:top;text-align:center;padding:1px;font-family:unkempt;font-size:14px;font-weight:bold;border:1px solid black;background:white;}
/
TABLE4 */

/* TABLE LINKS /
a.tableover {position:relative;display:block;width:50px;height:50px;text-decoration: none;background:none;}
a.tableover:hover {background:#004a7f;}
.tabletext {position:relative;top:15%;left:0px;text-align:center;width:50px;font-family:‘Unkempt’;font-size:18pt;color:black;}
.tabletext:hover {color:white;}
/
TABLE LINKS END */

/* RANDOM & MISC. */
#campaign-content a.tl:link {position: relative;display:block;width:80px;height:25px;border:1px solid black;color:black;text-align:center;text-decoration:none;}
#campaign-content a.tl:hover {color:white;background:#004a7f}

#wiki-filter-by-tag-sidebar ul { max-height:110px;overflow:auto; }

div #header #logo h1 a {
background-image: url(‘http://www.obsidianportal.com/assets/logo_transparent.png’);
margin-left: 10px;}

textarea, input { color:black !important; border:solid 1px black !important;}

My CSS Code

The Hero Academy Sorceress