How to Improve your wiki

## use this in wikia.css

```
/\* Modern Profile \*/
@import url('/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css');
/\* MBOX \*/
.messagebox
.mbox {
 border-color: lime;
 background-color: yellow;
 border-radius: 20px;
}
/\* Admin usernames \*/
a[href$="USERNAME"]{
color: #fcde17 !important;
font-weight: bold !important;
font-size: 100%;
font-family: 'Balsamiq Sans' !important;
background: -webkit-linear-gradient(#fff200,#66ffd9,#00E9FF) !important;
background-color: #33ccff !important;
border:1px solid blue;
border-radius: 20px;
text-shadow:2px 2px 20px #66ffff;
}
/\* Links \*/
a {
 transition: all linear .3s;
 -o-transition: all linear .3s;
 -ms-transition: all linear .3s;
 -moz-transition: all linear .3s;
 -khtml-transition: all linear .3s;
 -webkit-transition: all linear .3s;
 text-shadow: 0 -15px 2.5px transparent,
 0 15px 2.5px transparent;
}
a:hover {
 text-shadow: 0 0 3.5px rgba(131, 66, 244, .5),
 0 0 3.5px rgba(131, 66, 244, .5);
 color: #66ffd9 !important;
 text-decoration: none;
 -webkit-transition: all .2s linear 0s;
 -moz-transition: all .2s linear 0s;
 -ms-transition: all .2s linear 0s;
 -o-transition: all .2s linear 0s;
 transition: all .2s linear 0s;
}

a:active {
 text-shadow: 0 0 3.5px rgba(131, 66, 244, .5);
 color: #66ffd9 !important;
 text-decoration: none;
 text-shadow: 0 0 3.5px rgba(131, 66, 244, .5), 0 0 2.5px;
}

.WikiaPage a:active {
 color: #66ffd9 !important;
 text-decoration: none;
 text-shadow: 0 0 2.5px rgba(131, 66, 244, .5), 0 0 2.5px;
}
.selflink {
 color: black !important;
}
.selflink a:hover
.selflink a:active {
 color: black !important;
 text-decoration: none;
}
/\* Character Tab (DEmersonJMFM and TLH Wiki) \*/
.CharacterTab {
 text-align: center;
 font-weight: bold;
 margin-left: 5px;
}

.CharacterTab-Tab .selflink,
.CharacterTab-Tab a:hover {
 color: lightblue;
}

.CharacterTab {
 float: left;
 margin-right: 2px;
 padding: 5px 0;
 width: auto;
 border: 2px solid black;
 border-bottom: none;
}

.CharacterTab-Line {
 clear: both;
 width: 100%;
 padding-bottom: 2px;
 border-top: 2px solid #000000;
}

.CharacterTab-General .CharacterTab-Tab

.page-Template\_CharacterTab .CharacterTab-Tab
.page-Template\_CharacterTab\_doc .CharacterTab-Tab {

padding: 5px 15px;

}

/\* Modules (Inspried by OK K.O.! Wiki & Steven Universe Wiki) \*/
.WikiaRail .rail-module,
.community-page-help-module,
.community-page-card-module,
.ChatEntryPoint,
.ChatModule,
.WikiaRail .module,
.WikiaArticle .thumbinner,
.WikiaArticleCategories,
.WikiaImageModule {
border: 1px solid #66FFD9;
background: #00E9FF !important;
border-radius: 10px;
}
.WikiaRail .rail-module {
margin: 0 0 15px 0;
}
.WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar, .community-page-rail-module .wds-avatar {
border-color: #66FFD9 !important;
}
.WikiaRail .rail-module h2 {
border-bottom:2px #66FFD9;
}
.FollowedPagesModule li {
 border-color:#66FFD9 !important;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary {
background:#66FFD9;
color:white !important;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:hover {
background:#66FFD9 !important;
border-color:#66FFD9 !important;
color:white !important;
text-shadow: 0 0 2.5px white 2.5px white !important;
}
.WikiNav .nav .subnav-2 li.marked2 .subnav-2a,
.WikiNav .nav-2 li.marked2 .subnav-2a > a {
color: #66FFD9;
}
#WikiaRail .rail-module a.edit-info-user,
#WikiaRail .rail-module {
color: #66FFD9;
}
.WikiaRail .rail-module h2.has-icon svg {
fill: #66FFD9;
}
.module span,
.module h1,
.module p,
.module h2,
.module li {
color: #66FFD9;
}
.module a,
.community-page-card-module .community-page-card-module-full-list-link {
color: #66FFD9;
}
.community-page-rail-module {
border-top: 1px #66FFD9 !important;
}
.community-page-rail-module .wds-avatar {
border-color: #66FFD9 !important;
}
.WikiaRail .module h2 {
border-bottom: 2px #66FFD9;
font-size: 16px;
font-weight: bold;
min-height: 30px;
margin-bottom: 16px;
padding-left: 2px;
}
.UserProfileMasthead .wikis span,
.UserProfileMasthead .details span {
color: #66FFD9;
}
.tally {
color: #66FFD9;
}
.UserProfileMasthead .details li,
.UserProfileMasthead .wikis ul li a {
color: #66FFD9;
font-weight: 400;
}
.UserProfileMasthead .tally a {
color: #66FFD9;
font-weight: 400;
}
.UserProfileMasthead .discussion-details {
border-top: 1px solid #66FFD9;
padding-top: 10px;
}
.UserProfileMasthead .globaledit-details {
border-top: 1px solid #66FFD9;
padding-top: 10px;
}
.WikiaUserPagesHeader {
background: linear-gradient(0deg,#66FFD9,#00E9FF);
}

```

## Use This in common.css

```
/\* font import \*/

/\* imports from wikis \*/
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabviews.css&only=styles");
@import url("u:maomao:MediaWiki:Common.css|u:mighty-magiswords:MediaWiki:Common.css|u:maomao:MediaWiki:Wikia.css|u:mighty-magiswords:MediaWiki:Wikia.css");
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabbers.css&only=styles";
/\* Pencil edit \*/
sprite.edit-pencil {
background: url('https://vignette.wikia.nocookie.net/the-adventures-of-elements/images/d/d2/Edit.png') no-repeat !important;
}

/\* Font style \*/
.category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select {
font-family: 'Nunito' !important;
}

body {
 font-family: 'Comfortaa' !important;
 color: white !important;
}
.WikiaPage {
font-family: 'Comfortaa' !important;
color: white !important;
}

.WikiaRail {
 font-family: 'Nunito' !important;
 color: white !important;
}
.wds-community-header .wds-dropdown\_\_content{
 font-family: 'Comfortaa' !important;
 color: white !important;
}

/\* Category add notice (From The Family Guy Wiki) \*/
.CategorySelect.editMode > .toolbar:before {
display: block;
content: "Please consult an administrator before adding a category to an aricle.";
float: left;
color: #000;
line-height: 1.7em;
}

/\* Forum formatting (by -Algorithm & -Splaka) \*/
.forumheader {
border: 1px solid #aaa;
margin-top: 1em;
padding: 12px;
}
.forumlist td.forum\_edited a {
color: black;
text-decoration: none;
}
.forumlist td.forum\_title a {
padding-left: 20px;
}
.forumlist td.forum\_title a.forum\_new {
font-weight: bold;
background: url(https://vignette.wikia.nocookie.net/the-adventures-of-elements/images/8/88/Ryan2.png) center left no-repeat;
padding-left: 20px;
}
.forumlist td.forum\_title a.forum\_new:visited {
font-weight: normal;
background: none;
padding-left: 20px;
}
.forumlist th.forum\_title {
padding-left: 20px;
}

/\* Gallery Spin, thanks Archieverse Wiki for this code! \*/

#imagespin img {

-webkit-transition: -webkit-transform 0.8s ease-in-out;

transition: transform 0.8s ease-in-out;

}

#imagespin img:hover {

-webkit-transform: rotate(360deg);

transform: rotate(360deg);

}

/\* Wordmark animation \*/

.wds-community-header\_\_wordmark:hover {
 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;

 transform: translate3d(0, 0, 0);

 backface-visibility: hidden;

 perspective: 1000px;

 }

@keyframes shake {

 10%, 90% {

 transform: translate3d(-1px, 0, 0);

 }

 20%, 80% {

 transform: translate3d(2px, 0, 0);

 }

 30%, 50%, 70% {

 transform: translate3d(-4px, 0, 0);

 }

 40%, 60% {

 transform: translate3d(4px, 0, 0);

 }

}

/\*Customizing Profile Tabs (From Glitchtale Wiki)\*/
.WikiaUserPagesHeader .tabs li {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 display: inline-block;
 position: relative;
 vertical-align: middle;
}
.WikiaUserPagesHeader .tabs li a {
 background: #33FFCC !important;
 border: 4px solid #99ff99 !important;
 border-radius: 0 !important;
}
/\* Arrow Animations + Dropdown Styling \*/
#wds-icons-dropdown-tiny {
transition: transform cubic-bezier(0.66,0.52,0.26,1) 0.35s;
}

#wds-icons-dropdown-tiny:hover {

 transform: rotate(180deg)
}

.wds-dropdown\_\_content .wds-list.wds-is-linked>li > a svg {
 transition: transform cubic-bezier(0.6, 1.8, 0.6, 0.8) 0.4s;
}

.wds-community-header .wds-dropdown\_\_content .wds-list.wds-is-linked li:hover > a svg {
 transform: rotate(90deg);
}

.WikiaFooter .toolbar .tools .arrow-icon-single, .WikiaBarWrapper .toolbar .tools .arrow-icon-single:hover {
transform: rotate(180deg);
margin-left: 0px;
}

#wds-icons-dropdown-tiny {
 transition: transform cubic-bezier(0.66, 0.52, 0.25, 1.25) 0.25s;
}
#wds-icons-dropdown-tiny:hover {
 transform: rotate(180deg);
}
.wds-community-header .wds-community-header\_\_sitename a {
 font-family:'Comfortaa';
 font-weight: 100;
 letter-spacing:2px;
 transition: .5s ease;
}
.wds-community-header\_\_wordmark img {
 transition: .2s ease;
}
.wds-community-header\_\_wordmark img:hover {

 transform:scale(1.05);
 transition: .2s ease;
}
.WikiaPage .page-header\_\_title {
 font-family: 'Nunito';
 letter-spacing:1.5px;
}
.wds-community-header\_\_local-navigation {
 font-family: 'Nunito';
}
.wds-community-header .wds-community-header\_\_counter {
 font-family:'Nunito';
}
/\*\* Dropdown Slide \*\*/
.wds-dropdown.wds-has-dark-shadow .wds-dropdown\_\_content, .wds-dropdown.wds-has-shadow .wds-dropdown\_\_content, .WikiaPage .page-header .wds-dropdown\_\_content, .wds-tabs\_\_tab .wds-dropdown\_\_content, .pi-section-tab .wds-dropdown\_\_content, .wds-community-header .wds-dropdown\_\_content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2\_\_content, .wds-community-header .wds-dropdown\_\_content {
border: 0 !important;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.wds-dropdown.wds-is-active:not(.wds-no-chevron)::after, .wds-dropdown.wds-is-active:not(.wds-no-chevron)::before, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::after, .wds-dropdown:not(.wds-is-touch-device):hover:not(.wds-no-chevron)::before {
display: none !important;
}

.wds-dropdown.wds-has-dark-shadow .wds-dropdown\_\_content, .wds-dropdown.wds-has-shadow .wds-dropdown\_\_content, .WikiaPage .page-header .wds-dropdown\_\_content, .wds-tabs\_\_tab .wds-dropdown\_\_content, .pi-section-tab .wds-dropdown\_\_content, .wds-community-header .wds-dropdown\_\_content {
animation: slideDownFade 0.2s ease normal;
}

@keyframes slideDownFade {
0%{opacity: 0; margin-top: -10px;}
100%{opacity: 1; margin-top: 0px;}
}

.wds-community-header .wds-dropdown\_\_content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2\_\_content {
animation: slideLeftFade 0.2s ease normal;
}

@keyframes slideLeftFade {
0%{opacity: 0; margin-left: -10px;}
100%{opacity: 1; margin-left: 0px;}
}
/\* Popovers \*/
.popover .arrow, .tooltip .tooltip-arrow, .badgetooltip .badgetooltiparrow {
 display: none;
}
.popover .popover-inner, .tooltip .tooltip-inner, .badgetooltip .badgetootipwindow, .FounderProgressList .activities .activity .activity-description .description, .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu, .UserProfileMasthead .masthead-avatar .avatar-controls span, #WikiaAdInContentPlaceHolder .wikia-ad:not(.hidden)::before, .WikiaArticle.floating #INCONTENT\_WRAPPER #INCONTENT\_PLAYER:not(.collapsed)::after, .WikiaArticle #INCONTENT\_WRAPPER #INCONTENT\_PLAYER:not(.collapsed)::after, .ThemeDesignerPicker {
 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
 animation: slideLeftFade 0.5s ease;
 font-size: small;
}

.popover .popover-inner .popover-content {
 background: none !important;
}

```