Camelot Unchained Wiki
Don't have an account?
Register
Register
Camelot Unchained Wiki
Camelot Unchained Wiki
270
pages

Hydradark.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
No edit summary
Line 75: Line 75:
   
 
div.vectorTabs li.selected {
  
div.vectorTabs li.selected {
−
background: transparent;
 +
background: rgba(0, 0, 0, 0.8);
 
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  
border-bottom: 1px solid rgba(0, 0, 0, 0.8);
 
}
  
}
Line 96: Line 96:
 
}
  
}
   
−
div#mw-head div.vectorMenu h4 {
 +
div#mw-head div.vectorMenu h3 {
−
color: #A2A2A2;
 +
padding: 0px;
  +
border: none;
 
}
  
}
   
Line 155: Line 156:
   
 
h1, h2, h3, h4, h5, h6 {
  
h1, h2, h3, h4, h5, h6 {
  ⚫
background: #1D1D1D;
 
border-bottom: 1px solid #303030;
  
border-bottom: 1px solid #303030;
 
color: #FFFFFF;
  
color: #FFFFFF;
−
padding: 10px !important;
 +
padding: 10px;
⚫
background: #1D1D1D;
  
 
}
  
}
   

Revision as of 00:26, 7 February 2016

/* 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(http://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(http://hydra-media.cursecdn.com/camelot.gamepedia.com/c/cb/Bg1.jpg) top left no-repeat #000;
    background-position: center -20px;
}

#global-wrapper {
    background: url(http://hydra-media.cursecdn.com/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: 363px !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 #mw-panel.collapsible-nav div.portal {
    background: transparent;
}

.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;
}

#mw-panel.collapsible-nav div.portal h3,
#mw-panel.collapsible-nav .portal.collapsed h3 {
    background-color: transparent;
}

#mw-panel.collapsible-nav div.portal h3 a,
#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, h3, h4, h5, h6 {
    background: #1D1D1D;
    border-bottom: 1px solid #303030;
    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,
#preferences td.htmlform-tip,
#contentSub, #contentSub2,
#preferences legend,
#preftoc li.selected a {
    color: #E4E4E4;
}

a:hover {
    text-decoration: underline;
}

/* Footer */
div#footer {
    background: transparent;
    border-top: 0px solid #303030;
}

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 */
.mw-search-formheader {
    background-color: #3F3F3F;
    border: 1px solid #303030;
}

.mw-search-formheader div.search-types ul li.current a {
    font-weight: bold;
}

fieldset#mw-searchoptions {
    background: transparent;
    border-color: #303030 !important;
}

fieldset#mw-searchoptions div.divider {
    border-color: #96ABC8;
}

/* Tables */
.skin-hydradark table.wikitable {
    background-color: transparent;
    border: 1px solid #303030;
    color: #FFFFFF;
}

.skin-hydradark table.wikitable > tr > th,
.skin-hydradark table.wikitable > * > tr > th {
    background-color: #3F3F3F;
    border: 1px solid #AAAAAA;
}

.skin-hydradark table.wikitable > tr > td,
.skin-hydradark table.wikitable > * > tr > td {
    border: 1px solid #AAAAAA;
}

table.mw_metadata th {
    background: #3F3F3F;
    border: 1px solid #AAAAAA;
}

table.mw_metadata td {
    background: transparent;
    border: 1px solid #AAAAAA;
}

.TablePager {
    background: transparent;
    border: 1px solid #AAAAAA;
    padding: 0 0.15em;
}

.TablePager th {
    background: #3F3F3F;
    border: 1px solid #AAAAAA;
    padding: 0 0.15em;
}

.TablePager tr:hover td {
    background-color: rgba(255, 255, 255, 0.15) !important;
}
 
.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;
}

.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;
}

.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("http://hydra-media.cursecdn.com/commons.cursetech.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(http://hydra-media.cursecdn.com/camelot.gamepedia.com/4/45/Left-frame.png);
}

.Camelot:after {
    position: absolute;
    right: -6px;
    top: -6px;
    width: 80px;
    height: 50px;
    content: url(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/camelot.gamepedia.com/1/10/Videobg.jpg) no-repeat center center;
    height: 300px;
}

#morevideo a {
    background: url(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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(http://hydra-media.cursecdn.com/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;
    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(http://hydra-media.cursecdn.com/camelot.gamepedia.com/c/cb/Cu_banner.jpg) no-repeat top left #000;
    border: 1px solid #401600;
    background-size: cover;
}

.lady {
    background: url(http://hydra-media.cursecdn.com/camelot.gamepedia.com/f/f4/Ladybanner.jpg) no-repeat top left #000;
    border: 1px solid #313131;
    background-size: cover;
}

.artwindow {
    background: url(http://hydra-media.cursecdn.com/camelot.gamepedia.com/f/fa/Artdragon.jpg) no-repeat top left #000;
    border: 1px solid #610000;
    background-size: cover;
}

.tddwindow {
    background: url(http://hydra-media.cursecdn.com/camelot.gamepedia.com/1/10/Tddforest.jpg) no-repeat top left #000;
    border: 1px solid #466200;
    background-size: cover;
}

.vikwindow {
    background: url(http://hydra-media.cursecdn.com/camelot.gamepedia.com/5/53/Seadragon2.jpg) no-repeat top left #000;
    border: 1px solid #00485E;
    background-size: cover;
}

/* 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;
}
Community content is available under CC BY-NC-SA unless otherwise noted.