Wikia.css

Revision as of 03:24, 29 September 2020

/************************************************************/
/* this stylesheet applies to the new wikia / oasis skin    */
/* see also MediaWiki:Common.css                   <nowiki> */
/************************************************************/

/******************************/
/* Standardize MyStory module */
/******************************/
.WikiaRail #mystory {
    padding: 0;
}

.WikiaRail #mystory h2 {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.WikiaRail #mystory .fandom-icons {
    flex-basis: 25px;
    color: rgba(213, 212, 212, 0.9);
}

.WikiaRail #mystory .wds-midlight-aqua {
    color: #BBB271;
}

.WikiaRail #mystory .mystory--content {
    text-align: center;
    padding: 0 15px;
}

.WikiaRail #mystory .mystory--content .mystory--link {
    border-top-color: #464646;
}/**/

/***************************/
/* bug fixes for oasis.css */
/***************************/
/* broken links are once again red */
.newcategory { color: #BA0000 !important; }
/* wikia search has black text on gray background. this makes it yellow on gray */
.WikiaSearch input[type="text"] { color: #fec356 !important }
/* override the single brown border of the news */
.WikiaBlogListingBox .WikiaBlogListingPost { border-bottom: 1px solid #404040; }
/* override the new blog news listing which gives it one huge margin */
.WikiaBlogListingBox .WikiaBlogListingPost blockquote { margin: 0 0 0 5px !important; }
/* remove the black bar below the table of content */
.WikiHeader .shadow-mask { display: none; }
/* Featured Videos overlapped by Discussions Rail Module elements */
.WikiaRail .rail-module.discussions-rail-theme .embeddable-discussions-module .embeddable-discussions-show-all .wds-button,
.WikiaRail .rail-module.discussions-rail-theme .embeddable-discussions-module .avatar-container,
.WikiaRail .rail-module.discussions-rail-theme .embeddable-discussions-module .avatar-details {
    z-index: initial;
}


/* gives all polls some padding on the right so it is no longer flush against the edge */
.ajax-poll .pollAnswer { padding-right: 2em !important; }
/* makes the user preference all fit within one line so it no longer overflows when gadgets tab is present */
.tabs li a { padding-left: 8px; padding-right: 8px; }
/* removes the dark background in preferences */
fieldset { background: inherit }
/* removes the white background and replaces it with the transparent da wiki background; changes colors to grey instead of dark grey */
.AdminDashboardChromedArticle { background: url("https://images.wikia.nocookie.net/__cb20101022055407/dragonage/images/1/13/Gray24_70.png"); color: rgb(192,192,192); }
/* fix the line under the navigation */
.WikiHeaderRestyle .shadow-mask { display: none !important }
/* frontpage fix */
.WikiaBlogListingBox ul, .wikia-slideshow ul { margin-left: 0 !important }
/* read more */
.RelatedPagesModule ul {  margin: 5px 0 15px !important }
/* lists */
.WikiaArticle dd { margin-left: 1.5em }
.WikiaArticle ul { margin: 0.4em 0 0.5em 1.5em; }
/* edit notice */
.editnotice { padding: 0.5em; font-size: 9pt; margin-top: 0.5em; margin-bottom: 0.5em; }
.editnotice-talk { font-size: 9pt; }
/* Gallery in categories */
.WikiaArticle ul.gallery { margin: 0em; }
li.gallerybox { border: 1px solid #464646; background: #0B0B0B; }
li.gallerybox > * > div.thumb { background: inherit }
/* History diff */
#pagehistory li.selected { background: #1d1d1d; border: 1px dashed #999 }
#pagehistory li { border: 0; }
span.autocomment { color: #AAA }
/* Show changes preview */
table.diff, td.diff-otitle, td.diff-ntitle { background: inherit !important }
td.diff-context { background: #3E3E3E !important; color: #d5d4d4 !important }

/* Edit notice */
.mw-custompreload ul, .mw-editnotice ul { margin-left: 1.5em; list-style: square }
/* External links */
.WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { color: rgb(254,195,86); background: url("https://images.wikia.nocookie.net/dragonage/images/4/44/External.png") no-repeat scroll right center transparent; padding-right: 5px; }

/**********/
/* search */
/**********/
/*#WikiaSearch { border: 1px solid rgb(0, 0, 0); background: transparent; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, black 100%); -moz-border-radius: 0.5em; -moz-box-shadow: 1px 1px 4px black; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(100%, black)); -webkit-border-radius: 0.5em; -webkit-box-shadow: 1px 1px 4px black; border-radius: 0.5em; box-shadow: 1px 1px 4px black; }
#WikiaSearch input[type="text"] { border: none; background-color: transparent; }
#WikiaSearch button { width: 25px; background: transparent; text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(190,124,1); -moz-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 7px; -webkit-border-radius: 3px; border-radius: 3px; }
#WikiaSearch button:hover { background-image: -moz-linear-gradient(bottom, rgb(233,152,1) 0, rgb(254,210,129) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(233,152,1)), color-stop(100%, rgb(254,210,129))); color: rgb(233,152,1); }
#WikiaSearch button img { position: absolute; top: 2px; left: 2px; } */

/**********/
/* forums */
/**********/
.forum_header { }
.forum_header>div:first-child { float: left; width: 56px; height: 56px; }
.forum_header>div:last-child { padding: 12px 0; }
.forum_header>div:last-child>div { width: 100%; border: 1px solid black; padding: 0.4em 0em 0.4em 0em; margin: 0; font-weight: bold; vertical-align: baseline; background: transparent; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, black 100%); -moz-border-radius: 1em; -moz-box-shadow: 1px 1px 4px rgb(24, 24, 24); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(100%, black)); -webkit-border-radius: 10px; -webkit-box-shadow: 1px 1px 4px rgb(24, 24, 24); border-radius: 10px; box-shadow: 1px 1px 4px rgb(24, 24, 24); }

/* Userpage */
.WikiaUserPagesHeader { background: inherit }

/**********************/
/* portable infoboxes */
/**********************/
.portable-infobox {
    border-width: 1px;
    border-style: solid;
    border-collapse: separate;
    border-spacing: 2px 2px;
    padding: 0px;
    width: 275px;
    margin-bottom: 1em;
    margin-left: 1em;
}
.portable-infobox .pi-background {}
.portable-infobox .pi-title,
.portable-infobox .pi-navigation,
.portable-infobox .pi-header {
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
    text-align: center;
}
.portable-infobox .pi-item, .portable-infobox .pi-navigation {
    margin: 2px;
}
.portable-infobox .pi-image {
    border-width: 1px;
    border-style: solid;
    padding: 4px;
}
.portable-infobox .pi-item-spacing {
    padding: 0 !important;
}
.portable-infobox .pi-data .pi-data-label,
.portable-infobox .pi-horizontal-group-item.pi-data-label {
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    color: #ffffff;
    text-align:right;
    line-height: 1.2em;
    width: 95px;
}
.portable-infobox.pi-theme-dao {
    border-color: #523F35;
    background: #131313;
}
.portable-infobox.pi-theme-dao .pi-background {}
.portable-infobox.pi-theme-dao .pi-title,
.portable-infobox.pi-theme-dao .pi-navigation,
.portable-infobox.pi-theme-dao .pi-header, 
.portable-infobox.pi-theme-dao .pi-data .pi-data-label,
.portable-infobox.pi-theme-dao .pi-horizontal-group-item.pi-data-label {
    border-color: #523F35;
    background-image: url("https://images.wikia.nocookie.net/dragonage/images/6/65/SplatterBackground.jpg");
    color: #ffffff;
}
.portable-infobox.pi-theme-dao .pi-image {
    border-color: #523F35;
}

.portable-infobox .pi-image-thumbnail {
    width: 100%;
    height: auto;
}

/* [[Template:Image]] */
.portable-infobox.type-image.pi-background {
    background-color: transparent;
}

.portable-infobox.type-image .pi-image,
.portable-infobox.type-image {
    border: none;
}

.portable-infobox.type-image .pi-caption {
    font-style: normal;
    line-height: 16px;
    margin-top: 4px;
}

/* Grid Presentation */
.grid-presentation {
    display: grid;
    grid-template: repeat(2, min-content) / 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: space-around;
    padding-bottom: 5px;
}

.grid-presentation dl,
.grid-presentation ul,
.grid-presentation ol {
    margin-top: 0;
    margin-bottom: 0;
}

/* DLs as UL/OL headings */
.WikiaArticle dl {
    margin-bottom: 0;
}

.WikiaArticle dl + *:not(ul) {
    margin-top: 1em;
}

.WikiaArticle dl + ul,
.WikiaArticle dl + ol {
    margin-top: 0;
}

/* Quote template */
.WikiaArticle cite {
    font-size: 9pt;
}

.WikiaArticle cite.l {
    display: inline-block;
    margin-left: 5pt;
}

.WikiaArticle div.quote {
    margin: 0 2em;
}