CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Hydra skin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(https://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Regular.ttf) format('truetype');;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://hydra-media.cursecdn.com/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');
}
/******************
/* General styles *
/******************/
body {
background: #1f1f1f;
font-family: 'Open Sans', sans-serif;
}
div#mw-page-base {
background: transparent !important;
height: 45px;
}
/***************
/* Logo styles *
/***************/
#p-logo {
position: absolute;
top: -38px;
left: 5px;
width: 150px;
height: 14px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
#p-logo a {
width: 150px;
height: 14px;
background-size: 100% 100%;
margin: 0;
padding: 0;
}
#p-logo a img {
width: 150px;
height: 14px;
margin: 0;
padding: 0;
}
/*****************
/* Header styles *
/*****************/
div#mw-head-base {
display: none;
}
div#mw-head {
border: none;
background: transparent;
top: 0;
left: 0;
right: 0;
width: auto;
height: 45px;
}
/**************************
/* Article navigation bar *
/**************************/
#left-navigation {
margin: 5px 0 0 174px;
padding: 0;
}
#right-navigation {
margin: 5px 14px 0 0;
padding: 0;
}
div.vectorTabs {
border: none;
background: transparent;
height: 30px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.vectorTabs ul {
border: none;
background: transparent;
}
div.vectorTabs ul li {
border: none;
background: transparent;
}
div.vectorTabs ul li, div.vectorTabs ul li.selected {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
div.vectorTabs ul li span, div.vectorTabs ul li.selected span {
border: none;
background: transparent;
}
div.vectorTabs li span a {
background: #dddddd;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-image: none;
border-style: solid;
border-width: 1px;
color: #000000;
height: 28px;
line-height: 28px;
padding: 0 10px 0 10px;
margin: 0 3px 0 3px;
}
div.vectorTabs span a:visited {
color: #333333;
}
div.vectorTabs li span a:hover, div.vectorTabs li span a:visited:hover {
}
div.vectorTabs li.selected span a, div.vectorTabs li.selected span a:hover {
background: #ffffff;
color: #f37c23 !important;
}
div.vectorTabs li.new span a {
background: #bbbbbb;
color: #000000;
}
div.vectorTabs li.new span a:visited {
color: #333333;
}
div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
background: #bbbbbb;
}
div.vectorTabs li.selected.new span a, div.vectorTabs li.selected.new span a:hover {
background: #eeeeee;
color: #f37c23 !important;
}
div.vectorTabs span a:active {
color: #f37c23;
}
div.vectorTabs li.new span a:active {
color: #f37c23 !important;
}
#p-views {
}
#ca-unwatch.icon a, #ca-watch.icon a {
background-position: center center;
margin: 0 3px 0 3px;
padding: 28px 3px 0 3px;
height: 0;
}
#ca-unwatch.icon a:hover, #ca-watch.icon a:hover {
background-repeat: no-repeat;
}
div#mw-head #ca-unwatch.icon a {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAwYTFRkAyXKrAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAEmSURBVDjLzdO/K8RxHMfxx/fLXbK4UqIMxIJygygxKRthYRIZbvEnWGTxL1hk9R+Q1SDJcoNkUMriUhbqOny/hvve+fWVm+T1GT59ej/7fN7vZ32CfY0m9FdoqKNRtOBCvlG03VojaK8BLHyvfEfnZdFl+Hd0GTQl+4c0g0mdyTlnSIDYkpM6deOMYJ9B51rE9UIVjUTJ/aE7PcohSo7FCJJVxZtkZGQEIocq1V7vzdjy7DVFXOxJwaqoNlbFplklr8mj1UQilybsfjVwZETp042BU2OKabIetCSd1lL2mO51QluC1myMyqWji3VNt2KxQKuRNDQ0LRArW9dv24tYaCUN7dONa+N2VGyYc4+pd6L5QwNXigr1QQ7k7SGrnAj5j9/wh7wBRgZEvIo02EoAAAAASUVORK5CYII=") no-repeat center center;
}
div#mw-head #ca-unwatch.icon a:hover, div#mw-head #ca-unwatch.icon a:focus {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMGExYNMT71FQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABYklEQVRIx+3VMUseQRDG8d+dUcQmgRCjjRhIikQwhVglrYJgoQhqI4YUNn6LNH6MmE+hvYVCSJFABAULQQtFSKNgXk3OZl5Yj3vNEU7SZGBh9pb9387OM7PZz1ZL05a7B/un0Bz9TUNXsIvXTUMf431T0Gd4Gf5snT11oDPoCX8Qo01AlxK/qzSvtAeJ/xYDpfVHGEEW8wIL2K5gHeIzZFFRr/AFvbGxbCn0d4z09DlOMIzLdvin2EqAWWmk8C50JyOLn2yild7pGabxAVf4VVNqBS5Ccu/aEWQVDWUS61FBWYdktsPfwyK+3bqrDl1qMO74aQdogZ04wHldSf2IpGV3hH5ZBbwL+gYPS9CyKsZDcrWh8xUyOgq/iLU+jNWF5piIjUWEuYrnWMN1fM+xXAWtStQLfA8NHmAOX5P1KXzCExxjqFQMt8o0tf2QyUpFMjair36MeU9E80dJ/X/4/t5uAM3JUWyij8zQAAAAAElFTkSuQmCC") no-repeat center center;
}
div#mw-head #ca-watch.icon a {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAwYTFgRI4k2xAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAFgSURBVDjLzdM9SxtQFAbgJyrGKgpRLBUcxKlTHf0YFAUR6iIIBqV0kvYX2D8gpVBBaIdSioqL+DE4WSm6qB2K4KLgEixKESsUXJLGWBN0SEysqTSTeLbLfYb3nHtuYE6hVeSuaEBFobTVjEeF0T69WguhIe0iegX+T5vU+KQtP0I+feqHVRVabl6UgAZVmXO5bvMitvX7nlUnDtP0oQWPJZyDhA1JS174AGrVWfJcsgQxi17Z9cYxog4wZRY8MS5oRSqdNW7MMyEjEnbsu0BSVEyzSXFh0y6u2kpZNuDEvI5svmIvfbRi0GbmEa9tVqUJQWFnoNG6aaP+/GtYpx44cpbZgV+O/M7Bv2mDJqsqjfhsQNy6bmU355quZueOvdNhzVuNtoXV28unAZ2C3osZsqXHa1Eh7TmaC1CtRbVvBm1KWRb2U7mu3NpcD/DFjrlsIxHDvipVLJk/rHvzDW+pS4TcXdDXgfLPAAAAAElFTkSuQmCC") no-repeat center center;
}
div#mw-head #ca-watch.icon a:hover, div#mw-head #ca-watch.icon a:focus {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMGExUL83AD4wAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABlklEQVRIx+3VP0hWYRTH8c/NKDMMMooCB3FqqrE/g5EhgS1CkNTQJDU0F+1RQUNQhEREtIi+Dk4qkot/BglcDFrEICJKEFrK0rdXaDkvPMg1L3GjpTM93HPvl/M753eem61Xq8qOHf5C/FNohr1lQ09hAIfLhPbgQsBLge5HBxYDnJUBPY4DeIbTRVpQBNqND5iMYZ3c7oOdybkN+zblm9CFSshfwEW8y2F9wccUegjDOIo1/ExeXsMMahjFNfQn+YM4ErmrqNWh3zCCW3iL+1iO3Fe8j/MLDCbAY3iI3XiFDciS3W/AedzDCm6E5K2W4Rye4DNu43XeoDYwjkvRnwrO5AAbcB1Po7rLKXBzpWk043nI6sV6kmvHNF7iDqpFLfUDe/ApgOnur8Tz1Tzg76BtYfrJqPomxqI136PSLjRu59M0ToStlvEoejuFByF/IdrSiqUi0Axno5+Pw25XMB/uuBs2q98JS0Xkt8QqtmAumW7dHb1hoyZ05l0wW8mfwBsM5QxjEX2Yxa6wWK2Ipf7/+P48fgHCOGDdAnWFZAAAAABJRU5ErkJggg==") no-repeat center center;
}
div.vectorMenu {
height: 30px;
line-height: 27px;
margin: 0 3px;
padding: 0 3px;
}
div#p-cactions {
width: 21px;
}
div#p-sharing {
width: auto;
}
div.vectorMenu:hover {
}
div#mw-head div.vectorMenu h3 {
background: transparent;
color: #f37c23;
height: 28px;
line-height: 28px;
padding: 0 15px 0 10px !important;
margin: 0 !important;
}
div#mw-head div.vectorMenu h3 a {
height: 28px;
}
div#mw-head div#p-cactions h3 span {
display: none;
}
div#mw-head div#p-sharing h3 span {
height: 28px;
color: #f37c23;
margin: 0;
padding: 0;
}
div.vectorMenu div.menu {
top: 28px;
background: #dddddd;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-image: none;
border-style: solid;
border-width: 1px;
color: #b9a3e3;
margin: 0;
padding: 0;
z-index: 3000;
}
div#p-sharing div.menu {
left: 0;
}
div#p-cactions div.menu {
left: auto;
right: 0;
text-align: right;
}
div#p-cactions div.menu ul li {
text-align: right;
}
div#p-cactions div.menu ul li a {
color: #000000;
margin: 2px 5px;
padding: 1px 0;
}
div#p-cactions div.menu ul li a:visited {
color: #442200;
}
div#p-cactions div.menu ul li a:active {
color: #ffffff;
}
#p-search {
height: 30px;
line-height: 27px;
vertical-align: center;
margin: 0 2px 0 2px;
padding: 0;
}
#p-search form {
vertical-align: center;
margin: 0px;
}
#p-search input {
}
#p-search input[type="submit"], #p-search input[type="button"], #p-search input[type="reset"] {
font-size: 70%;
padding: 0 6px;
}
div#simpleSearch {
border: none;
background: #ffffff;
color: #000000;
font-family: 'Open Sans', sans-serif;
height: 24px;
line-height: 24px;
margin: 1px 0;
padding: 2px 2px;
}
div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton, div#simpleSearch #searchButton:hover, div#simpleSearch #mw-searchButton:hover, div#simpleSearch #searchButton:active, div#simpleSearch #mw-searchButton:active {
color: transparent;
box-shadow: none;
}
#searchInput {
}
div.suggestions, html > body div.suggestions {
margin-top: -28px;
border: none;
}
.suggestions-results, .suggestions-special {
border: none;
background: #ffffff;
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
color: #000000;
}
.suggestions-result-current {
background: #f37c23 !important;
color: #ffffff;
}
.suggestions-special {
border: none;
border-top: 1px solid #f37c23;
}
.suggestions-special .special-label {
color: #666666;
}
.suggestions-result-current .special-label {
color: #f9ad6f;
}
.suggestions-result-current a.mw-searchSuggest-link, .suggestions-result-current a.mw-searchSuggest-link:hover, .suggestions-result-current a.mw-searchSuggest-link:active, .suggestions-result-current a.mw-searchSuggest-link:focus {
color: #ffffff;
}
/**********************
/* Site notice styles *
/**********************/
body.page-Twitchpedia .globalNoticeDismiss > a, body.page-Streamerpedia .globalNoticeDismiss > a {
color: #b9a3e3;
}
#localNotice {
border: none;
background: rgba(0, 0, 0, 0.2);
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
/***********************
/* Left sidebar styles *
/***********************/
div#mw-panel, div#mw-panel.collapsible-nav {
position: relative;
float: left;
border: none;
background: transparent;
top: 0;
margin-left: -160px;
margin-right: 0;
margin-top: 5px;
margin-bottom: 60px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-right: 0;
width: 160px;
overflow: visible;
}
div#mw-panel div.portal, div#mw-panel.collapsible-nav div.portal {
background: transparent;
margin: 5px 0 0 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 150px;
}
div#mw-panel div.portal h3, div#mw-panel.collapsible-nav div.portal h3 {
border: none;
color: #f37c23;
text-shadow: 1px 1px #843d08;
font-weight: bold;
margin: 0 5px 0 5px !important;
padding: 5px 0 5px 0 !important;
width: 150px;
}
div#mw-panel.collapsible-nav div.portal.collapsed h3, div#mw-panel.collapsible-nav div.portal.expanded h3 {
padding: 5px 0 5px 15px !important;
width: 135px;
}
div#mw-panel.collapsible-nav div.portal h3 a, div#mw-panel.collapsible-nav div.portal.collapsed h3 a {
color: #f37c23;
}
div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal div.body, div#mw-panel.collapsible-nav div.portal.expanded div.body, div#mw-panel #p-logo + div.portal div.body {
border: none;
background: transparent;
margin: 0 5px 0 5px !important;
padding: 0 0 10px 0 !important;
width: 150px;
}
div#mw-panel.collapsible-nav div.portal.collapsed div.body, div#mw-panel.collapsible-nav div.portal.expanded div.body {
padding: 0 0 5px 15px !important;
width: 135px;
}
div#mw-panel.collapsible-nav div.portal.first div.body, div#mw-panel.collapsible-nav div.portal.first.expanded div.body {
background: transparent;
padding: 0 !important;
margin: 0 5px 0 5px !important;
}
div#mw-panel div.portal ul, div#mw-panel.collapsible-nav div.portal ul {
margin: 0;
padding: 0;
}
div#mw-panel div.portal ul li, div#mw-panel.collapsible-nav div.portal ul li {
margin: 0;
padding: 0;
}
div#mw-panel div.portal div.body ul li a {
color: #ffffff;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #eeeeee;
}
div#mw-panel div.portal div.body ul li a:active {
color: #f37c23;
}
div#mw-panel div#p-sitePromos, div#mw-panel div#p-socialProfiles {
border: none;
background: transparent;
margin: 20px 0 0 0 !important;
padding: 0;
width: 160px;
}
div#mw-panel div#p-claimWiki {
border: none;
background: transparent;
margin: 0 0 20px 0 !important;
padding: 0;
width: 160px;
}
div#mw-panel div#p-sitePromos h3, div#mw-panel div#p-socialProfiles h3, div#mw-panel div#p-claimWiki h3 {
display: none;
}
div#mw-panel div#p-sitePromos div.body, div#mw-panel div#p-socialProfiles div.body, div#mw-panel #p-logo + div#mw-panel div#p-claimWiki div.body {
margin: 0 auto 0 auto !important;
padding: 0 0 0 0 !important;
width: auto;
text-align: center;
}
div#mw-panel div#p-socialProfiles div.body div.socialSidebar {
margin: 0 auto 0 auto !important;
padding: 0 0 0 0 !important;
width: auto;
text-align: center;
}
div#mw-panel div#p-claimWiki div.body div.claimSidebar {
margin: 0 auto 0 auto !important;
padding: 0 0 0 0 !important;
}
div.socialLink {
margin: 1px 0 1px 0;
}
/***************
/* Link styles *
/***************/
.t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited {
color: #c3b799 !important;
}
.t-netbar a:active, .t-footer a:active {
color: #ffffff !important;
}
.t-netbar a.new:hover, .t-netbar a.new:active {
color: #ffefdd !important;
}
a, a:link {
color: #f58120;
}
div#content a:visited, a:visited {
color: #c18555;
}
a.new {
color: #f52121 !important;
}
div#content a.new:visited, a.new:visited {
color: #db3b3b !important;
}
a.stub {
color: #0ad60a;
}
div#content a.stub:visited, a.stub:visited {
color: #3da33d;
}
div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external {
color: #b7b509;
}
div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {
color: #8b8a35;
}
a:active {
color: #ffcc00 !important;
}
/******************
/* Article styles *
/******************/
#pageWrapper {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: -160px;
padding-left: 160px;
padding-right: 0;
padding-bottom: 0;
}
div#content {
float: right;
width: 100%;
max-width: 100%;
box-sizing: border-box;
border: none;
background: #ffffff;
color: #000000;
margin-top: 0;
margin-left: 0;
padding: 10px 20px 10px 20px;
}
body.page-Streamerpedia.action-view div#content, body.page-Streamerpedia.action-submit div#content {
background: transparent;
}
body.page-Streamerpedia div#editform {
background: #ffffff;
}
div#content #firstHeading {
border-bottom: 1px solid #000000;
background-repeat: no-repeat;
color: #f37c23;
font-family: 'Open Sans', sans-serif;
margin: 0 0 0 0;
padding: 0 0 5px 0;
}
body.page-Twitchpedia #firstHeading, body.page-Streamerpedia #firstHeading {
display: none;
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
border: none;
color: #000000;
font-family: 'Open Sans', sans-serif;
margin: 20px 0 8px 0;
padding: 0 0 5px 0;
overflow: auto;
}
body.page-Streamerpedia.action-view div#content h1, body.page-Streamerpedia.action-submit div#content h1, body.page-Streamerpedia.action-view div#content h2, body.page-Streamerpedia.action-submit div#content h2, body.page-Streamerpedia.action-view div#content h3, body.page-Streamerpedia.action-submit div#content h3, body.page-Streamerpedia.action-view div#content h4, body.page-Streamerpedia.action-submit div#content h4, body.page-Streamerpedia.action-view div#content h5, body.page-Streamerpedia.action-submit div#content h5, body.page-Streamerpedia.action-view div#content h6, body.page-Streamerpedia.action-submit div#content h6 {
color: #ffffff;
}
div#content h1, div#content h2 {
border-bottom: 1px solid #666666;
}
/* Curse profile: Fixes conflict with overflow:auto; on h1 */
div#content div.headline h1 {
overflow: visible;
}
span.editsection {
font-weight: normal;
}
span.editsection a:link {
}
div#content span.editsection a:active {
}
div#content span.editsection a:visited {
}
div#content span.editsection:active:hover:visited {
}
span.editsection a:hover {
}
#contentSub {
color: #888888;
}
.toc, #toc {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
.toc td, #toc td {
}
#toctitle {
}
div#content #toctitle h2 {
border: none;
}
.toctoggle, #toc .toctoggle {
}
.toctoggle a, #toc .toctoggle a {
}
.toctoggle a:hover, #toc .toctoggle a:hover {
}
hr {
border: none;
border-bottom: 1px solid #666666;
color: #000000;
}
ul {
}
img {
}
table.wikitable {
border: none;
background: transparent;
margin: 0 0 10px 0;
padding: 3px 6px;
}
table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th {
border: 1px solid #cccccc;
background: #eeeeee;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td {
border: 1px solid #cccccc;
background: #ffffff;
color: #000000;
padding: 0 3px 1px 3px;
}
table.jquery-tablesorter th.headerSort {
}
table.jquery-tablesorter th.headerSortDown {
}
table.jquery-tablesorter th.headerSortUp {
}
ul.gallery {
}
li.gallerybox {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
li.gallerybox div.thumb {
border: 1px solid #cccccc;
background: transparent;
color: #000000;
}
div.gallerytext {
text-align: center;
}
.thumb {
border: none;
background: transparent;
color: #000000;
border: none;
background: transparent;
}
.thumb.tleft {
margin: 0 20px 10px 0;
}
.thumb.tright {
margin: 0 0 10px 20px;
}
div.thumbinner {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 5px !important;
}
html .thumbimage {
border: 1px solid #cccccc;
background: transparent;
color: #000000;
}
.thumbcaption {
}
.gallerytext p, .thumbcaption {
}
.toggle {
}
.sn-small {
}
sub, sup a {
}
sup.reference {
}
pre, .mw-code {
border: 1px dashed #cccccc;
background: transparent;
color: #000000;
padding: 2px 2px;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background: transparent;
white-space: pre-wrap;
word-wrap: break-word;
}
#catlinks {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 10px 0 10px 0;
padding: 3px 6px;
}
#catlinks li {
border-left: 1px solid #f37c23;
}
#catlinks li:first-child {
border-left: none;
}
/********************
/* Interface styles *
/********************/
input, select {
border: 1px solid #666666;
background: #ffffff;
color: #000000;
font-family: 'Open Sans', sans-serif;
padding: 2px 2px;
}
textarea {
border: 1px solid #666666;
background: #ffffff;
color: #000000;
padding: 2px 2px;
}
.mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]), .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):hover, .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):focus {
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.5);
background: #ffffff;
color: #000000;
font-family: 'Open Sans', sans-serif;
padding: 2px 2px;
box-shadow: none !important;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
}
button, input[type="submit"], input[type="button"], input[type="reset"], #mw-createaccount-join, .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary {
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.5);
background: #999999;
border-image: none;
border-style: solid;
border-width: 1px;
color: #ffffff;
text-shadow: 1px 1px #aaaaaa;
font-family: 'Open Sans', sans-serif;
padding: 1px 6px;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, #mw-createaccount-join:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-primary:hover {
text-shadow: 1px 1px #cccccc;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, #mw-createaccount-join:active, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-primary:active {
border-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.5);
}
.mw-ui-vform label {
color: #888888;
}
a.cta-button, a:link.cta-button, a:visited.cta-button {
color: #000000;
}
.editOptions {
border: none;
background: transparent;
}
.usermessage {
border-radius: 8px;
border: 1px solid #84843c;
background: #ffffff;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
.mw-notification {
border-radius: 8px;
border: 1px solid #f58120;
background: #ffffff;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div.mw-warning {
border-radius: 8px;
border: 1px solid #3c7b84;
background: #ffffff;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div.mw-warning-with-logexcerpt {
border-radius: 8px;
border: 1px solid #3c7b84;
background: #ffffff;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div#content fieldset {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div#content fieldset legend {
border: none;
background: transparent;
color: #deaf04;
font-weight: bold;
margin: 0 0 8px 0;
padding: 3px 6px;
}
.mw-plusminus-null {
color: #888888;
}
.mw-plusminus-pos {
color: #00ff00;
}
.mw-plusminus-neg {
color: #ff0000;
}
.mw-search-profile-tabs {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: #000000 !important;
}
/* Page history */
table.diff {
border-radius: 8px;
border: 1px solid #843d08;
background-color: #ffffff;
margin: 0 0 10px 0;
padding: 3px 6px;
}
#pagehistory li {
background-color: #ffffff;
border: none;
margin: 1px;
padding: 3px;
}
#pagehistory li.selected {
background-color: #ffffff;
background-image: none;
border: 1px solid #843d08;
padding: 3px;
}
td.diff-context {
background: #ffffff;
border-color: #c0c0c0;
}
td.diff-deletedline {
background-color: #FFE49C;
border-color: #FFE49C;
color: black;
}
td.diff-addedline {
background-color: #A3D3FF;
border-color: #A3D3FF;
color: black;
}
fieldset#mw-searchoptions {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: -10px 0 10px 0 !important;
padding: 3px 6px;
}
fieldset#mw-searchoptions h4 {
border: none;
border-bottom: 1px solid #f37c23;
color: #000000;
font-family: 'Open Sans', sans-serif;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
fieldset#mw-searchoptions div.divider {
border: none;
border-bottom: 1px solid #f37c23;
}
div#preferences {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
div#preferences fieldset {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div#preferences fieldset legend {
border: none;
background: transparent;
color: #deaf04;
font-weight: bold;
margin: 0 0 8px 0;
padding: 3px 6px;
}
div#preferences fieldset fieldset {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 5px;
padding: 10px;
}
div#preferences fieldset fieldset legend {
border: none;
background: transparent;
color: #deaf04;
font-weight: bold;
margin: 0 0 8px 0;
padding: 3px 6px;
}
#preferences td.htmlform-tip {
color: #888888;
}
#preftoc {
border: none;
background: transparent;
}
#preftoc ul {
border: none;
background: transparent;
}
#preftoc li {
border: none;
background: transparent;
}
#preftoc li a {
color: #f58120;
height: 25px;
line-height: 25px;
padding: 3px 0 0 0;
margin: 0 4px;
}
#preftoc li a:visited {
color: #f58120;
}
#preftoc li.selected a {
background: transparent;
color: #000000;
}
#preftoc li a:active {
color: #999999;
}
.errorbox {
border-radius: 8px;
border: 1px solid #843c3c;
background: transparent;
color: #000000;
}
.warningbox {
border-radius: 8px;
border: 1px solid #84603c;
background: transparent;
color: #000000;
}
.successbox {
border-radius: 8px;
border: 1px solid #3c843c;
background: transparent;
color: #000000;
}
ul#filetoc {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
table.mw_metadata {
border: none;
background: transparent;
margin: 0 0 10px 0;
padding: 3px 6px;
}
table.mw_metadata th {
border: 1px solid #cccccc;
background: #eeeeee;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.mw_metadata td {
border: 1px solid #cccccc;
background: #ffffff;
color: #000000;
padding: 0 3px 1px 3px;
}
.mw-datatable {
border: none;
background: transparent;
margin: 0 0 10px 0;
padding: 3px 6px;
}
.mw-datatable th {
border: 1px solid #cccccc;
background: #eeeeee;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
.mw-datatable td {
border: 1px solid #cccccc;
background: #ffffff;
color: #000000;
padding: 0 3px 1px 3px;
}
.mw-datatable tr:hover td {
background: #dddddd;
}
.ui-menu-item, .ui-menu-item a, .ui-widget-content a {
}
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover a, .ui-menu .ui-state-hover, .ui-menu .ui-state-hover a {
}
table.mw-abuselog-details {
border: none;
background: transparent;
margin: 0 0 10px 0;
padding: 3px 6px;
}
table.mw-abuselog-details tr th {
border: 1px solid #cccccc;
background: #eeeeee;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.mw-abuselog-details tr td {
border: 1px solid #cccccc;
background: #ffffff;
color: #000000;
padding: 0 3px 1px 3px;
}
.mw-abusefilter-history-changed {
}
div.wikiEditor-ui, div.wikiEditor-preview-contents, div.wikiEditor-preview-loading {
background-color: transparent;
}
body.page-Streamerpedia div.wikiEditor-preview-contents, body.page-Streamerpedia div.wikiEditor-preview-contents {
background-color: #1f1f1f;
}
/*****************
/* Footer styles *
/*****************/
div#footer {
float: right;
clear: right;
width: 100%;
max-width: 100%;
box-sizing: border-box;
border: none;
background: transparent;
color: #cccccc;
margin: 0 0 0 0;
padding: 10px 20px 10px 20px;
overflow: hidden;
}
div#footer ul li {
color: #cccccc;
}
/******************
/* General styles *
/******************/
.contentbox {
border-radius: 8px;
border: 1px solid #cccccc;
background: transparent;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
overflow: auto;
}
span.ghost {
color: #888888; /* For any text that appear fainter for some reason */
}
.columns {
padding: 0;
margin: 10px 0 0 0;
overflow: hidden;
}
.columns .leftcol {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.columns .centercol {
float: left;
margin: 0;
padding: 0;
}
.columns .rightcol {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
.mobileonly {
display: none;
}
/*********************
/* Front page styles *
/*********************/
.fpcontent {
width: 100%;
overflow: hidden;
z-index: 1;
}
div#content .fpcontent a.extiw, div#footer .fpcontent a.extiw, div#content .fpcontent a.external, div#footer .fpcontent a.external {
color: #f58120;
}
div#content .fpcontent a.extiw:visited, div#footer .fpcontent a.extiw:visited, div#content .fpcontent a.external:visited, div#footer .fpcontent a.external:visited {
color: #c18555;
}
.fpboxes {
display: table;
border-spacing: 10px;
width: 100%;
margin: -10px 0;
}
.fpboxes .fpboxrow {
display: table-row;
}
.fpboxes .fpboxrow .fpbox {
display: table-cell;
width: 50%;
}
.fpbox {
border: none;
background: #333333;
color: #cccccc;
margin: 10px;
padding: 25px;
overflow: hidden;
}
#GameImages a {
display: inline-block;
width: 14%;
padding: 10px;
overflow: visible
}
#GameImages img {
border-radius: 50%;
box-shadow: 4px 4px 10px #000000;
margin: 0;
width: 100%;
height: auto;
opacity: 0.8;
filter: alpha(opacity=40); /* For IE8 and earlier */
}
#GameImages img:hover {
opacity: 10;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.fpbox .infoboxtable {
float: none;
color: #cccccc;
margin: 0 auto;
}
.fpbox.help {
background: #888888;
color: #ffffff;
}
.fpbox .heading {
border: none;
color: #f37c23;
font-size: 150%;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.fpbox.help .heading {
color: #ffffff;
}
@media (min-width: 1072px) {
.fpcontent {
width: auto;
padding-right: 470px;
}
#fptopsection {
float: left;
width: 100%;
}
#fpflexsection {
float: right;
margin-right: -470px;
width: 470px;
}
#fpbottomsection {
float: left;
width: 100%;
}
}
div#content div.inlinebutton {
display: inline-block;
width: 50%;
}
div#content div.majorlinkbutton a, div#content div.majorlinkbutton a:link, div#content div.majorlinkbutton a:visited {
display: block;
border-radius: 8px;
border: none;
background: #888888;
color: #ffffff;
font-size: 132%;
font-weight: bold;
margin: 0 5px 5px 5px;
padding: 20px !important;
}
div#content div.helpbutton {
display: inline-block;
width: 33.33%;
}
div#content div.helpbutton a, div#content div.helpbutton a:link, div#content div.helpbutton a:visited {
display: block;
border-radius: 8px;
border: 1px solid #666666;
background: #ffffff !important;
color: #888888 !important;
margin: 0 5px 5px 5px;
padding: 10px !important;
}
div#content div.minorlinkbutton a, div#content div.minorlinkbutton a:link, div#content div.minorlinkbutton a:visited {
display: block;
border-radius: 8px;
border: 1px solid #f58120;
background: transparent;
color: #f58120;
margin: 0 5px 5px 5px;
padding: 10px !important;
}
div.featuredimage {
float: left;
margin: 0 20px 10px 0;
}
div.addpagebutton {
display: table;
}
div.addpagebutton .inner {
display: table-row;
}
div#content div.addpagebutton a, div#content div.addpagebutton a:link, div#content div.addpagebutton a:visited {
display: table-cell;
width: 130px;
height: 90px;
background: #cccccc url("https://hydra-media.cursecdn.com/streamers.gamepedia.com/0/0e/No_image.jpg?2") no-repeat center center;
color: #ffffff;
text-align: center;
vertical-align: middle;
padding: 5px !important;
}
div.halfwidthondesktop {
margin: 0 25%;
}
/******************
/* Infobox styles *
/******************/
.infoboxtable {
background: rgba(0, 0, 0, 0);
border: 1px solid #888888;
color: #000000;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px;
}
.infoboxtable td {
vertical-align: top;
}
.infoboxtable td > div {
border: none;
border-radius: 2px;
background: #888888;
color: #ffffff;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
}
.infoboxdetails {
background: rgba(0, 0, 0, 0);
padding: 0em;
}
.infoboxname {
background: #888888;
border: none;
border-radius: 2px;
color: #ffffff;
font-size: 110%;
font-weight: bold;
height: 30px;
padding: 0.5em;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Claim wiki button - this section can be removed if you remove the claim button from the main page */
.claimwikibutton {
text-align: center;
}
.claimwikibutton a {
background: url("http://media-mercury.cursecdn.com/attachments/1/716/claim_wiki_button.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
color: transparent;
display: block;
height: 57px;
margin: 0 auto;
max-width: 100%;
width: 200px;
}
.claimwikibutton a:hover {
background: url("http://media-mercury.cursecdn.com/attachments/1/717/claim_wiki_button_hover.png") no-repeat scroll left center / 100% auto rgba(0, 0, 0, 0);
color: transparent;
}
/********************
/* Marquee *
/********************/
div#content p.marquee {
width: 640px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
-webkit-animation: marquee 50s linear infinite; /* Safari and Chrome */
animation: marquee 50s linear infinite;
}
.marquee:hover {
-webkit-animation-play-state: paused; /* Safari and Chrome */
animation-play-state: paused;
}
@-webkit-keyframes marquee {
0% { text-indent: 640px; }
100% { text-indent: -105em; }
}
@keyframes marquee {
0% { text-indent: 640px; }
100% { text-indent: -105em; }
}
/* AJAXPoll styling */
.ajaxpoll {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: none;
text-align: left;
width: auto;
}
div.ajax-poll {
border: none;
clear: both;
margin-top: 1em;
padding: 1em;
}
.pollAnswerVotes {
border: 1px solid #cccccc;
font-size: 10px;
height: 12px;
margin-left: 10px;
position: relative;
width: 100%;
}
.ajaxpoll .ajaxpoll-answer-vote div {
background: none repeat scroll 0 0 #999999;
}
.ajaxpoll .ajaxpoll-ajax {
background: none repeat scroll 0 0 #888888;
}
.ajaxpoll-id-info,
.ajaxpoll .ajaxpoll-misc,
.ajaxpoll .ajaxpoll-info {
display: none;
}
.donatelink {
background: #999999;
border: 1px solid #999999;
border-radius: 8px;
color: #FFFFFF;
font-weight: bold;
font-size: 120%;
text-align: center;
display: block;
margin: 0 5px 5px;
padding: 10px !important;
width: 40%;
margin-left: auto;
margin-right: auto;
}
.donatelink a {
color: #FFFFFF !important;
}
body.page-User_OOeyes_Streamerpedia div#content {
background: transparent;
}
@media (min-width: 1072px) {
body.page-User_OOeyes_Streamerpedia .fpcontent {
width: auto;
padding-right: 470px;
}
body.page-User_OOeyes_Streamerpedia #fptopsection {
float: left;
width: 100%;
}
body.page-User_OOeyes_Streamerpedia #fpflexsection {
float: right;
margin-right: -470px;
width: 470px;
}
body.page-User_OOeyes_Streamerpedia #fpbottomsection {
float: left;
width: 100%;
}
}