Board Thread:CSS and JS/@comment-6069990-20141122063931

Headings can be customized by adding codes to MediaWiki:Wikia.css page.

Navigation Menu Header
/* 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(http://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 style from UrbanTerror
/* 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; }  