Jane the Virgin Wiki
Don't have an account?
Register
Advertisement
Register
Jane the Virgin Wiki
inhala • exhala
444
pages

Wikia.css

MediaWiki page
Revision as of 00:50, 27 July 2019 by Virvar (Message Wall | contribs)
Sign in to edit

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.
.WikiaPage {
    border: 1px solid blanchedalmond;
    box-shadow: 0 0 30px blanchedalmond;
}

a {
    transition: all 0.4s linear;

}
a:hover {
    color: #B385EE;
    text-decoration: none;
}

/* FONTS */
.WikiaArticle h2:not(.pi-title):not( .pi-secondary-background) {
    font-family: 'Courier New';
    margin-bottom: .6em;
    margin-top: 20px;
}
.WikiaArticle #mw-pages h3,
.WikiaPageContentWrapper .page-header__title,
.WikiaArticleComments #article-comments-counter-header,
.wds-community-header__sitename,
.wds-community-header__counter-value,
.category-page__alphabet-shortcuts,
.category-page__first-char,
.masthead-info-lower {
    font-family: 'Courier New';
}

/* ADMINS */
a[href$="/wiki/User:Virvar"],
a[href$="/wiki/Message_Wall:Virvar"] {
    color: #389CE4 !important;
    font-weight: bold !important;
    font-family: Courier New !important;
}
.comments li[data-user="Virvar"]       .edited-by:after {
   content:"(Admin)"; 
   color: black; 
   margin-left: 3px;
   padding: 0 5px;
}
.comments li[data-user="Virvar"] blockquote {
   border-color: #B385EE !important;
   background: transparent;
}
.comments li[data-user="Virvar"] blockquote:after {
   border-color: transparent #B385EE #B385EE transparent !important;
}
.comments li[data-user="Virvar"] blockquote div {
   background: transparent !important;
}
a[href$="/wiki/User:Hannamarin7"],
a[href$="/wiki/Message_Wall:Hannamarin7"],
a[href$="/wiki/User:Pj_Lol"],
a[href$="/wiki/Message_Wall:Pj_Lol"],
a[href$="/wiki/User:Powerrangerpop"],
a[href$="/wiki/Message_Wall:Powerrangerpop"],
a[href$="/wiki/User:Danielphilip10"],
a[href$="/wiki/Message_Wall:Danielphilip10"] {
    color: #B385EE !important;
    font-weight: bold !important;
}
a[href$="/wiki/User:ChicaDanesa"],
a[href$="/wiki/Message_Wall:ChicaDanesa"] {
    color: #4169E1 !important;
    font-weight: bold !important;
}

/* MODERATORS */
a[href$="/wiki/User:DeviousPeep"],
a[href$="/wiki/Message_Wall:DeviousPeep"],
a[href$="/wiki/User:Rachelkawaii"],
a[href$="/wiki/Message_Wall:Rachelkawaii"],
a[href$="/wiki/User:MasterofDisaster3"],
a[href$="/wiki/Message_Wall:MasterofDisaster3"] {
    color: #FF7F50 !important;
}

/* BORDERS */
.WikiaBarWrapper {
    background-image: none;
    box-shadow: none;
}
.WikiaFooter .toolbar,
.WikiaBarWrapper .toolbar {
    background-color: lavender;
    background-image: none;
}
.WikiaBarWrapper .wikia-bar .wikiabar-button {
    background-color: transparent !important;
    border: none !important;
}
.toolbar {
    text-transform: uppercase;
}
.mw-special-Categories .WikiaPageBackground,
.mw-special-Categories .WikiaPage,
.WikiaArticleCategories,
.article-categories,
.CategorySelect.articlePage {
    border: none;
    background: white;
    background-color: white;
}
#toc,
.toc {
    background-color: white;
    background: white;
    border: none;
}

/* CUSTOMISED USER PAGE */
/* DESKTOP XL */
/* Kudos given to "The Good Doctor" Wiki and Original Authority, who in turn thank pl.nsf.wikia.com for this */
@media only screen and (min-width:1596px) {
    .WikiaUserPagesHeader {
        margin-left: -30px !important;
        margin-right: -30px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -30px !important;
        margin-right: -30px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 205px !important;
    }
}
 
/* DESKTOP */
@media only screen and (min-width:1084px) and (max-width:1595px) {
    .WikiaUserPagesHeader {
        margin-left: -20px !important;
        margin-right: -20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 195px !important;
    }
    .speech-bubble-avatar a {
    padding-left: 0 !important;
    padding-bottom: 30px;
    background-position: 18px;
    }
    .Board .speech-bubble-avatar a {
    padding-left: 0 !important;
    padding-bottom: 30px;
    background-position: 18px;
    }
}
/* TABLET landscape */
@media only screen and (min-width:1024px) and (max-width:1083px) {
    .WikiaUserPagesHeader {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 185px !important;
    }
}
 
/* TABLET portrait */
@media only screen and (max-width:1023px) {
    .WikiaUserPagesHeader {
        margin-left: -24px !important;
        margin-right: -24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -24px !important;
        margin-right: -24px !important;
    }
 
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 199px !important;
    }
}

.WikiaUserPagesHeader {
    padding-top: 0;
    background: none;
    margin-bottom: 18px
}
.UserProfileMasthead {
    padding: 0;
}
.UserProfileMasthead .masthead-avatar {
    z-index: 1;
    left: 0px;
}
.avatar,
.User img {
    border-radius: 50%;
    border: 2px solid dodgerblue;
}
.UserProfileMasthead .masthead-avatar .avatar {
    border: none;
}
.UserProfileMasthead .masthead-info {
    background: white;
    box-shadow: none;
    margin-left: 0;
    margin-bottom: 0;
}
.UserProfileMasthead .masthead-info h1 {
    color:white;
    font-weight:bold;
    font-size:24px;
    text-shadow:0 0 30px black !important;
}

.UserProfileMasthead .masthead-info h2 {
	color:white;
	font-size:20px;
	font-weight:bold;
	text-shadow:0 0 30px black !important;
}
/*
.UserProfileMasthead .masthead-info hgroup {
    background-image:  url("");
    border-radius: 0;
}
*/
.UserProfileMasthead .masthead-info h2 {
    margin-right: 5px;
}
.UserProfileMasthead .masthead-info .tag {
	background: white;
	color:black;
    font-size: 11px;
    border-radius: 5px;
	font-weight: bold;
}
.UserProfileMasthead .masthead-info-lower:before {
    display: none;
}
.UserProfileMasthead .masthead-info h2 span {
    color:white;
}
 
/* TABS */
.WikiaUserPagesHeader .tabs {
    display: flex;
    flex-direction: row;
    border-bottom: none;
}
.WikiaUserPagesHeader .tabs li {
    border-bottom: 4px solid;
    color: #B385EE !important;
    cursor: pointer;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    flex: 1 auto;
    margin: 0;
    transition: filter 0.25s ease-out
}
.WikiaUserPagesHeader .tabs li:hover {
    color: white !important;
}
.WikiaUserPagesHeader .tabs li a {
    color: inherit;
}
.WikiaUserPagesHeader .tabs li:hover a {
    text-decoration: none;
} 
.WikiaUserPagesHeader .tabs li.selected {
    border-bottom: 4px solid white;
    color: white;
}
.WikiaUserPagesHeader .tabs li.selected a {
    border: none;
    background: none;
    color: inherit;
}

#userIdentityBoxEdit::before, #userAvatarEdit::before {
    content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 18 18\" class=\"wds-icon wds-icon-small\" id=\"wds-icons-pencil-small\" style=\"fill: black\"><path d=\"M9.1 4.5l-7.8 7.8c-.2.2-.3.4-.3.7v3c0 .6.4 1 1 1h3c.3 0 .5-.1.7-.3l7.8-7.8-4.4-4.4zm7.6-.2l-3-3c-.4-.4-1-.4-1.4 0l-1.8 1.8 4.4 4.4 1.8-1.8c.4-.4.4-1 0-1.4z\" fill-rule=\"evenodd\"></path></svg>");
    margin-right: 5px;
}
#userIdentityBoxEdit, #userAvatarEdit {
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
}
.UserProfileMasthead .user-identity-box-edit  #wds-icons-pencil,
.UserProfileMasthead .avatar-controls .edit-pencil {
    display: none;
}
.UserProfileMasthead .masthead-info .user-identity-box-edit {
    display: block;
    transition: opacity 0.15s ease-out;
    opacity: 0;
}
.UserProfileMasthead .masthead-avatar span {
    text-align: center;
    float: left;
    width: 100%;
}
.UserProfileMasthead .masthead-avatar .avatar-controls {
    display: block;
    transition: opacity 0.15s ease-out;
    opacity: 0;
    float: left;
    width: 100%;
    margin-top: 5px
}
.UserProfileMasthead .masthead-info:hover .user-identity-box-edit,
.UserProfileMasthead .masthead-avatar:hover .avatar-controls {
    display: block;
    opacity: 1
}
.UserProfileMasthead .masthead-info hgroup {
    background: #B385EE;
    overflow: visible;
}
.UserProfileMasthead .wds-dropdown__content {
    background-color: #313131;
    border-color: #484848;
    color: #D5D4D4
}
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li > a {
    color: #D5D4D4
}
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li:hover > a {
    background-color: rgba(112,184,255,0.1);
    color: white;
}
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
    background-color: #313131;
    border-color: #484848;
    color: #D5D4D4
}
.UserProfileMasthead .wds-dropdown::after {
    border-bottom-color: #313131
}
.UserProfileMasthead .wds-dropdown::before {
    border-bottom-color: #484848
}
.UserProfileMasthead button {
    background-image: none
}
.UserProfileMasthead .wds-button.wds-is-secondary {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.UserProfileMasthead .wds-button.wds-is-secondary:focus:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:hover:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:active,
.UserProfileMasthead .wds-button.wds-is-secondary.wds-is-active {
    background-color: transparent;
    border-color: #CAC6C6;
    color: #CAC6C6
}
.UserProfileMasthead .wds-button.wds-is-text {
    background-color: transparent;
    color: #D5D4D4
}
.UserProfileMasthead .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
    border-left-color: transparent;
}

.home-top-right-ads {
    display: none !important;
}
Community content is available under CC-BY-SA unless otherwise noted.
Advertisement