ContentsRecently Changed PagesMiyanlove WikiSandBoxNight World WikiEyeshield 21Natsume YuujinchouFairy TailBaka to Test to ShoukanjuuTemplatesTemplatesTemplate documentationCc-by-sa-3.0DocumentationTT/pieceFairuseMaking TemplatesCharacters PortalSandBoxEpisode ListingMediaAnimeFairy TailEyeshield 21Natsume YuujinchouBaka to Test to ShoukanjuuGreat Teacher Onizuka (GTO)Shingeki no KyojinMangaFairy TailEyeshield 21Natsume YuujinchouBaka to Test to ShoukanjuuShingeki no KyojinMovieMusicLaura Shigihara - Everything's AlrightLinked Horizon - Guren no YumiyaMpi - Call Your NameCommunityRecent blog postsAnimanga HubMy Wiki Lists
Miyanlove Wiki
12 Posts
Miyanlove
All Contributors
Avatar

Headings

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:

Miyanlove-headings

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;
    }
0 1
  • Upvote
  • Reply
Avatar
0

Use Ultimate CSS Gradient Generator for generating gradients.

Write a reply...