Rise of Asmodeus Reforged CSS

Change the Text on the Nav Bar Links

/Change Link Names/
/remove current text/
#campaign-nav .adventure-log .nav-text {font-size:0;}
#campaign-nav .wiki .nav-text {font-size:0;}
#campaign-nav .characters .nav-text {font-size:0;}
#campaign-nav .items .nav-text {font-size:0;}

/add new text/
#campaign-nav .adventure-log a:after {content:“Adventure Tales”;}
#campaign-nav .wiki a:after {content:“Watch Reports”;}
#campaign-nav .characters a:after {content:“Heroes & Villains”;}
#campaign-nav .items a:after {content:“Gear”;}

Make the Nav Bar Horizontal

/Horizontal Navigation Bar/
/Extra space for Links/
.nav-links li a {margin: 0 8px 0 0;}

/Change Dimensions and Position of Nav Bar/
#campaign-nav {width:100%;
position:relative;
}

/Remove Background Color from Nav Bar/
.campaign-public-layout #campaign-nav {
background-color:transparent;
}

/Move Nav Bar Up/
.collapsable-nav-row .front-nav-container {
width:100%;
top:-30px;
background-repeat:no-repeat;}

/Float Nav Bar to Make it Horizontal/
#campaign-nav ul li {display:inline;float:left;}

/Remove Triangle after Active Page Link/
.campaign-public-layout #campaign-nav li.active:after {
content: none;}

Horizontal Nav Bar with Background Graphics Instead of Text

Keep in mind that the dimensions are purely what I am using for my graphics, so yours will be different.

/NAVIGATION BAR/

/Change Height of Links/
.campaign-public-layout #campaign-nav li a {
height:68px;
}

/Remove Link Text and Add Image/
#campaign-nav .dashboard a {
font-size: 0;
width: 132px;
height: 68px;
background-image: url(http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .front-page a {
font-size: 0;
width: 81px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .forum a {
font-size: 0;
width: 80px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .calendar a {
font-size: 0;
width: 114px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .adventure-log a {
font-size: 0;
width: 125px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .wiki a {
font-size: 0;
width: 59px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .characters a {
display: block;
font-size: 0;
width: 137px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .items a {
display: block;
font-size: 0;
width: 74px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .maps a {
display: block;
font-size: 0;
width: 76px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

#campaign-nav .settings a {
display: block;
font-size: 0;
width: 102px;
height: 68px;
background-image: url(http://http://Your.URL/Image.jpg);
background-repeat:no-repeat;
}

/Change Nav Bar Dimensions/
#campaign-nav {
height:90px;
position:relative;
}

/Remove Background Color from Nav Bar/
.campaign-public-layout #campaign-nav {
background-color:transparent;
}

/Add Background To Nav Bar/

.collapsable-nav-row {
position:relative;
top:-20px;
}

.collapsable-nav-row .front-nav-container {
width:100%;
background-image:url(http://db4sgowjqfwig.cloudfront.net/assets/254249/navbarbottom.png);
background-repeat:no-repeat;
top:-10px;
left:15px;}

Misc Stylings

/HOME PAGE STYLES/
/remove user pic on front page/
.user-container { display: none;
}

/ALL PAGES MISC/

/Change main content width/
#content .main-content-container {width:765px;}

/Change Link Hover Color and Add Underline/
#content .main-content-container a:hover{
text-decoration:underline;
color:#990000;
}

/Remove Campaign Title/
.campaign-title {display:none;}

/Create class to add Dropcaps to first letter of a paragraph/
p.dropcap:first-letter {
float: left;
color: #800000;
font-size: 50px;
line-height: 40px;
padding-top: 3px;
padding-right: 7px;
padding-left: 3px;
font-family: Georgia;
}

Add Background To Right Sidebar Items

/STYLE RIGHT SIDEBAR/
/change font/
#sidebar {font-family: Bilbo;}

/add background/
#sidebar .sidebar-party-members, .sidebar-last-updated, #sidebar .sidebar-quick-stats, #sidebar fan-counter-container, #sidebar .stream-module-container, #sidebar .adventure-log-index-filter {background-image: url(http://Your.Image.Url/image.jpg),
url(http://Your.Image.Url/image.jpg),
url(http://Your.Image.Url/image.jpg);
background-position:center top, center bottom, center top;
background-repeat:no-repeat, no-repeat, repeat-y;
border-style:none;
background-color:transparent;
padding:5px;}

Add Parchment Background to Adventure Logs

/STYLING FOR ADVENTURE LOGS/

/Shift Overflow Fade Over on Adventure Log Teaser Page so it covers the whole preview/
.adventure-log-index .overflow-fade-out {
left: -50px;}

/Change padding on Adventure Log Content/
body.campaign-public-layout .adventure-log-post-container .post-section {
padding: 17px 0 34px 2px;
margin-bottom: 30px;
}

/Add parchment background to post body/
.post-content {width:730px;}
.post-content, .parchment-bkg {
margin-bottom:20px;
background-image: url(http://Your.Image.Url/image.jpg), url(http://Your.Image.Url/image.jpg), url(http://Your.Image.Url/image.jpg);
background-position:center top, center bottom, center top;
background-repeat: no-repeat, no-repeat, repeat-y;
border-style:none;
background-color:transparent;
padding: 40px 40px 30px 40px;
color:#331A00;
}

More Misc Styles

/CHARACTER SPECIFIC ADVENTURE-LOG/

/Adds individual fonts for each character’s adventure log entries/
.will {
font-family: Sofia;
font-size:13pt;
line-height:1.2em;
font-weight:normal;
}

/WIKI PAGES/
/remove page title/
.wiki-page-name {
display:none;
}

Rise of Asmodeus Reforged CSS

Greyhawk 636 CY: The Rise of Asmodeus Davidnic Davidnic