MediaWiki:Wikia.css

/* Imports */ @import "//dev.wikia.com/index.php?title=Highlight/code.css&action=raw&ctype=text/css"; @import url("/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css");

/*Background Image*/ body { background: url(https://images.wikia.nocookie.net/__cb20140313203632/sixguns/images/4/45/SixGuns.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: Galath; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/* Font */ body { font-family:Galath; color:#000000; font-size:12px;

}

/* Style for horizontal lists (separator following item). Note: hlist formatting will break if the resulting HTML lacks a breakable character between list items. This happens when the following conditions are true: 1) The list is made using wiki markup (where HTML is built by parser.php)  2) HTMLTidy is disabled or unavailable (such as on Special: pages) In such cases, building lists with .hlist using HTML instead of wiki markup will work around this problem. See also 39617. IE8-specific classes are assigned in MediaWiki:Common.js/IEFixes.js. Last updated: January 24, 2013 @source mediawiki.org/wiki/Snippets/Horizontal_lists @maintainer: User:Edokter @revision: 3.1 .skin-monobook .hlist dl, .skin-modern .hlist dl, .skin-vector .hlist dl { line-height: 1.5em; } .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline and make them nowrap */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; white-space: nowrap; } /* Allow wrapping for list items (in tight spaces) */ .hlist.hwrap dd, .hlist.hwrap dt, .hlist.hwrap li { white-space: normal; } /* Display nested lists inline and allow them to wrap */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; white-space: normal; } /* Generate interpuncts */ .hlist dt:after { content: ":"; } .hlist dd:after, .hlist li:after { content: " ·"; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* For IE8 */ .hlist dd.hlist-last-child:after, .hlist dt.hlist-last-child:after, .hlist li.hlist-last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: "(";   font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {    content: ")"; font-weight: normal; } /* For IE8 */ .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after { content: ")";   font-weight: normal; } /* Put numbers in front of ordered list items */ .hlist.hnum ol {    counter-reset: list-item; } .hlist.hnum ol > li {    counter-increment: list-item; } .hlist.hnum ol > li:before {    content: counter(list-item) " "; } .hlist.hnum dd ol > li:first-child:before, .hlist.hnum dt ol > li:first-child:before, .hlist.hnum li ol > li:first-child:before {    content: "(" counter(list-item) " "; } /* Unbulleted lists */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; } /* Default style for navigation boxes */ .navbox {                    /* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em;     /* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } th.navbox-group {            /* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background: #fdfdfd;     /* Background color */ } .navbox-list { line-height: 1.8em; border-color: #fdfdfd;   /* Must match background color */ } .navbox th, .navbox-title { background: #b8860b;     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background: #b8860b;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #b8860b;     /* Level 3 color */ } .navbox-even { background: #f7f7f7;     /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ } ol + table.navbox, ul + table.navbox { margin-top: 0.5em;       /* Prevent lists from clinging to navboxes */ } /* Default styling for Navbar template */ .navbar { display: inline; font-size: 88%; font-weight: normal; } .navbar ul { display: inline; white-space: nowrap; } .navbar li { word-spacing: -0.125em; } .navbar.mini li span { font-variant: small-caps; } /* Navbar styling when nested in infobox and navbox */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; } /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in MediaWiki:Common.js are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; } /* In navboxes, the show/hide button balances the v·d·e links from Template:Navbar, so they need to be the same width. */ .navbox .collapseButton { width: 6em; }

/* Messagebox templates */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; margin: 4px auto; } /* For old WikiProject banners inside banner shells. */ .mbox-inside .standard-talk, .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 0; padding: 2px; } .messagebox.small { width: 238px; font-size: 85%; /* @noflip */ float: right; clear: both; /* @noflip */ margin: 0 0 1em 1em; line-height: 1.25em; } .messagebox.small-talk { width: 238px; font-size: 85%; /* @noflip */ float: right; clear: both; /* @noflip */ margin: 0 0 1em 1em; line-height: 1.25em; background: #F8EABA; }

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ th.mbox-text, td.mbox-text {  /* The message body cell(s) */ border: none; /* @noflip */ padding: 0.25em 0.9em;    /* 0.9em left/right */ width: 100%;              /* Make all mboxes the same width regardless of text length */ } td.mbox-image {               /* The left image cell */ border: none; /* @noflip */ padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright {          /* The right image cell */ border: none; /* @noflip */ padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell {          /* An empty narrow cell */ border: none; padding: 0px; width: 1px; }

/* Article message box styles */ table.ambox { margin: 0px 10%;                 /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; /* @noflip */ 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 td.mbox-image {          /* The left image cell */ /* @noflip */ padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */ } .ambox td.mbox-imageright {     /* The right image cell */ /* @noflip */ padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */ }

table.ambox-notice { /* @noflip */ border-left: 10px solid #1e90ff;   /* Blue */ } table.ambox-speedy { /* @noflip */ border-left: 10px solid #b22222;   /* Red */ background: #fee;                  /* Pink */ } table.ambox-delete { /* @noflip */ border-left: 10px solid #b22222;   /* Red */ } table.ambox-content { /* @noflip */ border-left: 10px solid #f28500;   /* Orange */ } table.ambox-style { /* @noflip */ border-left: 10px solid #f4c430;   /* Yellow */ } table.ambox-move { /* @noflip */ border-left: 10px solid #9932cc;   /* Purple */ } table.ambox-protection { /* @noflip */ border-left: 10px solid #bba;      /* Gray-gold */ }

/* Image message box styles */ table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff;   /* Default "notice" blue */ background: #fbfbfb; } .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */   margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right. */   display: block;         /* Fix for webkit to force 100% width. */ } .mbox-inside .imbox {      /* For imboxes inside other templates. */   margin: 4px; }

table.imbox-notice { border: 3px solid #1e90ff;   /* Blue */ } table.imbox-speedy { border: 3px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.imbox-delete { border: 3px solid #b22222;   /* Red */ } table.imbox-content { border: 3px solid #f28500;   /* Orange */ } table.imbox-style { border: 3px solid #f4c430;   /* Yellow */ } table.imbox-move { border: 3px solid #9932cc;   /* Purple */ } table.imbox-protection { border: 3px solid #bba;      /* Gray-gold */ } table.imbox-license { border: 3px solid #88a;      /* Dark gray */ background: #f7f8ff;         /* Light gray */ } table.imbox-featured { border: 3px solid #cba135;   /* Brown-gold */ }

/* Category message box styles */ table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF;   /* Default "notice" blue */ }

table.cmbox-notice { background: #D8E8FF;   /* Blue */ } table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b22222;   /* Red */ background: #FFDBDB;         /* Pink */ } table.cmbox-delete { background: #FFDBDB;   /* Red */ } table.cmbox-content { background: #FFE7CE;   /* Orange */ } table.cmbox-style { background: #FFF9DB;   /* Yellow */ } table.cmbox-move { background: #E4D8FF;   /* Purple */ } table.cmbox-protection { background: #EFEFE1;   /* Gray-gold */ }

/* Other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa;      /* Default "notice" gray */ background: #f9f9f9; }

table.ombox-notice { border: 1px solid #aaa;      /* Gray */ } table.ombox-speedy { border: 2px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.ombox-delete { border: 2px solid #b22222;   /* Red */ } table.ombox-content { border: 1px solid #f28500;   /* Orange */ } table.ombox-style { border: 1px solid #f4c430;   /* Yellow */ } table.ombox-move { border: 1px solid #9932cc;   /* Purple */ } table.ombox-protection { border: 2px solid #bba;      /* Gray-gold */ }

/* Talk page message box styles */ table.tmbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #c0c090;   /* Default "notice" gray-brown */ background: #f8eaba; } .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)   */ width: 100%;                /* For Safari and Opera */ } mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ line-height: 1.5em;         /* also "nested", so reset styles that are   */ font-size: 100%;            /* set in "mbox-small" above. */ }

table.tmbox-speedy { border: 2px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.tmbox-delete { border: 2px solid #b22222;   /* Red */ } table.tmbox-content { border: 2px solid #f28500;   /* Orange */ } table.tmbox-style { border: 2px solid #f4c430;   /* Yellow */ } table.tmbox-move { border: 2px solid #9932cc;   /* Purple */ } table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090;   /* Gray-brown */ }

/* Disambig and set index box styles */ table.dmbox { clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; }

/* Footer and header message box styles */ table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9;    /* Default "system" gray */ } table.fmbox-system { background: #f9f9f9; } table.fmbox-warning { border: 1px solid #bb7070; /* Dark pink */ background: #ffdbdb;       /* Pink */ } table.fmbox-editnotice { background: transparent; }

/* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so  they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small {  /* For the "small=yes" option. */   /* @noflip */ clear: right; /* @noflip */ float: right; /* @noflip */ margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */   /* @noflip */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; }

/* Style for compact ambox */ /* Hide the images */ .compact-ambox table .mbox-image, .compact-ambox table .mbox-imageright, .compact-ambox table .mbox-empty-cell { display: none; } /* Remove borders, backgrounds, padding, etc. */ .compact-ambox table.ambox { border: none; border-collapse: collapse; background: transparent; margin: 0 0 0 1.6em !important; padding: 0 !important; width: auto; display: block; } body.mediawiki .compact-ambox table.mbox-small-left { font-size: 100%; width: auto; margin: 0; } /* Style the text cell as a list item and remove its padding */ .compact-ambox table .mbox-text { padding: 0 !important; margin: 0 !important; }

/* Allow for hiding text in compact form */ .compact-ambox .hide-when-compact { display: none; }

/* Remove default styles for MediaWiki:Noarticletext. */ div.noarticletext { border: none !important; background: transparent; padding: 0 !important; }

/* Hatnotes and disambiguation notices */ .rellink, .dablink { font-style: italic; /* @noflip */ padding-left: 1.6em; margin-bottom: 0.5em; } .rellink i, .dablink i { font-style: normal; }

/* For template documentation */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 1em; }

/* For module box */ .module-box { background: #cebe8a; border: 1px solid #a4986e; box-shadow: 0px 2px 5px 0px #bca65f; -webkit-box-shadow: 0px 2px 5px 0px #bca65f; margin-bottom: 1em; transition: box-shadow .5s ease; -webkit-transition: box-shadow .5s ease; vertical-align: top; }

.module-box > * { word-wrap: break-word;  /* Prevents long words from overflowing */ }

.module-box:active { box-shadow: 0px 2px 5px 0px #bca65f inset; -webkit-box-shadow: 0px 2px 5px 0px #bca65f inset; }

.module-box .module-box-inner { width: 100%; }

.module-box .module-box-header { background: #bfa562; color: white; margin-bottom: 4px; padding: 4px; }

.module-box .module-box-header .module-box-headermain { animation: module-box-anim 3s linear 0s infinite alternate; -webkit-animation: module-box-anim 3s linear 0s infinite alternate; font-size: 120%; font-weight: 300; }

.module-box .module-box-header .module-box-headerright { float: right; margin-right: 2px; }

.module-box .module-box-content { overflow: auto; }

/* Tiles */ .tiles .tiles-content { background: #bfa562; color: white; height: 115px; padding: 10px; transition: transform .1s linear; -webkit-transition: transform .1s linear; vertical-align: bottom; width: 115px; }

.tiles .tiles-content:active { transform: scale(.9); -ms-transform: scale(.9); -webkit-transform: scale(.9); }

/* Fix Wikitables */ table.wikitable{margin:1em 0;background-color:#f9f9f9;color:black}table.wikitable > tr > th,table.wikitable > tr > td,table.wikitable > * > tr > th,table.wikitable > * > tr > td{padding:0.2em}table.wikitable > tr > th,table.wikitable > * > tr > th{background-color:#f2f2f2;}

/* Replace the default font */ body, .wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, div.message textarea { font-family:Galath !important; }

h1 { font-weight: 300; }

.wordmark { font-weight: bold; }

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/MMDEOSa6i6T9gBocjYCJkQ.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/d-QWLnp4didxos_6urzFtg.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto Regular'), local('Roboto-Regular'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/grlryt2bdKIyfMSOhzd1eA.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/7KXg6nyyqN8gyMoNwQ7aOQ.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/vxNK-E6B13CyehuDCmvQvw.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/1_sFLBJZ_MiiGcnkjN_Mgg.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/jB4HYzUnEmLtjz-UHQe60fesZW2xOQ-xsNqO47m55DA.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/iE8HhaRzdhPxC93dOdA05z8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/biUEjW7P-lfzIZFXrcy-wQ.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/daIfzbEw-lbjMyv4rMUUTj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/owYYXKukxFDFjr0ZO8NXhz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/b9PWBSMHrT2zM5FgUdtu0T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

/* Highlight admins and bureaucrats */ a[href="/wiki/User:Keplers"] { color: #006600; font-weight:bold; !important; } a[href="/wiki/User:Minja536"] { color: #006600; font-weight:bold; !important; }

/* Animation key frames */ @keyframes module-box-anim { 0%  { color: white; } 50% { color: #a47719; } 100% { color: white; } }

@-webkit-keyframes module-box-anim { 0%  { color: white; } 50% { color: #a47719; } 100% { color: white; } }