(Whatever I made looks pretty cool, but, uh, no ... Undo revision 6675 by Dragonleaf5678 (talk)) Tag: sourceedit |
No edit summary Tag: sourceedit |
||
| Line 939: | Line 939: | ||
margin: 50px 0 70px 65px; |
margin: 50px 0 70px 65px; |
||
} |
} |
||
| + | |||
| + | .WikiHeader > nav .subnav-2 li .subnav-2a { |
||
| + | z-index: 100; |
||
| + | display: block; |
||
| + | border: 1px solid transparent; |
||
| + | margin: 2px 0px 0px 3px; |
||
| + | height: 25px; |
||
| + | border-right: 1px solid #65a1c6; |
||
| + | } |
||
Revision as of 19:11, 31 January 2016
/**
* Fonts
* FULL LIST: http://fancreations.wikia.com/wiki/MediaWiki%3ACommon.css **/
/***
--Google Font imports
--@TODO: Shorten the list by adding more separate links,
and complete the list at http://www.google.com/fonts
***/
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker|Open+Sans|Ubuntu|Roboto|Oswald);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=PT+Serif);
/* Kenia font - install */
/* latin-ext */
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 400;
src: local('Helvetica Neue'), local('HelveticaNeue'), url(http://fonts.gstatic.com/l/font?kit=Lx1xfUTR4qFjwg0Z_pb90zngzSG_G4Cun8mgt4FZBAE&skey=4ad46dd97873f7d7) format('woff2');
}
/* latin */
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 400;
src: local('Helvetica Neue'), local('HelveticaNeue'), url(http://fonts.gstatic.com/l/font?kit=Lx1xfUTR4qFjwg0Z_pb902lgtcQKNFrDLaxj-COrDO0&skey=4ad46dd97873f7d7) format('woff2');
}
@font-face {
font-family: "Slabo 27px";
font-style: normal;
font-weight: 400;
src: local("Slabo 27px"), local("Slabo27px-Regular"), url("http://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7fk_vArhqVIZ0nv9q090hN8.woff2") format("woff2"), url("http://fonts.gstatic.com/s/slabo27px/v3/PuwvqkdbcqU-fCZ9Ed-b7RsxEYwM7FgeyaSgU71cLG0.woff") format("woff");
}
@font-face {
font-family: "OpenSansCondensedLight";
font-style: normal;
font-weight: normal;
src: url("http://va1en.sftcdn.net/shared/font/en/OpenSans-CondLight-webfont.woff");
}
@font-face {
font-family: "OpenSansCondensedBold";
font-style: normal;
font-weight: bold;
src: url("http://va1en.sftcdn.net/shared/font/en/OpenSans-CondBold-webfont.woff");
}
/**--
* main text font
* IN THIS SECTION INCLUDES:
@FONT WEIGHTS OF ARTICLE HEADLINES
@CHANGING FONT COLOR AND FONT FAMILY
--**/
body {
font-family: 'Helvetica', sans-serif;
color: #000;
}
/* FONT SIZE -- NOW INACTIVE
#mw-content-text {
font-size: 13px;
line-height: 21px;
font-family: 'FreeSans', Helvetica, sans-serif;
color: #000;
} */
.mw-headline {
font-family: 'PT Serif';
}
h3 .mw-headline,
h4 .mw-headline,
h5 .mw-headline,
h6 .mw-headline {
font-weight: bold;
font-family: 'PT Serif';
}
h3 .mw-headline {
font-size: 90%;
}
h4 .mw-headline {
font-size: 80%;
}
h5 .mw-headline {
font-size: 70%;
}
h6 .mw-headline {
font-size: 60%;
}
.WikiaPage {
color: #000;
}
/* Just in case it's ever wanted again
.WikiaRail .module h2 {
font-family:'OpenSansCondensedBold', 'OpenSansCondensedLight', 'Ubuntu', 'Open Sans', 'Roboto', 'Helvetica Neue';
}
.WikiaRail .module h1 {
font-family:'OpenSansCondensedBold', 'OpenSansCondensedLight', 'Ubuntu', 'Open Sans', 'Roboto', 'Helvetica Neue', 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', 'Verdana', 'URW Gothic L', 'Nimbus Sans L';
} */
.modalWrapper {
color: #000;
}
.WikiaArticleComments .sub-comments .article-comm-text {
color: #000;
}
.SpeechBubble .speech-bubble-message p {
color: #000;
}
.SpeechBubble .edited-by {
color: #000;
}
.SpeechBubble .permalink {
color: #000;
}
.Wall .comments .SpeechBubble .msg-title a {
color: #000;
}
/*--
* Navboxes
* THIS ENTIRE SECTION INCLUDES CSS REGARDING NAVBOXES, AMBOXES AND OTHER BOXES
--**/
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px;
}
.navbox-title, .navbox-abovebelow, table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-group {/* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
/** no bg for you **/ /* Level 2 color */
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
.collapseButton {/* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* MediaWiki:Common.jsare styled here */
text-align: right; /* so they can be customised. */
width: auto;
} .navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from Template:Tnavbar, */
} /* so they need to be the same width. */
.navbox-abovebelow {
background-color:#FFDBAE !important;
}
/* Article message box styles */
table.ambox {
margin: 0 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
} table.ambox + table.ambox {/* Single border between stacked boxes. */
margin-top: -1px;
} .ambox th.mbox-text, .ambox td.mbox-text {/* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
} .ambox .mbox-image {/* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
} .ambox .mbox-imageright {/* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
} .ambox-speedy {
border-left: 10px solid #b22222; /* Red */
background: #fee; /* Pink */
} .ambox-delete {
border-left: 10px solid #b22222; /* Red */
} .ambox-content {
border-left: 10px solid #f28500; /* Orange */
} .ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
} .ambox-move {
border-left: 10px solid #9932cc; /* Purple */
} .ambox-protection {
border-left: 10px solid #bba; /* Gray-gold */
}
/* other pages message box styles */
.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; /* Default "notice" gray */
background: #f9f9f9;
} .ombox-notice {
border: 1px solid #aaa; /* Gray */
} .ombox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
} .ombox-delete {
border: 2px solid #b22222; /* Red */
} .ombox-content {
border: 1px solid #f28500; /* Orange */
} .ombox-style {
border: 1px solid #f4c430; /* Yellow */
} .ombox-move {
border: 1px solid #9932cc; /* Purple */
} .ombox-protection {
border: 2px solid #bba; /* Gray-gold */
}
/** <nowiki>
* CSS for [[MediaWiki:Gadget-Timer.js]]
*
* @author Cqm
*/
#show-date {
color: #000;
font-size: 12px;
font-weight: bold;
/* for monobook */
text-transform: none;
}
.oasis-timer {
margin-top: -18px;
padding-right: 110px;
list-style-type: none;
}
/**
* Reference tooltips
*/
/* Settings link */
#rsw-config-open {
float: right;
font-size: smaller;
}
/* Tooltip */
.rsw-tooltip {
position: absolute;
z-index: 5;
border: #438ab5 2px solid;
max-width: 260px;
padding: 10px 8px 13px 8px;
margin: 0px;
background-color: #fff;
-moz-box-shadow: 2px 4px 2px rgba( 0, 0, 0, 0.3 );
-webkit-box-shadow: 2px 4px 2px rgba( 0, 0, 0, 0.3 );
box-shadow: 2px 4px 2px rgba( 0, 0, 0, 0.3 );
/* hard code in as there's variations between basic font-size on monobook and oasis */
font-size: 10px;
line-height: 12px;
}
#rsw-tooltip-settings {
float: right;
width: 16px;
height: 16px;
background-image: url( "//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png" );
margin-top: -9px;
margin-right: -7px;
opacity: 0.6;
}
#rsw-tooltip-settings:hover {
opacity: 1;
}
/* Config form */
#rsw-config {
/* why would you give something a z-index of 200m? */
z-index: 200000002;
position: fixed;
font-size: 12px;
border-width: 5px;
border-style: solid;
border-color: #aaa;
border-color: rgba( 170, 170, 170, 0.8 );
width: 500px;
color: #3a3a3a;
background-color: #fff;
-webkit-box-shadow: 0 10px 60px 0px #aaa;
box-shadow: 0 10px 60px 0px #aaa;
}
#rsw-config-header {
background-color: #f9f9f9;
padding: 5px;
border-bottom: 1px solid #ccc;
font-size: 16px;
}
#rsw-config-title {
font-weight: bold;
}
#rsw-config-close {
float: right;
width: 17px;
height: 19px;
display: block;
background: #438ab5 url( "http://slot1.images.wikia.nocookie.net/__cb62188/common/skins/oasis/images/icon_close.png" ) center center no-repeat;
cursor: pointer;
opacity: 0.6;
}
#rsw-config-close:hover {
opacity: 1;
}
#rsw-config-body {
padding: 5px;
height: 120px;
}
#rsw-config-disable {
width: 100%;
margin-bottom: 5px;
line-height: normal;
}
#rsw-config-note {
padding-bottom: 3px;
border-bottom: 1px solid #ccc;
font-size: smaller;
text-align: center;
}
#rsw-config-footer {
border-top: 1px solid #ccc;
background-color: #f9f9f9;
height: 28px;
padding: 3px;
}
#rsw-config-save {
float: right;
line-height: normal;
}
#rsw-config-background {
top: 0;
left: 0;
z-index: 200000001;
position: absolute;
opacity: 0.65;
background-color: #fff;
}
.reference:target, .citation:target {
background-color: #e2edf3;
}
.reference a {
white-space: nowrap;
}
/* Changing TOC background */
.WikiaArticle .toc {
background-color: #f7f7f7;
border-color: #ccc;
}
/* EditPageHeader and AdminDashboardHeader colour adjustments */
.AdminDashboardHeader h1 {
background-color: #fff;
color: #000;
}
.AdminDashboardHeader h1 a {
color: #000;
}
.EditPageHeader {
background-color: #fff;
}
.AdminDashboardHeader {
background-color: #fff;
}
.AdminDashboardHeader {
box-shadow: #fff;
}
.AdminDashboardHeader {
box-shadow: inset 0 -4px 2px 0 #fff;
background: #fff;
}
.EditPageHeader {
box-shadow: inset 0 -4px 2px 0 #fff;
}
/**
* Changing Community Messages header colour
* MediaWiki:CommunityMessages
**/
.dark_text_2 {
color: #000;
}
/**---------------
* end HOVERNAV MP
--------------**/
/* Adjusting article count text alignment */
.wikia-page-header .header-column.header-tally .tally span {
text-align: center;
}
/* -----------------------------------------
MediaWiki:Wikia.js ratings module
----------------------------------------- */
/* based on <http://css-tricks.com/star-ratings/> */
#ar-rating {
margin-top: -15px;
margin-bottom: 10px;
text-align: center;
unicode-bidi: bidi-override;
direction: rtl;
}
#ar-rating .star {
display: inline-block;
font-size: 40px;
color: #aaa;
position: relative;
cursor: pointer;
}
#ar-rating .star:hover,
#ar-rating .star:hover ~ .star,
#ar-rating .star.selected,
#ar-rating .star.selected ~ .star {
color: transparent;
}
/* :before is used for ie8 support, the modern version is ::before */
#ar-rating .star.selected:before,
#ar-rating .star.selected ~ .star:before,
#ar-rating .star:hover:before,
#ar-rating .star:hover ~ .star:before {
content: '\2605';
position: absolute;
color: #ffe100;
}
#ar-comment {
resize: none;
width: 97%;
height: 60px;
}
#ar-submit {
float: right;
margin-top: 10px;
}
#ar-extras {
display: none;
}
#ar-submitted {
text-align: center;
font-size: 120%;
margin-bottom: 15px;
}
#ar-info {
text-align: right;
clear: both;
margin-top: 10px;
font-size: 95%;
}
#ar-header {
font-weight: bold;
font-size: 20px;
line-height: 20px;
padding-bottom: 20px;
}
/* END */
/* Changing modules */
.WikiaRail .module h2 {
font-weight: bold;
font-size: 18px;
color: #000;
}
.WikiaRail .module h1 {
font-weight: bold;
color: #000;
}
/* Admin Dashboard tabs */
.AdminDashboardTabs .tab.active {
border: 1px solid #d8d8d8;
}
/** <nowiki>
* CSS for standard edit summaries gadget
*/
/* remove on oasis source mode widescreen */
.mode-source.editpage-sourcewidemode-on #stdSummaries {
display: none;
}
/* </nowiki> */
/* Bullet point adjustment */
.WikiaArticle ul {
list-style: disc;
}
/* Changing hub colour */
.global-footer .branding.black.vertical-games a {
background-color: #438ab5;
}
/* Changing h1 font */
.wikia-page-header .header-column h1 {
font-family: Linux Libertine;
font-variant: small-caps;
font-weight: bold;
}
/* Hover Class */
.hoverimage img { opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }
.hoverimage img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
/* Navigation Hover Class */
.hovernav img { opacity:0.70; filter:alpha(opacity=70); /* For IE8 and earlier */ }
.hovernav img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
span.kw1 { color:#0cc !important;}
/* Hover Class */
.hoverimage img { opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }
.hoverimage img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
/* Navigation Hover Class */
.hovernav img { opacity:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ }
.hovernav img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
img.lzyLoaded {
opacity: 1;
}
img.lzyTrns {
transition: opacity 300ms ease-out;
-webkit-transition: opacity 300ms ease-out;
}
.navImg .floatnone {
text-decoration: none;
display: block;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.navImg .floatnone:hover {
-webkit-transform: scale(1.15,1.15);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 100ms;
-moz-transform: scale(1.15,1.15);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 100ms;
position: relative;
z-index: 99;
}
/* Changing reference popup cursor */
#rsw-config-open {
cursor: pointer;
}
/* Removing source mode border */
#wpTextbox1.highlighted {
border: none;
}
/* Adding module shadow - now inactive
.WikiaRail .module {
box-shadow: 0px 2px 5px 0 #e0e0e0;
} */
/* Wikia page h2 color */
.WikiaPageHeader h2 {
color: #727272;
font-size: 15px !important;
}
/* Article snippet transition */
/* The following makes the article snippet resemble those on Miniclip's blog */
.RelatedPagesModule .articleSnippet p {
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Changing selection */
::selection {
background-color: #0C83D6;
color: white;
font-weight: bold;
}
/* Modifies the "edit section" button */
.editsection a {
font-family: Helvetica;
font-size: 13px;
letter-spacing: -0.2px;
font-style: none;
font-variant: small-caps;
}
/* Changing wikia footer background */
.WikiaBarWrapper {
background-image: url("http://vignette3.wikia.nocookie.net/dragonleaf5678/images/7/7a/Wiki_footer_background3.png/revision/latest?cb=20150718091829");
}
.WikiaBarWrapper .toolbar .tools > li {
border-right: 3px solid #fff;
float: left;
height: 16px;
line-height: 16px;
margin-top: 2px;
padding: 0 10px;
}
/* Adding shadow to text on the wikia footer for visibility */
.WikiaBarWrapper .toolbar .tools > li > a {
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
/* Changing text under the wiki activity header */
.activity-nav ul li a {
color: #727272;
}
/* Adding backgrounds and borders to the userpage tab hover */
section#UserProfileMasthead + div .tabs > li > a:hover {
background: #fff;
text-decoration: none;
border-bottom: 1px solid transparent;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
.tabs .selected a {
border-bottom: 1px solid transparent;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
background: white;
color: #000;
cursor: text;
font-weight: bold;
text-decoration: none;
}
/* Adding background to the article cats */
.article-categories {
border: none !important;
margin: none !important;
margin-top: 10px !important;
background-image: none !important;
background-color: #f1f1f1 !important;
}
.CategorySelect.articlePage .input {
background-color: #f1f1f1 !important;
}
/* Change global nav search to greys instead of odd default periwinkle
* Replace "go" arrow that's basically invisible
* From the RUNESCAPE WIKI
* thanks!
*/
.search-input {
background-color: #f1f1f1 !important;
border: 1px solid #cccccc !important;
}
/*
.search-button {
background-color: inherit !important;
background-image: url("http://img2.wikia.nocookie.net/runescape/images/6/60/Marker_arrow.png") !important;
transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
-webkit-transform: scale(0.75, 0.75);
}
*/
.search-form-wrapper .autocomplete {
box-shadow: 0 5px 10px -7px #898989 !important;
border: 1px solid #cccccc !important;
border-top: none !important;
}
.search-form-wrapper .autocomplete div {
border-bottom: 1px solid #efefef !important;
}
.search-form-wrapper .autocomplete .selected {
background-color: #efefef !important;
}
/* Ratings module - making message bold so it matches MediaWiki:Chat-entry-point-guidelines */
#ar-info {
font-weight:bold;
}
/* Minor Infobox module text fix */
.WikiaRail .module .templatedraft-module-closelink {
cursor: pointer;
}
/* Caption tweaks */
.tleft {
margin: 0 10px 0 0 !important;
outline: none !important;
}
.tright {
margin: 0 0 0 10px !important;
outline: none !important;
}
.article-thumb {
background-color: #f9f9f9;
border: 1px solid #c5ced9;
padding: 3px 5px 0 3px;
}
.article-thumb a {
display: inline;
}
.article-thumb img {
background-color: #f9f9f9;
border: 1px solid #c5ced9;
}
.article-thumb .caption {
color: #000 !important;
}
/* Removing wiki activity name spacing */
activity-heading {
margin-bottom: 10px;
}
/* Transitioning on "see more" section to match Miniclip's blog's. */
#wkRelPagHead + ul img:hover {
opacity: 0.55;
transition: opacity 300ms;
}
#wkRelPagHead + ul img {
transition: opacity 1s;
}
/* Notice template style */
div.notice {
background-color: #8c787a;
border: 2px dashed #CC0000;
color: #FFFFFF;
margin-bottom:1em;
vertical-align: middle;
text-align: justify;
font-size: 95%;
width:100%;
}
/* Blog Comment and Thread Tags */
/* Bureaucrats */
.comments li[data-user="Dragonleaf5678"] .edited-by:after, body.ns-1201 .edited-by > a.subtle[href="http://8ballpool.wikia.com/wiki/Message_Wall:Dragonleaf5678"]:after,
.comments li[data-user="TheRedClasher"] .edited-by:after, body.ns-1201 .edited-by > a.subtle[href="http://animaljam.wikia.com/wiki/Message_Wall:TheRedClasher"]:after {
content: "Bureaucrat";
color: #FFF;
border-radius: 6px;
padding: 0 5px;
margin-left: 3px;
text-shadow: 2px 2px 2px #000;
background: #990024;
}
.WikiaBarWrapper .toolbar .tools > li > a {
cursor: pointer;
}
.WikiaRail .module h2 {
margin-bottom: 0;
}
/* Yin Yang symbol - for Harmless Venom, https://css-tricks.com/examples/ShapesOfCSS/ */
#yin-yang {
width: 96px;
height: 48px;
background: #eee;
border-color: black;
border-style: solid;
border-width: 2px 2px 50px 2px;
border-radius: 100%;
position: relative;
}
#yin-yang:before {
content: "";
position: absolute;
top: 50%;
left: 0;
background: #eee;
border: 18px solid black;
border-radius: 100%;
width: 12px;
height: 12px;
}
#yin-yang:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: black;
border: 18px solid #eee;
border-radius:100%;
width: 12px;
height: 12px;
}
/* Space invader */
#space-invader{
box-shadow:
0 0 0 1em black,
0 1em 0 1em black,
-2.5em 1.5em 0 .5em black,
2.5em 1.5em 0 .5em black,
-3em -3em 0 0 black,
3em -3em 0 0 black,
-2em -2em 0 0 black,
2em -2em 0 0 black,
-3em -1em 0 0 black,
-2em -1em 0 0 black,
2em -1em 0 0 black,
3em -1em 0 0 black,
-4em 0 0 0 black,
-3em 0 0 0 black,
3em 0 0 0 black,
4em 0 0 0 black,
-5em 1em 0 0 black,
-4em 1em 0 0 black,
4em 1em 0 0 black,
5em 1em 0 0 black,
-5em 2em 0 0 black,
5em 2em 0 0 black,
-5em 3em 0 0 black,
-3em 3em 0 0 black,
3em 3em 0 0 black,
5em 3em 0 0 black,
-2em 4em 0 0 black,
-1em 4em 0 0 black,
1em 4em 0 0 black,
2em 4em 0 0 black;
background: black;
width: 1em;
height: 1em;
overflow: hidden;
margin: 50px 0 70px 65px;
}
.WikiHeader > nav .subnav-2 li .subnav-2a {
z-index: 100;
display: block;
border: 1px solid transparent;
margin: 2px 0px 0px 3px;
height: 25px;
border-right: 1px solid #65a1c6;
}