Headings can be customized by adding codes to MediaWiki:Wikia.css page.
/* Navigation menu header */
.WikiHeader {
font-family: "Bleeding Cowboys";
color:#800000;
}
.WikiHeader > nav li {
font-size: 18px;
}
.WikiHeader > nav .subnav-2 li {
font-size: 16px;
}
.WikiHeader > nav .subnav-3 li a {
font-size: 16px;
}
Customized using image
The navigation menu style customized using image File:Blood-black.png .
/*--Top navigation and buttons--*/
.WikiHeader .buttons .contribute ul li a {
padding: 5px;
}
.WikiNav .navbackground, .WikiNav .nav li.marked,
.WikiNav .nav .subnav-3 li a:hover {
background-image: url(img1.wikia.nocookie.net/__cb20140513075224/miyanlove/images/3/31/Blood-black.png );
}
.WikiNav .nav .subnav-3 li a:hover {
color: white;
}
.WikiNav .nav .subnav-3 {
margin-left: 0;
}
.WikiNav .nav .subnav {
padding: 0;
}
.WikiHeader .navbackground, .WikiHeader > nav .subnav-2 {
border-radius: 0px;
}
.WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {
border-radius: 0px;
}
.WikiHeader nav {
border-radius: 0px;
}
.WikiHeader > nav li.marked > a {
border-top: none;
}
.WikiHeader .buttons .share-button .share-dot {
background-color: #800000;
}
.WikiHeader > nav li > a {
border-left: none;
}
.WikiHeader .navbackground {
background-color:#800000;
margin-top: 0px;
}
Customized using gradient
/* Wiki Navigation Bar */
/*=====================*/
.WikiaHeader {
background-color: #800000 !important;
background-image: -moz-linear-gradient(top, #000000 20%, #800000 80%) !important;
background-image: -webkit-gradient(linear,left top, left bottom,
color-stop(80%, #000000),
color-stop(20%, #800000)) !important;
}
.WikiHeader nav {
width: auto;
height: 35px;
border-radius: 8px 8px 0px 0px;
}
.WikiHeader nav li.marked,
.WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {border-radius: 8px 8px -8px 0;}
.WikiHeader > nav .subnav-3 {border-radius: 0 8px 8px 8px;}
.WikiHeader .navbackground,
.WikiHeader > nav .subnav-2 {
background-color: #800000;
background-image: linear-gradient(top, #800000, #000000);
background-image: -o-linear-gradient(top, #800000, #000000);
background-image: -moz-linear-gradient(top, #800000, #000000);
background-image: -webkit-linear-gradient(top, #800000, #000000);
border-radius: 0 8px 8px 8px;
}
.WikiHeader > nav li.marked {
background-color: #800080;
background-image: linear-gradient(top, #000000, #800000 75%);
background-image: -o-linear-gradient(top, #000000, #800000 75%);
background-image: -moz-linear-gradient(top, #000000, #800000 75%);
background-image: -webkit-linear-gradient(top, #000000, #800000 75%);
}
.WikiHeader .navbackground {box-shadow: 1px 1px 1px #000000;}
.WikiHeader > nav li.marked > a { border-top: none; }
.WikiHeader > nav li { border-bottom: none; }
.WikiHeader .navbackground div { background-color: transparent; }
.WikiHeader a { text-decoration:none; }
.WikiHeader > nav li.marked > a {color: #FFFFFF;}
.subnav-2-item.marked2 a {text-shadow: 0 0 10px #FFFFFF 0 0 8px #FFFFFF !important;}
.WikiHeader > nav li.marked a:hover,
.WikiHeader > nav li.marked .subnav-2 > li a:hover {text-decoration: none !important;}
.WikiHeader > nav .subnav-3 li a {text-shadow: 0 0 8px #FFFFFF !important;}
.WikiHeader > nav li.marked .subnav-2 > li a {
-webkit-transition: all .4s linear 0s;
-moz-transition: all .4s linear 0s;
-ms-transition: all .4s linear 0s;
-o-transition: all .4s linear 0s;
transition: all .4s linear 0s;
}
.refpopups-box {
background: none repeat scroll 0 0 #000000 !important;
border-color: #800000 !important;
color: #00BFFF !important;
font-size: 11px !important;
}
Heading1
The heading code for this wiki uses:
h1 {
font-family:"Bleeding Cowboys";
color:#800000;
}
Effects will be seen on:
Home - the Home word on mainpage
Recent Activity & Recent Changes
Admin Dashboard
Users name on profile
Heading2
Same as Heading1, just change the code to H2:
h2 {
font-family:"Bleeding Cowboys";
color:#800000;
}
Example:
/* Heading Formats */
.WikiaArticle h2,.WikiaArticle h3 {
background: -moz-linear-gradient(left, rgba(30,87,153,1) 0px,rgba(30,87,153,1) 5px,rgba(30,87,153,0) 5px,rgba(30,87,153,0) 10px,rgba(30,87,153,1) 10px,rgba(30,87,153,1) 15px,rgba(30,87,153,0.35) 55px,rgba(30,87,153,0) 65%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(1%,rgba(30,87,153,1)), color-stop(2%,rgba(30,87,153,0)), color-stop(3%,rgba(30,87,153,0)), color-stop(4%,rgba(30,87,153,1)), color-stop(5%,rgba(30,87,153,1)), color-stop(6%,rgba(30,87,153,0.35)), color-stop(65%,rgba(30,87,153,0)));
background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0px,rgba(30,87,153,1) 5px,rgba(30,87,153,0) 5px,rgba(30,87,153,0) 10px,rgba(30,87,153,1) 10px,rgba(30,87,153,1) 15px,rgba(30,87,153,0.35) 55px,rgba(30,87,153,0) 65%);
background: -o-linear-gradient(left, rgba(30,87,153,1) 0px,rgba(30,87,153,1) 5px,rgba(30,87,153,0) 5px,rgba(30,87,153,0) 10px,rgba(30,87,153,1) 10px,rgba(30,87,153,1) 15px,rgba(30,87,153,0.35) 55px,rgba(30,87,153,0) 65%);
background: -ms-linear-gradient(left, rgba(30,87,153,1) 0px,rgba(30,87,153,1) 5px,rgba(30,87,153,0) 5px,rgba(30,87,153,0) 10px,rgba(30,87,153,1) 10px,rgba(30,87,153,1) 15px,rgba(30,87,153,0.35) 55px,rgba(30,87,153,0) 65%);
background: linear-gradient(left, rgba(30,87,153,1) 0px,rgba(30,87,153,1) 5px,rgba(30,87,153,0) 5px,rgba(30,87,153,0) 10px,rgba(30,87,153,1) 10px,rgba(30,87,153,1) 15px,rgba(30,87,153,0.35) 55px,rgba(30,87,153,0) 65%);
-webkit-transform: skew(-15deg, 0deg);
-moz-transform: skew(-15deg, 0deg);
-o-transform: skew(-15deg, 0deg);
-ms-transform: skew(-15deg, 0deg);
transform: skew(-15deg, 0deg);
margin-left: .3em;
}
.WikiaArticle h2 {
border-bottom: none;
}
.WikiaArticle h2::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #999;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.35) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.35)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient ( startColorstr='#00ffffff', endColorstr='#59ffffff',GradientType=1 );
}
.WikiaArticle h2 span.mw-headline,.WikiaArticle h3 span.mw-headline {
-webkit-transform: skew(15deg, 0deg);
-moz-transform: skew(15deg, 0deg);
-o-transform: skew(15deg, 0deg);
-ms-transform: skew(15deg, 0deg);
transform: skew(15deg, 0deg);
display: inline-block;
color: white;
font-size: x-large;
margin-left: 20px;
line-height: 1.5;
}
.WikiaArticle h3 span.mw-headline {
font-size: large;
}
.WikiaArticle h4 span.mw-headline {
font-size: large;
color: white;
line-height: 3;
}
.WikiaArticle h5 span.mw-headline {
font-size: large;
color: white;
line-height: 3;
}
.WikiaArticle h6 span.mw-headline {
font-size: medium;
color: white;
line-height: 3;
}