In other languages: Français
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 Hydradark skin */
/* For elements which only display in the mobile view */
.mobileonly {
display: none;
}
/* Custom fonts */
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700,900);
/* Hide main page header */
body.page-Camelot_Unchained_Wiki h1.firstHeading {
display: none;
}
/* Framework */
body {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/c/cb/Bg1.jpg) top left no-repeat #000;
background-position: center -20px;
}
#global-wrapper {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/3/34/Content-bg.jpg) repeat-x;
background-position: 0px 191px;
}
body #pageWrapper {
margin-right: 20px;
}
/* Logo */
#p-logo {
margin-top: 0px;
}
#p-logo a {
width: 400px !important;
}
/* Head */
div#mw-head {
top: 150px;
}
div#mw-page-base {
background: transparent;
background-image: none;
}
#mw-head-base {
background: rgba(0, 0, 0, 0);
background-image: none;
margin-top: 100px;
height: 50px;
}
/* Tabs */
#left-navigation {
margin-top: 2.5em;
margin-bottom: -2.5em;
}
#right-navigation {
margin-top: 2.5em;
margin-right: 13px;
}
div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div#mw-head div.vectorMenu h3 {
background: transparent;
margin-bottom: 1px;
}
div.vectorTabs li.selected {
background: rgba(0, 0, 0, 0.8);
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
div.vectorTabs li span a,
div.vectorTabs span a:visited,
div.vectorMenu h3 span {
background: transparent;
color: #A2A2A2 !important;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
background: transparent;
color: #FFFFFF !important;
}
div.vectorTabs .new a {
color: #BA0000 !important;
}
div#mw-head div.vectorMenu h3 {
padding: 0px;
border: none;
}
div.vectorMenu div.menu {
background: #A5A5A5;
border: none;
}
div#mw-head div.vectorMenu a {
color: #FFFFFF;
}
div#simpleSearch {
background-image: none;
background: rgb(48, 48, 48);
border: solid 1px #515151;
}
div#simpleSearch input {
color: rgb(239, 239, 239);
}
/* Sidebar */
div#mw-panel {
margin-top: 10px;
}
.skin-hydradark div#mw-panel div.portal,
.skin-hydradark #mw-panel.collapsible-nav div.portal {
background-image: none;
}
.skin-hydradark div#mw-panel div.portal div.body ul li a,
.skin-hydradark div#mw-panel div.portal div.body ul li a:visited {
color: #B3B4B7;
font-weight: bold;
}
.skin-hydradark div#mw-panel div.portal h3,
.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,
.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a {
border: none;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
}
/* Content */
div#content {
background: rgba(0, 0, 0, 0.6);
border: none;
color: #B3B4B7;
}
h1, h2 {
background: #1D1D1D;
border-bottom: 1px solid #303030;
color: #FFFFFF;
padding: 10px;
}
h3, h4, h5, h6 {
background: #1D1D1D;
color: #FFFFFF;
padding: 10px;
}
div#toc,
div.toc,
.mw-warning {
background-color: #262626;
border: 1px solid #303030;
font-size: 95%;
padding: 5px;
}
#userlogin,
#userloginForm,
.mw-warning,
li.gallerybox,
div.thumbinner,
.usermessage,
ul#filetoc {
background-color: #262626;
background-image: -moz-linear-gradient(center top, #262626 50%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #262626), color-stop(100%, #000000));
background: -webkit-linear-gradient(top, #262626 50%, #000000 100%);
background: -o-linear-gradient(top, #262626 50%, #000000 100%);
background: -ms-linear-gradient(top, #262626 50%, #000000 100%);
background: linear-gradient(to bottom, #262626 50%, #000000 100%);
border: 1px solid #303030;
clear: both;
line-height: 1.8em;
margin: 10px;
padding: 10px;
}
.catlinks {
background-color: #262626;
background-image: -moz-linear-gradient(center top, #262626 50%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #262626), color-stop(100%, #000000));
background: -webkit-linear-gradient(top, #262626 50%, #000000 100%);
background: -o-linear-gradient(top, #262626 50%, #000000 100%);
background: -ms-linear-gradient(top, #262626 50%, #000000 100%);
background: linear-gradient(to bottom, #262626 50%, #000000 100%);
border: 1px solid #303030;
}
code {
background-color: #000000;
}
pre {
background: rgba(255,255,255,0.1);
color: white;
border: 0;
margin: 1em 4em;
padding: 0.5em;
word-wrap: break-word;
white-space: pre;
line-height: 1.3em;
border: 1px solid #4F4F4F;
}
fieldset {
border: 1px solid #96abc8;
}
/* Anchors */
a,
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited,
.skin-hydradark #preferences td.htmlform-tip,
#contentSub, #contentSub2,
.skin-hydradark #preferences legend,
.skin-hydradark #preftoc li.selected a,
.skin-hydradark #mw-indicator-mw-helplink a {
color: #eacc52;
font-weight:bold;
}
a:hover {
text-decoration: underline;
}
/* Footer */
div#footer ul li {
color: #B3B4B7;
}
/* Thumbnails and galleries and image file history */
div.thumbinner {
background: #262626;
}
li.gallerybox div.thumb {
background-color: transparent !important;
border: none!important;
}
/* Preferences */
.skin-hydradark #preftoc,
.skin-hydradark #preftoc li,
.skin-hydradark #preferences,
.skin-hydradark #preftoc li.selected a {
background-image: none;
background-color: transparent;
}
.skin-hydradark #preftoc {
background-color: #3F3F3F;
border: 0px;
}
.skin-hydradark #preftoc a,
.skin-hydradark #preftoc a:active {
background-image: none;
color: #FFFFFF;
}
.skin-hydradark #preferences {
background-color: #3F3F3F;
border: 1px solid #303030;
}
.skin-hydradark #preferences fieldset {
border-color: #96ABC8 !important;
}
/* Page history */
#pagehistory li.selected {
background-color: rgba(0, 0, 0, 0.5);
background-image: none;
border: 1px dashed #303030;
padding: 3px;
}
#pagehistory li {
background-color: transparent;
border: none;
padding: 3px;
}
table.diff,
td.diff-otitle,
td.diff-ntitle {
background: transparent !important;
}
/* Color fix for advanced search options box */
.skin-hydradark .mw-search-profile-tabs {
background-color: #3F3F3F;
border: 1px solid #303030;
}
.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
font-weight: bold;
}
.skin-hydradark fieldset#mw-searchoptions {
background: transparent;
border-color: #303030 !important;
}
.skin-hydradark fieldset#mw-searchoptions div.divider {
border-color: #96ABC8;
}
/* Tables */
.skin-hydradark table.wikitable {
background-color: transparent;
border: 1px solid #383838;
color: #B3B4B7 !important;
}
.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
background-color: #3F3F3F;
border: 1px solid #383838;
}
.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > td {
border: 1px solid #383838;
}
table.mw_metadata th {
background: #3F3F3F;
border: 1px solid #AAAAAA;
}
table.mw_metadata td {
background: transparent;
border: 1px solid #AAAAAA;
}
.skin-hydradark .TablePager {
background: transparent;
border: 1px solid #AAAAAA;
padding: 0 0.15em;
}
.skin-hydradark .TablePager th {
background: #3F3F3F;
border: 1px solid #AAAAAA;
padding: 0 0.15em;
}
.skin-hydradark .TablePager tr:hover td {
background-color: rgba(255, 255, 255, 0.15) !important;
}
.skin-hydradark .TablePager td {
background: transparent !important;
border: 1px solid #AAAAAA;
}
/* Wiki editor fixes */
div.wikiEditor-ui,
div.wikiEditor-ui-buttons,
div.wikiEditor-ui-controls {
background: transparent;
border: none;
}
div.wikiEditor-ui-tabs {
border-left: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
}
div.wikiEditor-ui-tabs div {
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}
div.wikiEditor-ui-tabs div a,
div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .booklet .index div {
color: #E4E4E4;
}
div.wikiEditor-ui-tabs div a {
background: #7D7E7D; /* Old browsers */
background: -moz-linear-gradient(top, #7D7E7D 0%, #0E0E0E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7D7E7D), color-stop(100%, #0E0E0E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7D7E7D 0%, #0E0E0E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7D7E7D 0%, #0E0E0E 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7D7E7D 0%, #0E0E0E 100%); /* IE10+ */
background: linear-gradient(to bottom, #7D7E7D0%, #0E0E0E 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7D7E7D', endColorstr='#0E0E0E', GradientType=0 ); /* IE6-9 */
border: 1px solid #0E0E0E;
box-shadow: 0 0.1em 0.75em #000000;
color: #C0C0C0;
}
div.wikiEditor-ui-tabs div.current a {
font-weight: bold;
}
div.wikiEditor-ui .wikiEditor-ui-view,
div.wikiEditor-ui-toolbar .group,
div.wikiEditor-ui-toolbar .sections .section,
div.wikiEditor-ui-toolbar .page-characters div span,
div.wikiEditor-ui-toolbar .page-table td {
border-color: #AAAAAA;
}
div.wikiEditor-ui-toolbar,
div.wikiEditor-ui-toolbar .sections .section,
div.wikiEditor-ui-toolbar .booklet .pages {
background: transparent;
}
div.wikiEditor-ui-toolbar .booklet .index .current,
div.wikiEditor-ui-toolbar .page-characters div span:hover {
background: #3F3F3F;
border-color: #AAAAAA;
color: #FFFFFF;
}
div.wikiEditor-ui-toolbar .page-table th {
color: #FFFFFF;
}
div.wikiEditor-preview-contents {
background-color: transparent;
border-color: #AAAAAA;
border-style: none solid;
border-width: 0 1px;
}
div.editOptions {
background-color: rgba(0, 0, 0, 0);
border-color: #AAAAAA;
}
/* copyright images tweak */
.skin-hydradark .copyright-icon {
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
background-size: 100%;
height: 32px;
width: 32px;
}
/* For "edit this page" tab and "discussion" tab etc */
.pagetab {
border-style: solid solid none;
border-width: thin;
border-color: #808080;
padding:0.25ex 1ex 0ex;
font-size: 95%;
}
/* Ambox notices */
.ambox {
background-color: #282828;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%;
}
.ambox-gray {
border-left-color: #383838;
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
.ambox + .ambox {
margin-top: -2px;
}
.ambox-text {
padding: 0.25em 0.5em;
}
.ambox-image {
padding: 2px 0px 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-blue {
border-left: 10px solid #1E90FF;
}
.ambox-red {
border-left: 10px solid #B22222;
}
.ambox-orange {
border-left: 10px solid #F28500;
}
.ambox-yellow {
border-left: 10px solid #F4C430;
}
.ambox-purple {
border-left: 10px solid #9932CC;
}
.ambox-gray {
border-left: 10px solid #BBA;
}
.ambox-green {
border-left: 10px solid #228B22;
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left:0.8em;
margin-top:0.5em;
}
/* Custom gradient */
.Camelot {
box-shadow: none;
background: rgb(38,38,38); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzFlMWUxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(63,63,63,1) 27%, rgba(102,102,102,1) 50%, rgba(51,51,51,1) 51%, rgba(51,51,51,1) 51%, rgba(30,30,30,1) 76%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38,38,38,1)), color-stop(27%, rgba(63,63,63,1)), color-stop(50%, rgba(102,102,102,1)), color-stop(51%, rgba(51,51,51,1)), color-stop(51%, rgba(51,51,51,1)), color-stop(76%, rgba(30,30,30,1)), color-stop(100%, rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(63,63,63,1) 27%, rgba(102,102,102,1) 50%, rgba(51,51,51,1) 51%, rgba(51,51,51,1) 51%, rgba(30,30,30,1) 76%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(63,63,63,1) 27%, rgba(102,102,102,1) 50%, rgba(51,51,51,1) 51%, rgba(51,51,51,1) 51%, rgba(30,30,30,1) 76%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(38,38,38,1) 0%, rgba(63,63,63,1) 27%, rgba(102,102,102,1) 50%, rgba(51,51,51,1) 51%, rgba(51,51,51,1) 51%, rgba(30,30,30,1) 76%, rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(38,38,38,1) 0%, rgba(63,63,63,1) 27%, rgba(102,102,102,1) 50%, rgba(51,51,51,1) 51%, rgba(51,51,51,1) 51%, rgba(30,30,30,1) 76%, rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#131313', GradientType=0 ); /* IE6-8 */
height: 30px;
position: relative;
margin: -12px -12px 0px -12px;
}
div.Camelot > b {
font-family: 'Merriweather', sans-serif;
font-weight: 400;
color: #FFFFFF;
letter-spacing: 1px;
font-size: 16px;
}
.Camelot:before {
position: absolute;
left: -6px;
top: -6px;
width: 80px;
height: 50px;
content: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/4/45/Left-frame.png);
}
.Camelot:after {
position: absolute;
right: -6px;
top: -6px;
width: 80px;
height: 50px;
content: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/2/2c/Right-frame.png);
}
#mw-content-text .fp > table {
border-spacing: 1.3em;
}
#mw-content-text .fp > table > tbody > tr > td {
border: 1px solid #303030 !important;
padding: 10px !important;
background: #121212 !important;
}
#mf-welcome .fp > span:nth-child(1) {
font-family: 'Merriweather', sans-serif;
}
.settings li {
display: block;
margin-bottom: -1px;
}
.settings li a, .setting {
text-align: center;
display: block;
padding: 7px 15px;
border: 1px solid #2D2D2D;
background: #000000;
}
.settings li a:hover {
background: #181818;
}
div.reveals {
text-align: center;
display: block;
padding: 7px 15px;
border: 1px solid #2D2D2D;
background: #000000;
}
/* Realms Frontpage style */
div.art, div.tdd, div.vik {
margin-bottom: 10px;
}
.art span, .tdd span, .vik span {
display: block;
padding: 7px 15px;
text-align: center;
font-size: 16px;
margin-bottom: -8px;
}
.art div, .tdd div, .vik div {
width: 200px;
display: block;
margin: auto;
}
.art div.char, .tdd div.char, .vik div.char {
display: block;
vertical-align: top;
margin: 10px;
width: inherit;
text-align: center;
background: rgba(0, 0, 0, 0.5);
}
.art div.char li, .tdd div.char li, .vik div.char li {
display: inline-block;
border: 1px solid #000000;
margin: 0px;
}
.art div.char li a, .tdd div.char li a, .vik div.char li a {
display: block;
text-shadow: 2px 2px #000;
line-height: 145px;
text-align: center;
height: 85px;
width: 130px;
}
.art div.char li:hover {
border: 1px solid #A30000;
}
.tdd div.char li:hover {
border: 1px solid #658E00;
}
.vik div.char li:hover {
border: 1px solid #008EBA;
}
.art div.char p {
color: #797979;
background: rgba(0, 0, 0, 0.64);
padding-left: 10px;
}
.tdd div.char p {
color: #797979;
background: rgba(0, 0, 0, 0.64);
padding-left: 10px;
}
.vik div.char p {
color: #797979;
background: rgba(0, 0, 0, 0.64);
padding-left: 10px;
}
.art {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/0/09/Art-bg.jpg) no-repeat top left #000;
border: 1px solid #610000;
background-size: cover;
}
.art span a {
display: block;
height: 30px;
width: 30px;
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/5/5b/Shields-arth.png) no-repeat left;
background-size: contain;
text-indent: 36px;
line-height: 33px;
margin-left: 20px;
}
.art div.char {
padding: 0px ;
vertical-align: top;
}
.tdd {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/c/c9/Tdd-bg.jpg) no-repeat top left #000;
border: 1px solid #466200;
background-size: cover;
}
.tdd span a {
display: block;
height: 30px;
width: 180px;
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/a/ae/Shields-tdd.png) no-repeat left;
background-size: contain;
text-indent: 36px;
line-height: 33px;
}
.tdd div.char {
padding: 0px ;
vertical-align: top;
}
.vik {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/1/1b/Vik-bg.jpg) no-repeat top left #000;
border: 1px solid #00485E;
background-size: cover;
}
.vik span a {
display: block;
height: 30px;
width: 30px;
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/0/0d/Shields-viking.png) no-repeat left;
background-size: contain;
text-indent: 36px;
line-height: 33px;
margin-left: 30px;
}
.vik div.char {
padding: 0px ;
vertical-align: top;
}
.embedvideo {
margin: auto;
padding: 0px;
}
#video {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/1/10/Videobg.jpg) no-repeat center center;
height: 300px;
}
#morevideo a {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/a/a8/Morevideo.png)no-repeat !important;
display: block;
text-indent: -9999px;
width: 135px;
height: 60px;
background-size: contain!important;
margin: auto;
margin-top: -5px;
}
#moreimages a {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/d/d8/Moreimages.png)no-repeat !important;
display: block;
text-indent: -9999px;
width: 135px;
height: 60px;
background-size: contain!important;
margin: auto;
margin-top: -5px;
}
#moreart a {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/f/f8/Moreart.png)no-repeat !important;
display: block;
text-indent: -9999px;
width: 135px;
height: 60px;
background-size: contain!important;
margin: auto;
margin-top: -5px;
}
/* Navbox */
.navbox {
clear: both;
background: rgba(0, 0, 0, 0.8);
border: 1px solid #2D2D2D;
color: #B3B4B7;
text-align: center;
padding: 0.2em;
margin-top: 10px;
margin: auto;
width: 70%;
}
.navbox th,
.navboxcat {
background-color: #868585;
color: #FFFFFF;
}
.navbox th a {
color: #FFFFFF;
}
/* Infobox template style */
.infobox {
background: rgba(0, 0, 0, 0.8);
border: 1px solid #2D2D2D;
margin-left: 5.0em;
margin-bottom: 0.5em;
margin-top:20px;
float: right;
}
.infobox .Camelot {
margin-top: -30px;
}
.infobox td, .infobox th {
vertical-align: top;
}
.infobox th {
background: #121212;
color: #FFFFFF;
font-weight: bold;
text-align: right;
padding: 0.5px 8px;
margin-left: 2px;
margin-bottom: 2px;
border: 1px solid #323232;
}
/* Slideshow css */
.lb-outerContainer {
background-color: #000;
border-radius: 0px;
}
/* Misc Backgrounds */
.culogo {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/c/cb/Cu_banner.jpg) no-repeat top left #000;
border: 1px solid #401600;
background-size: cover;
}
.lady {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/f/f4/Ladybanner.jpg) no-repeat top left #000;
border: 1px solid #313131;
background-size: cover;
}
.artwindow {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/f/fa/Artdragon.jpg) no-repeat top left #000;
border: 1px solid #610000;
background-size: cover;
}
.tddwindow {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/1/10/Tddforest.jpg) no-repeat top left #000;
border: 1px solid #466200;
background-size: cover;
}
.vikwindow {
background: url(https://camelot.gamepedia.com/media/camelot.gamepedia.com/5/53/Seadragon2.jpg) no-repeat top left #000;
border: 1px solid #00485E;
background-size: cover;
}
.fogneutral {
background: #1D1D1D !important;
background-size: cover;
color: #FFFFFF !important;
text-align: center !important;
font-weight: bold !important;
box-shadow:0px 7px 7px 0px #4A4646 inset !important;
padding: 0.2em 0.5em !important
}
/* VideoLink */
a.vplink {padding-left: 18px; background-image: url(/extensions/VideoLink/play.png); background-repeat: no-repeat; background-position: left center}
a.vplink:hover {background-image: url(/extensions/VideoLink/play-hover.png)}
.vplayerbox {display: inline-block}
/*.slideboxlightshow {
display: block;
overflow: hidden;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0!important;
width: auto!Important;
}*/
#mf-news > div:nth-child(2) > div.center > div > a > img {
max-width: 100%; height: auto;
}
.fp .embedvideo {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
width: auto!important;
}
.fp .embedvideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Hydralytics page */
.ui-tabs {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ui-tabs a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #c0c0c0;
}
.ui-tabs .ui-tabs-panel {
color: #c0c0c0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
background: #000000;
}
.ui-tabs .ui-tabs-nav li {
background: none repeat scroll 0 0 #000000;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color: #7AB1CC;
}
.ui-tabs .ui-tabs-nav li a {
color: #B3B4B7;
}
/* Sample Components */
table.components {
width:60%;
border: none;
}
table.components th, td {
padding:10px;
}
table.components th {
width:50px;
}
/* Center a div within a div */
.box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
/* colour fix */
.grouptags li.edit {
background-color: #464646;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
height: 3.5em;
position: -webkit-sticky;
position: sticky;
padding-top: 0.5em;
margin-top: -0.5em;
top: 0;
z-index: 2;
background: transparent;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.1);
}
ul {
list-style-type: disc;
list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}
/* NEW FOR RESPONSIVE LAYOUT */
/* *********************************************************************************** */
/* CSS placed here will affect the main page layout */
/* */
/* The main page css has been moved to two different pages: MediaWiki:3colmainpage.css */
/* and MediaWiki:2colmainpage.css */
/* */
/* Wiki managers should copy over the appropriate version to this file and make any */
/* wiki specific changes where necessary */
/* */
/* *********************************************************************************** */
/* Front page appearance styles */
.fpbox .heading, .fpbox .mainheading, .fpbox .welcome {
overflow: hidden;
}
.fpbox .heading,
.fpbox .mainheading {
border: 0;
}
.fpbox {
background: rgba(0, 0, 0, 0.05);
border: 0;
box-shadow: 0 2px 5px #505050;
}
.fplink:not(.fplink-plain) {
background: rgba(0,0,0,0.3);
border: 1px solid #505050;
}
.fplink-fullwidth .fplink:not(.fplink-plain) {
background: rgba(0,0,0,0.4);
}
.linkslabel {
border-bottom: 2px solid #505050;
}
/* This CSS governs the responsive 3 column main page layout */
.fpmidsections {
float: left;
width: 100%;
overflow: hidden;
}
.fpsection1,
.fpsection2,
.fpsection3,
.fpsection4 {
float: left;
clear: both;
width: 100%;
}
.fpmain .columns .leftcol,
.fpmain .columns .rightcol {
width: 100%;
margin: 0;
padding: 0;
}
@media (min-width: 790px) {
.fpsection1,
.fpsection4 {
float: left;
clear: none;
width: 50%;
}
.fpmidsections {
float: right;
clear: none;
width: 50%;
}
}
@media (min-width: 990px) {
.fpmain .columns .leftcol {
float: left;
width: 50%;
}
.fpmain .columns .rightcol {
float: right;
width: 50%;
}
}
@media (min-width: 1390px) {
.fpmidsections {
clear: none;
float: right;
width: 66.667%;
}
.fpsection1 {
clear: none;
width: 33.333%;
}
.fpsection2,
.fpsection3 {
clear: none;
width: 50%;
}
.fpsection4 {
clear: left;
width: 33.333%;
}
}