Winx Club Wiki

Please always adding {{reflist}} after navigation templates like {{Winx}}.

READ MORE

Winx Club Wiki
Advertisement
Winx Club Wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Import fonts */
@font-face{
	font-family:"mws";
	src:url("https://images.wikia.nocookie.net/winx/images/5/51/Magic_Winx_Script.ttf");
}

/* Custom cursor */
body{
  cursor: url('https://images.wikia.nocookie.net/winx/images/2/2b/CursorWinxClubWiki.png'), auto;
}
 
a:link{
  cursor: url('https://images.wikia.nocookie.net/winx/images/2/2b/CursorWinxClubWiki.png'), pointer;
}

/**
 * turn square bullets to circles in
 * articles and comments/message wall posts
 * in the Oasis skin only
 */
.WikiaArticle ul, .SpeechBubble .speech-bubble-message ul {
    list-style-type: disc;
}

/* better background */
body.mediawiki {
        background-image: url("https://vignette.wikia.nocookie.net/winx/images/5/55/WIKI_BG.png/revision/latest?cb=20190216092429") !important;
        background-size: cover;
        background-attachment:fixed;
}

/* Border for the wiki */
.WikiaSiteWrapper .WikiaPage {
    padding-top: 0px;
}

.WikiaPage {
   border: 1px solid #F0E6FF;
  box-shadow: 0 0 5px 5px #F0E6FF;
}

/* Making everything round */
/* except the navigation bar on top */

.wikia-menu-button.secondary ul, 
.modalWrapper, 
.WikiaSpotlight, 
.WikiaPageHeader .history.hover, 
.WikiaFooter .my-tools-menu {
	border-radius: 0 0 6px 6px;
}
 
.WikiaPagesOnWikiModule, 
.WikiaActivityModule, 
.WikiaImageModule, 
#WikiaSpotlightsModule, 
.WikiaArticle .thumbinner, 
.WikiaBlogListingBox, 
.HotSpotsModule, 
.CommunityCornerModule, 
.LatestPhotosModule, 
.RelatedVideosModule,
.ChatModule,
.activityfeed .activityfeed-inserted-media li,
.WikiaPage,
.WikiaPage .WikiaPageBackground,
.WikiaArticle pre, 
.WikiaArticleCategories {
	border-radius:6px;
}

/* Customizing Tabber */
.tabbertab {
    border-top: 1.5px solid gray !important;
    border-bottom: 1.5px solid gray !important;
    border-left: 1.5px solid gray !important;
    border-right: 1.5px solid gray !important;
}
 
/* add spaces to tabview tabs */
.tabberlive > ul.tabbernav > li {
    margin-right: 2px;
}

/* not applying on the last tabview tabs */
.tabberlive > ul.tabbernav > li:last-child {
	margin-right: 0;
}
 
.tabbernav {
    background: transparent;
    border-bottom: 0 !important;
    padding: 3px 0 !important;
}
 
ul.tabbernav li a {
    background: transparent !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: 1.5px solid gray !important;
    color: #3A3A3A !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin-left: 0 !important;
    padding: 3px 0.5em !important;
    position: relative;
}
 
ul.tabbernav li.tabberactive a {
    background-color: #A366FF !important;
    border: 1.5px solid gray !important;
    color: white !important;
    cursor: default;
    font-size: 16px !important;
    font-weight: bold !important;
}
 
ul.tabbernav li.tabberactive {
    line-height: 0 !important;
}
 
ul.tabbernav li.tabberactive:first-child a {
	margin-left: 0 !important;
}
 
.tabbertab .ajax-poll {
    border: none !important;
}
 
.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
    display: block !important;
}
/* End of Customizing Tabber */

/* === Image border === */
figure.thumb {
	border-radius: 6px;
	border: 2px solid #7A21FF;
	padding: 3px;
	text-align: center;
}

figure.thumb .lazyloaded {
	border-radius: 4px;
	border: 1px solid transparent;
}

figure.thumb .caption {
	margin-top: 5px;
	border-top: 1px solid #B787FF;
	padding: 5px 0 0 3px;
	color: inherit;
	text-align: center;
}

/* remove attribution */
.WikiaArticle .article-thumb .attribution {
    display: none !important;
}

.WikiaArticle .toc {
	background: rgba(224, 204, 255, 0.75);
	border: 2px solid #B380FF;
	border-radius: 10px;
}

.WikiaRail .module,
.WikiaRail .rail-module,
.community-page-help-module,
.community-page-card-module,
.ChatEntryPoint,
.ChatModule,
.WikiaRail .WikiaArticle {
    background: rgba(224, 204, 255, 0.75);
    border: 2px solid #B380FF;
   border-radius:6px;
}

.WikiaRail .rail-module {
	margin: 0 0 30px;
	padding: 20px 15px 15px;
}

/* Hover edit mode */
h1 > .mw-editsection,
h2 > .mw-editsection,
h3 > .mw-editsection,
h4 > .mw-editsection,
h5 > .mw-editsection,
h6 > .mw-editsection {
    opacity: 0;
    transition: 0.5s;
}

h1:hover > .mw-editsection,
h2:hover > .mw-editsection,
h3:hover > .mw-editsection,
h4:hover > .mw-editsection,
h5:hover > .mw-editsection,
h6:hover > .mw-editsection {
    opacity: 1;
    transition: 0.5s;
}

/* Font */
.wds-community-header__sitename {
    flex: 1;
    font-family: 'Lobster', cursive;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    margin: 25px 0 0 18px;
    overflow: hidden;
}

.WikiaPage .page-header__title {
    font-family: 'Lobster', cursive;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}

.mw-headline {
    font-family: 'Lobster', cursive;
    font-weight: inherit;
    line-height: 1;
}

.AdminDashboardHeader {
	font-family: 'Lobster', cursive;
	font-weight: inherit;
	line-height: 1.5;
}

.AdminDashboard .admin-dashboard-content .control-section header {
	font-family: 'Lobster', cursive;
	font-style: normal;
}

.WikiaRail .rail-module h2 {
	font-family: 'Lobster', cursive;
	font-size: 16px;
	font-weight: 700;
}

/* Random stuff to make it fancy */
.wds-community-header__local-navigation [href="/wiki/Winx_Club_(Series)"] span::after,
.wds-community-header__local-navigation .wds-tabs__tab:nth-child(2) .wds-dropdown-level-2:last-child span:after,
.wds-community-header__local-navigation [href="/wiki/Fate:_The_Winx_Saga"]::after {
    content: 'new';
    position: relative;
    background-color: #FF99B8;
    top: 0;
    padding: 0 2px;
    font-size: 80%;
    font-weight: normal;
    border-radius: 4px;
    text-transform: lowercase;
    color: black;
    margin-left: 5px;
}
Advertisement