CSS Custom

REGNUM CSS CUSTOM CODE

Updated: February 20th, 2014

/* CHANGE LINK NAMES /
/
REMOVE CURRENT TEXT */
#campaign-nav .front-page .nav-text {font-size:0;}
#campaign-nav .forum .nav-text {font-size:0;}
#campaign-nav .adventure-log .nav-text {font-size:0;}
#campaign-nav .wiki .nav-text {font-size:0;}

/* ADD NEW TEXT /
#campaign-nav .front-page a:after {content:" About Regnum";}
#campaign-nav .forum a:after {content:" N / A";}
#campaign-nav .adventure-log a:after {content:" Journals";}
#campaign-nav .wiki a:after {content:" Campaign Home";}
/
#campaign-nav .wiki.active a:after {color: black !important;} */

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

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

/* COLLAPSIBLE NAVIGATION ROW /
/
Shift Everything Below The Banner Up */
.collapsable-nav-row {position:relative; top:-50px; left:-15px;}

/* Change Width And Background Of Navbar And Move It Up and Left */
.collapsable-nav-row .front-nav-container { width:100%;background-color: transparent;background-repeat:no-repeat;top:-10px;left:15px;}

/* SITE CONTENT */

.large-12 { top:-45px; }

.main-content-container { left:-35px; width:1000px !important; position:left;}

.module {overflow:hidden;}

.adventure-log-index .post-date, .adventure-log-show .post-date, .adventure-log-post .post-date { background-color: #8B0000; }

.recent-updates {margin-top:15px;}

.sidebar-last-updated {overflow:hidden;}

#sidebar {width:310px; z-index:2; position:absolute; left:970px; top:36px; background-color: transparent; height:100%;}

/* NEWS TICKER /
.wrapper {width:100%; Height:45px; line-height:1em; border:1px solid #aaa; margin:0 auto; overflow:hidden;background:#fff;box-shadow: 3px 3px 5px rgba(0,0,0,0.6);position:relative;top:-15px;z-index:10;}
.marquee{
position:relative;
float:left;
overflow:hidden;
}
.marquee span{font-size:17pt; padding-left:10px;
white-space: nowrap;
display:inline;
position: relative;
left:0%;
top:-28px;
margin:0;
text-transform:uppercase;
letter-spacing:1px;
font-family:Special Elite;
-moz-animation: marquee 23s infinite linear 3s;
-webkit-animation: marquee 23s infinite linear 3s;
-o-animation: marquee 23s infinite linear 3s;
animation: marquee 23s infinite linear 3s;
}
.marquee:hover span{
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.marquee span:after {content:attr(rel); display:inline; color:black; padding-left:10px;}
@-webkit-keyframes marquee{
0% {left: 0%;}
100% {left: -50%;}
}
@-moz-keyframes marquee{
0% {left: 0%;}
100% {left: -50%;}
}
@-o-keyframes marquee{
0% {left: 0%;}
100% {left: -50%;}
}
@keyframes marquee{
0% {left: 0%;}
100% {left: -50%;}
}
/
NEWS TICKER2 */
.wrapper2 {width:100%; Height:45px; line-height:1em; border:1px solid #aaa; margin:0 auto; overflow:hidden;background:#fff;box-shadow: 3px 3px 5px rgba(0,0,0,0.6);position:relative;top:-15px;z-index:10;}
.marquee2{
position:relative;
float:left;
overflow:hidden;
}
.marquee2 span{font-size:17pt; padding-left:10px;
white-space: nowrap;
display:inline;
position: relative;
left:0%;
top:-28px;
margin:0;
text-transform:uppercase;
letter-spacing:1px;
font-family:Special Elite;
-moz-animation: marquee 23s infinite linear 3s;
-webkit-animation: marquee 23s infinite linear 3s;
-o-animation: marquee 23s infinite linear 3s;
animation: marquee 23s infinite linear 3s;
}
.marquee2:hover span{
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.marquee2 span:after {content:attr(rel); display:inline; color:black; padding-left:10px;}
@-webkit-keyframes marquee2{
0% {left: 0%;}
100% {left: -50%;}
}
@-moz-keyframes marquee2{
0% {left: 0%;}
100% {left: -50%;}
}
@-o-keyframes marquee2{
0% {left: 0%;}
100% {left: -50%;}
}
@keyframes marquee2{
0% {left: 0%;}
100% {left: -50%;}
}

/* LINK CODE */
a:link, #secondary-colum a:link {color:black;text-decoration:none;font-weight:bold;}
a.character:link {color:darkRed;}
a.item:link {color:green;}
a.place:link {color:blue;}
a.see-all-wiki-pages-button.button { top:60px; }

a:visited {color:black;text-decoration:none;font-weight:bold;}
a.character:visited {color:darkRed;}
a.item:visited {color:green;}
a.place:visited {color:blue;}
h3 a:link, div.comment-count a:link {color:black; text-decoration:none;}
h3 a:visited, div.comment-count a:visited {color:black; text-decoration:none;}
span.comment-author a:link, span.comment-author a:visited {color:black; text-decoration:none;}

a:hover {color:#dddddd;}

a img { max-width:none;}

/* IMAGE CODE */
img.log {float: left; margin: 10px;}
img.log-right {float: right; margin: 10px;}

/* PAGE BODY BACKGROUND */
#content{
background-color: transparent;
background-position:center top, 0px 226px; background-repeat:repeat-y;}
table {background-color: transparent;
border:inherit;}

main.main-content {background-color:transparent;}
div.wiki-page.section {background-color:white;}
div.wiki-edit {background-color:white;background-position:25px 10px;}

/* REMOVE PAGE TITLE */
.wiki-page-name { display:none; }

/* CONTENT OPTIONS */

.multiColumnStyle6{
-moz-column-count:6;
-moz-column-gap:0px;
-moz-column-rule-width:0px;
-moz-column-rule-color:#FFFFFF;
-moz-column-rule-style:hidden;
-webkit-column-count:6;
-webkit-column-gap:0px;
-webkit-column-rule-width:0px;
-webkit-column-rule-color:#FFFFFF;
-webkit-column-rule-style:hidden;
-o-column-count:6;
-o-column-gap:0px;
-o-column-rule-width:0px;
-o-column-rule-color:#FFFFFF;
-o-column-rule-style:hidden;
column-count:6;
column-gap:0px;
column-rule-width:0px;
column-rule-color:#FFFFFF;
column-rule-style:hidden; }

.multiColumnStyle4{
-moz-column-count:4;
-moz-column-gap:0px;
-moz-column-rule-width:0px;
-moz-column-rule-color:#FFFFFF;
-moz-column-rule-style:hidden;
-webkit-column-count:4;
-webkit-column-gap:0px;
-webkit-column-rule-width:0px;
-webkit-column-rule-color:#FFFFFF;
-webkit-column-rule-style:hidden;
-o-column-count:4;
-o-column-gap:0px;
-o-column-rule-width:0px;
-o-column-rule-color:#FFFFFF;
-o-column-rule-style:hidden;
column-count:4;
column-gap:0px;
column-rule-width:0px;
column-rule-color:#FFFFFF;
column-rule-style:hidden; }

.multiColumnStyle3{
-moz-column-count:3;
-moz-column-gap:0px;
-moz-column-rule-width:0px;
-moz-column-rule-color:#FFFFFF;
-moz-column-rule-style:hidden;
-webkit-column-count:3;
-webkit-column-gap:0px;
-webkit-column-rule-width:0px;
-webkit-column-rule-color:#FFFFFF;
-webkit-column-rule-style:hidden;
-o-column-count:3;
-o-column-gap:0px;
-o-column-rule-width:0px;
-o-column-rule-color:#FFFFFF;
-o-column-rule-style:hidden;
column-count:3;
column-gap:0px;
column-rule-width:0px;
column-rule-color:#FFFFFF;
column-rule-style:hidden; }

.multiColumnStyle2{
-moz-column-count:2;
-moz-column-gap:0px;
-moz-column-rule-width:0px;
-moz-column-rule-color:#FFFFFF;
-moz-column-rule-style:hidden;
-webkit-column-count:2;
-webkit-column-gap:0px;
-webkit-column-rule-width:0px;
-webkit-column-rule-color:#FFFFFF;
-webkit-column-rule-style:hidden;
-o-column-count:2;
-o-column-gap:0px;
-o-column-rule-width:0px;
-o-column-rule-color:#FFFFFF;
-o-column-rule-style:hidden;
column-count:2;
column-gap:0px;
column-rule-width:0px;
column-rule-color:#FFFFFF;
column-rule-style:hidden; }

.borderStyle{
border:outset 5px #8B0000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px; }

.border-ridgeStyle{
border:ridge 5px #8B0000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px; }

/* TABLE CODE */

table {
background-color: transparent;
border:inherit;}

#content table {background-color: transparent; border-style: none;}
#content tr:nth-child(even) {background-color: transparent}

table td {font-size:20px;}

table {margin:0px auto;}

#content table {border-collapse:collapse;}

/* HIGH LEVEL CSS */
.flame-dragon { display:none; }
.campaign-title { display: none; }

/* Edit Button on Pages */
.icon-edit {color:#8B0000 !important;}

/* BEHIND THE SCENES */

/* REDUCE THE GAP BETWEEN THE NAVIGATION BAR AND THE CONTENT */
.main-content-container { width: 75%; padding-left: 4.2em !important; float: left !important; }

/* Editing Boxes on Dashboard */

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

input[type=“text”], input[type=“email”], input[type=“password”], input[type=“tel”], textarea {color:black; background-color: rgb(245, 245, 245);}

input[type=“text”]:focus, input[type=“email”]:focus, input[type=“password”]:focus, input[type=“tel”]:focus, textarea:focus { background-color: rgb(250, 250, 250);}

/* Clear FIX /
/
What this does is bring backgrounds, /
/
and containers past elements floating. */

.group:before
.group:after {
content: "";
display: table;
}

.group:after {
clear: both;
}

.group {
zoom: 1; table;/* IE6&7 */
}

CSS Custom

Regnum AZ_RUNE AZ_RUNE