Endless Legend Wiki
Don't have an account?
Register
Register
Endless Legend Wiki
Endless Legend Wiki
824
pages

Hydra.css

MediaWiki page
Back to page
Sign in to edit
(Fallback color for navigation background)
Pcj (talk | contribs)
No edit summary
Line 1,323: Line 1,323:
 
}
  
}
   
−
.fpbanner1 .fpbannertable {
  
−
background: url("http://endlesslegendwiki.com/images/Fpbox_left_1.png") left center no-repeat,
 
−
#ffffff url("http://endlesslegendwiki.com/images/Fpbox_right_1.png") right center no-repeat;
  
−
}
  
   
 
.fpmidsections {
  
.fpmidsections {

Revision as of 13:13, 26 February 2019

/* CSS placed here will affect users of the Common.css skin */

/******************
/* General styles *
/******************/
body {
  font-family: "Droid Serif", "Georgia", "Times New Roman", "Palatino", "Hoefler Text", "Baskerville", serif;
  font-size: 1.03em;
}
     
div#mw-page-base {
  background: transparent url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/a/a8/Header-Background.png") repeat-x top left !important;
  background: url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/c/ca/Skin-Header-Upper-Background.png") no-repeat 50% 7px,
              transparent url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/a/a8/Header-Background.png") repeat-x top left !important;
  height: 130px;
}

div#p-personal {
  position: absolute;
  top: -30px;
}

/***************
/* Logo styles *
/***************/
/* Logo */
#p-logo {
    height: 70px !important;
    margin-left: 15px;
    margin-top: 10px;
    padding: 0;
    position: absolute;

    width: 370px !important;
    z-index: 4;
}

#p-logo a {
    height: 70px !important;
    width: 370px !important;
}

/*****************
/* Header styles *
/*****************/
div#mw-head-base {
  display: none;
}

div#mw-head {
  border: none;
  background: url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/f/f8/Skin-Nav-Background.jpg") repeat-x left top;
  background-color:#253e5c;
  margin-top: 90px;
  height: 35px;
}

/**************************
/* Article navigation bar *
/**************************/
#left-navigation {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#right-navigation {
  margin: 0 0 0 0;
  padding: 0;
}

div.vectorTabs {
  border: none;
  background: transparent;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  height: 30px;
  margin: 2px 0 3px 0;
  padding: 0 0 0 0;
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
    padding: 26px 0 0;
}

div.vectorTabs ul {
  border: none;
  background: transparent;
}

div.vectorMenu h3 a {
    background-image: none;
}

div.vectorTabs ul li { 
}

div.vectorTabs ul li,
div.vectorTabs ul li.selected {
  border: none;
  margin: 0;
  padding: 0;
}

#left-navigation ul li {
  background: transparent url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat right center;
}

#right-navigation ul li {
  background: transparent url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat left center;
}

div.vectorTabs ul li span,
div.vectorTabs ul li.selected span {
  border: none;
  background: transparent;
}

div.vectorTabs li span a {
  border: none;
  background: transparent;
  color: #ffd955;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  height: 30px;
  line-height: 30px;
  margin: 0;
}

#left-navigation li span a {
  padding: 0 18px 0 16px;
}

#right-navigation li span a {
  padding: 0 16px 0 18px;
}

div.vectorTabs span a:visited {
  color: #d5c67f;
}

div.vectorTabs li.selected span a {
  border: none;
  background: transparent;
  color: #ffffff !important;
}

div.vectorTabs span a:hover,
div.vectorTabs span a:visited:hover,
div.vectorTabs li.selected span a:hover {
  text-decoration: underline;
}

div.vectorTabs li.new span a {
  color: #d58f7f;
}

div.vectorTabs li.new span a:visited {
  color: #c09c94;
}

div.vectorTabs li.new.selected span a {
  border: none;
  background: transparent;
  color: #ffdddd !important;
}

div.vectorTabs span a:active {
  color: #ffffff;
}

#p-views {
}

div.vectorMenu {
  border: none;
  width: 9px;
  height: 30px;
  line-height: 30px;
  margin: 2px 0 3px 0;
}

div#p-cactions {
  width: 9px;
  background: transparent url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat left center;
  padding: 0 16px 0 18px;
}

div#p-sharing {
  width: auto;
  background: transparent url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/b/bc/Skin-Nav-Divider.png") no-repeat right center;
  padding: 0 18px 0 16px;
}

div#mw-head div.vectorMenu h3 {
  background: transparent url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png") no-repeat center center !important;
  width: 9px;
  height: 30px;
}

div#mw-head div.vectorMenu:hover h3 {
  background: transparent url("https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png") no-repeat center center !important;
  width: 9px;
  height: 30px;
}

div#mw-head div.vectorMenu h3 span {
  display: none;
}

div#mw-head div.vectorMenu h3 a {
  border: none;
  background: transparent;
}

div.vectorMenu h4 {
  border: none;
  background: transparent;
  color: #ffd955;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  height: 30px;
  line-height: 30px;
  margin: 0 5px 0 0 !important;
  padding: 0 0.3em 0 0.3em !important;
}

div.vectorMenu h5 {
  background: transparent url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat center center !important;
  width: 9px;
  height: 30px;
}

div.vectorMenu:hover h5 {
  background: transparent url("https://commons.gamepedia.com/media/commons.gamepedia.com/0/0b/Vector_menu_downarrow.png") no-repeat center center !important;
  width: 9px;
  height: 30px;
}

div.vectorMenu h5 a {
  border: none;
  background: transparent;
}

div.vectorMenu div.menu {
  border: 1px solid #58708a;
  background: #253e5c;
  margin: 0;
  padding: 4px 10px;
  top: 30px;	
  z-index: 3000;
}

div#p-cactions div.menu ul {
  border: none;
  background: transparent;
}

div#p-cactions div.menu {
  left: auto;
  right: 0;
}

div#p-cactions div.menu ul li{
  text-align: right;
}

div#p-sharing div.menu {
  left: 0;
}

div.vectorMenu div.menu ul li {
  background: transparent !important;
}

div#p-cactions div.menu ul li a {
  color: #ffd955;
  margin: 5px 0;
  padding: 1px 0;
}

div#p-cactions div.menu ul li a:visited {
  color: #c09c94;
}

div#p-cactions div.menu ul li a:active {
  color: #ffffff;
}

#p-search {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

#p-search form {
}

#p-search input {
}

#p-search input[type="submit"],
#p-search input[type="button"],
#p-search input[type="reset"] {
  vertical-align: top;
}

#searchInput {
  width: 220px;
}

div#content mw-body {
  background: #ffffff url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/7/7e/SkinBackground.jpg") no-repeat top left 0px;
}


/***********************
/* Left sidebar styles *
/***********************/

div#mw-panel {
    top: 120;
    margin-left: 13px;
    margin-right: 12px;
    margin-top: 0;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-right: 0;
    width: 145px;
    overflow: visible;
}

div#mw-panel div.portal div.body ul li {
    margin: 0;
    padding: 5px 0 5px 0;
}
 
div#mw-panel div.portal div.body ul li a {
    color: #255e9f;
}

div#mw-panel div.portal div.body ul li a:visited {
    color: #1f75cd;
}

div#mw-panel div.portal div.body ul li a:active {
    color: #298eff;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    border: none;
    border-top: 1px soild #ffffff;
    border-bottom: 1px soild #ffffff;
    box-shadow: 0 0 2px -1px #c2c2c2 inset,
                0 0 -2px -1px #c2c2c2 inset;
    color: #a61c1c;
    font-size: 105%;
    font-weight: bold;
    margin: 0 -7px 0 -12px;
    padding: 0 7px 5px 12px;
    width: 145px;
}

div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav .portal {
    background-image: none;
}

/***************
/* Link styles *
/***************/
.t-netbar a.new,
.t-netbar a.new:link,
.t-netbar a.new:visited {
  color: #c39999 !important;
}

.t-netbar a:active,
.t-footer a:active {
  color: #ffffff !important;
}

.t-netbar a.new:hover,
.t-netbar a.new:active {
  color: #ffdddd !important;
}

a, a:link {
  color: #255e9f;
}

div#content a:visited,
a:visited {
  color: #1f75cd;
}

a:active {
  color: #298eff;
}

a.new {
  color: #8d3c23 !important;
}

div#content a.new:visited,
a.new:visited {
  color: #ab3819 !important;
}

div#content a.new:active,
a.new:active {
  color: #ff3701 !important;
}

a.stub {
  color: #5f8d23;
}

div#content a.stub:visited,
a.stub:visited {
  color: #7abc1c;
}

div#content a.stub:active,
a.stub:active {
  color: #9fff15;
}

div#content a.extiw,
div#footer a.extiw,
div#content a.external,
div#footer a.external {
  color: #238d87;
}

div#content a.extiw:visited,
div#footer a.extiw:visited,
div#content a.external:visited,
div#footer a.external:visited {
  color: #1cbcb3;
}

div#content a.extiw:active,
div#footer a.extiw:active,
div#content a.external:active,
div#footer a.external:active {
  color: #01fff0;
}

/******************
/* Article styles *
/******************/
#pageWrapper {
  border: none;
  background: #ffffff url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/7/7e/SkinBackground.jpg") no-repeat top left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0px;
  padding-right: 0;
  padding-bottom: 0;
}

body.page-Endless_Legend_Wiki.action-view #pageWrapper,
body.page-Endless_Legend_Wiki.action-submit #pageWrapper {
  background: #ffffff url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/7/7e/SkinBackground.jpg") no-repeat top left;
}

div#content #mw-head {
  border: none;
  background: #ffffff url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/7/7e/SkinBackground.jpg") no-repeat top left;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: -170px;
  padding-right: 0;
  padding-bottom: 0;
}

div#content {
  border: none;
  background: #ffffff url("https://endlesslegend.gamepedia.com/media/endlesslegend.gamepedia.com/7/7e/SkinBackground.jpg") no-repeat top left -180px;
  color: #222222;
  margin-top: 0;
  padding: 20px 20px 10px 20px;
}

div#content #firstHeading {
  border: none;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
  color: #243e5c;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

body.page-Endless_Legend_Wiki div#content #firstHeading {
  display: none;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
  border: none;
  font-weight: bold;
  color: #243e5c;
  margin: 20px 0 8px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

div#content h1,
div#content h2 {
  border-bottom: 1px solid #dddddd;
}

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 {
}

.toc,
#toc {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  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-bottom: 1px solid #dddddd;
}

ul {

}

img {
}

table.wikitable {
  border: 2px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
  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 #e6e6e6;
  background: #e6e6e6;
  font-weight: bold;
  color: #000000;
}

table.wikitable td,
table.wikitable tr td,
table.wikitable > tr > td,
table.wikitable > * > tr > td {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
}

table.jquery-tablesorter th.headerSort {
}

table.jquery-tablesorter th.headerSortDown {
}

table.jquery-tablesorter th.headerSortUp {
}

ul.gallery {
}

li.gallerybox {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

li.gallerybox div.thumb {
  border: none;
  background: #f2f2f2;
  color: #222222;
}

div.gallerytext {
  text-align: center;
}

.thumb {
  border: none;
  background: transparent;
}

.thumb.tleft {
  margin: 0 20px 10px 0;
}

.thumb.tright {
  margin: 0 0 10px 20px;
}

div.thumbinner {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 0 0 10px 0;
  padding: 3px 5px !important;
}

html .thumbimage {
  border: none;
  background: #f2f2f2;
  color: #222222;
}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre,
.mw-code,
code {
  border: 1px dashed #dddddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  background: #f2f2f2;
  color: #222222;
  white-space: pre-wrap;
  word-wrap: break-word;
}

#catlinks {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 10px 0 10px 0;
  padding: 3px 6px;
}

/********************
/* Interface styles *
/********************/
input,
select,
textarea {
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  background: #ffffff;
  color: #222222;
  padding: 4px;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #255e9f;
  box-shadow: 0 0 4px rgba(58, 120, 190, 0.6);
  background: #f9f9f9;
  color: #000000;
}

input:hover,
select:hover,
textarea:hover {
  background: #f9f9f9;
  color: #000000;
}

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"] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset,
              0 1px 2px rgba(0, 0, 0, 0.05);
  background: #3a78be;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  padding: 0 0.5em;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  background: #30649f;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset,
              0 1px 2px rgba(0, 0, 0, 0.05);
  background: #26507a;
}

.usermessage {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

#mw-js-message {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset legend {
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

.mw-search-profile-tabs {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.mw-search-profile-tabs div.search-types ul li.current a {
  color: #000000;
}

div#simpleSearch {
    display: block;
    width: 12.6em;
    padding-right: 1.4em;
    height: 1.4em;
    margin-top: -5em;
    position: relative;
    min-height: 1px;
    border: solid 1px #aaa;
    color: black;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==);
    background-position: top left;
    background-repeat: repeat-x;
}

#pagehistory li {
  margin: 1px 0;
  padding: 1px !important;
}

#pagehistory li.selected {
  border: 1px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 1px 0;
  padding: 0 !important;
}

table.diff {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

td.diff-otitle, td.diff-ntitle {
}

td.diff-addedline {
}

td.diff-deletedline {
}

td.diff-context {
}

.diffchange {
}

fieldset#mw-searchoptions {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

fieldset#mw-searchoptions h4 {
  font-weight: bold;
  border-bottom: 1px solid #eeeeee;
  color: #243e5c;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
}

fieldset#mw-searchoptions div.divider {
  border-bottom: 1px solid #e6e6e6;
}

div.client-js #preferences {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

div.client-js #preferences fieldset {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.client-js #preferences fieldset legend {
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

div.client-js #preferences fieldset fieldset {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 5px;
  padding: 10px;
}

div.client-js #preferences fieldset fieldset legend {
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

.client-js #preferences td.htmlform-tip {
  color: #777777;
}

.client-js #preftoc {
  border: 2px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
}

.client-js #preftoc ul {
  border: none;
  background: transparent;
}

.client-js #preftoc li {
  border: none;
  background: transparent;
}

.client-js #preftoc li a {
  border: none;
  background: transparent;
  color: #255e9f;
  height: 25px;
  line-height: 25px;
  padding: 3px 0 0 0;
  margin: 0 4px;
}

.client-js #preftoc li a:visited {
  color: #255e9f;
}

.client-js #preftoc li.selected a {
  border: none;
  background: transparent;
  font-weight: bold;
  color: #000000;
}

.client-js #preftoc li a:active {
  color: #298eff;
  text-decoration: none;
}

ul#filetoc {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.mw_metadata {
  border: 2px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.mw_metadata th {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  font-weight: bold;
  color: #000000;
}

table.mw_metadata td {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
}

.TablePager {
  border: 2px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.TablePager th {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  font-weight: bold;
  color: #000000;
}

.TablePager td {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
}

.TablePager tr:hover td {
  background: #e6e6e6;
}

#other_options div {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.tableWrapper {
  overflow: visible;
}

table.smwtable {
  border: 2px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 0;
}

table.smwtable th {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  font-weight: bold;
  color: #000000;
  margin: 0;
  padding: 0 3px 3px 3px;
}

table.smwtable td {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
  margin: 0;
  padding: 0 3px 3px 3px;
}

.smwrdflink {
  color: #777777;
}

.smwfact {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 0 0 10px 0;
  padding: 3px 8px 5px 8px;
}

.smwfact a {
  color: #255e9f;
}

.smwfact a:visited {
  color: #1f75cd;
}

.smwfact a:hover {
  color: #255e9f;
}

.smwfact a:visited:hover {
  color: #1f75cd;
}

.smwfact a:active,
.smwfact a:visited:active {
  color: #298eff;
}

#bodyContent span.rdflink a,
#bodyContent span.rdflink a:hover {
  color: #777777;
}

.smwfacttable {
  border: none !important;
  background: transparent !important;
}

div.smwfact table {
  border: none;
  background: transparent;
}

div.smwfact tr {
  border: none;
  background: transparent;
}

div.smwfact td {
  border: none;
  background: transparent;
}

.smw-ask-options table,
.smw-ask-options table tr,
.smw-ask-options table tr td {
  border: none !important;
  background: transparent !important;
}

div#content fieldset.smw-ask-options legend {
  padding-left: 20px;
}

.ui-widget-content,
.ui-menu {
  border: 2px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: #ffffff padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.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: 2px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.mw-abuselog-details tr th {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  font-weight: bold;
  color: #000000;
}

table.mw-abuselog-details tr td {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
}

.mw-abusefilter-history-changed {
}

/*****************
/* Footer styles *
/*****************/
div#footer {
  color: #101010;
  margin: 30px 0px 50px -20px
  padding: 10px 20px 10px 10px;
  overflow: hidden;
}


div#footer ul li {
  color: #222222;
}

.t-footer {
  clear: both;
}

/***************************
/* Template example styles *
/***************************/
span.templateexmaple {
  font-family: fixed-width;
}

span.templateexample span.templatelink {
  font-weight: bold;
}

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #777777;
  font-style: italic;
}

/********************
/* Notice templates *
/********************/
.topNotice {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  padding: 3px 6px;
  overflow: auto;
}

.topNotice .heading {
  font-weight: bold;
  color: #243e5c;
  font-size: 132%;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

.topNotice.delete {
  background: #ffcdcd;
}

.topNotice.move,
.topnotice.merge,
.topnotice.split {
  background: #ffe6cd;
}

.topNotice.pagestub,
.topNotice.imagerequest,
.topNotice.nowalkthrough {
  background: #cdffcd;
}

/******************
/* Image licenses *
/******************/
div.imageLicense {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.imageLicense table {
  margin: 5px 0;
}

div.imageLicense p {
  margin: 5px 0;
}

div.licenseHeading {
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

/*********************
/* Front page styles *
/*********************/
.fpmain {
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.fpbanner {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 0 5px 5px 5px;
  padding: 5px;
  min-height: 80px;
}

.fpbannertable {
  display: table;
  border: none;
  background: transparent;
  width: 100%; 
  min-height: 75px;
  margin: 0;
  padding: 5px;
}

.fpbannercell {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle;
}

.fpbannerblock {
  border: none;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
  font-size: 132%;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}


.fpmidsections {
  float: left;
  width: 100%;
  overflow: hidden;
}

.fpbox {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 5px 5px 5px 5px;
  padding: 5px 15px 5px 15px;
}

.fpboxnoresize {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 5px 5px 5px 5px;
  padding: 5px 15px 5px 15px;
}

.fpbox .welcome {
  display: inline-block;
  border: none;
  border-bottom: 1px solid #dddddd;
  color: #243e5c;
  font-weight: bold;
  font-size: 150%;
  margin: 0 auto 10px auto;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border: none;
  color: #243e5c;
  font-weight: bold;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .subheading {
  border: none;
  color: #a61c1c;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 2px 0;
}

.fpmain .columns .leftcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpmain .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpsection1,
.fpsection2,
.fpsection3,
.fpsection4 {
  float: left;
  clear: both; 
  width: 100%;
}

div.fp2columnonly,
div.fp3columnonly {
  display: none; 
}

@media (min-width: 790px) {
  .fpsection1 {
    float: left;
    clear: none;
    width: 50%;
  }

  .fpmidsections {
    clear: none;
    float: right;
    width: 50%;
  }

  .fpsection4 {
    float: left;
    clear: none;
    width: 50%;
  }

  div.fp2columnonly {
    display: block; 
  }
}

@media (min-width: 990px) {
  .fpmain .columns .leftcol {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .fpmain .columns .rightcol {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1390px) {
  .fpmidsections {
    clear: none;
    float: right;
    width: 66.667%;
  }

  .fpsection1 {
    clear: none;
    width: 33.333%;
  }

  .fpsection2 {
    clear: none;
    width: 50%;
  }

  .fpsection3 {
    clear: none;
    width: 50%;
  }
 
  .fpsection4 {
    clear: left;
    width: 33.333%;
  }

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }


}

.fpplainbox {
  padding: 5px 8px 10px 8px;
  margin: 0 5px 10px 5px;
  vertical-align: top;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.fpvideo {
  display: inline-block;
  margin: 0 5px;
}

/******************
/* Infobox styles *
/******************/
#bodyContent .stdinfobox {
  float: right;
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  color: #222222;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
  vertical-align: top;
  width: 280px;
}

#bodyContent .stdinfobox.recipe {
  float: none;
  display: inline-block;
  margin: 0 20px 10px 0;
  vertical-align: top;
}

#bodyContent .stdinfoboxClear {
  clear: right;
  margin-top: 10px;
}

#bodyContent .stdinfobox .title {
  border: none;
  border-bottom: 1px solid #dddddd;
  background: transparent;
  font-size: 150%;
  font-weight: bold;
  color: #243e5c;
  text-align: center;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
}

#bodyContent .stdinfobox .body {
  margin: 0;
  padding: 0 5px 5px 5px;
}

#bodyContent .stdinfobox .image {
  text-align: center;
  padding: 10px 0 0 0;
  margin: 0;
}

#bodyContent .stdinfobox .image .image {
  padding: 0;
  margin: 0;
}

#bodyContent .stdinfobox .image img {
  margin: 0;
  padding: 0;
}

#bodyContent .stdinfobox .image .image img {
  margin: 0;
  padding: 0;
}

#bodyContent .stdinfobox table {
  width: 100%;
}

#bodyContent .stdinfobox table tr th {
  border: none;
  background: transparent;
  font-weight: bold;
  color: #a61c1c;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 3px 1px 0;
  width: 1%;
}

#bodyContent .stdinfobox table tr td {
  border: none;
  background: #f2f2f2;
  color: #222222;
  text-align: left;
  vertical-align: center;
  padding: 0.1em 0 1px 3px;
}

#bodyContent .stdinfobox table tr td.plain {
  background: transparent;
}

#bodyContent .stdinfobox table tr td .icon {
  float: right;
  width: 32px;
  height: 32px;
}

#bodyContent .stdinfobox table tr th.wide {
  text-align: left;
  padding: 0 0 1px 0;
}

#bodyContent .stdinfobox table tr th.wide.indent {
  text-align: left;
  padding: 0 0 1px 2em;
}

#bodyContent .stdinfobox table tr td.wide {
  padding: 0 0 1px 0;
}

#bodyContent .stdinfobox table tr td.wide.indent {
  padding: 0 0 1px 2em;
}

/*********************
/* Navigation tables *
/*********************/
table.nav {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  cell-spacing: 0;
  margin: 0 auto 10px auto;
  padding: 0;
  clear: both;
}

table.nav th,
table.nav tr th,
table.nav > tr > th,
table.nav > * > tr > th {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  font-size: 116%;
  font-weight: bold;
  color: #243e5c;
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0 5px 5px 5px;
}

table.nav td,
table.nav tr td,
table.nav > tr > td,
table.nav > * > tr > td {
  border: 1px solid #e6e6e6;
  background: #f2f2f2;
  color: #222222;
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 3px 11px 8px 11px;
}

table.nav td.list,
table.nav tr td.list,
table.nav > tr > td.list,
table.nav > * > tr > td.list {
  padding: 0;
}

table.nav td .item {
  display: inline-block;
  border-right: 2px solid #e6e6e6;
  margin: 3px 0 6px 0;
  padding: 0 11px 2px 11px;
}

table.nav td .item:last-child {
  border: none;
}

/******************
/* General styles *
/******************/
.contentbox {
  border: 6px solid rgba(36, 61, 92, 0.17);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75) padding-box;
  margin: 0 0 10px 0;
  padding: 12px;
  overflow: auto;
}

span.bullet {
  background: transparent no-repeat center 60%;
  width: 9px;
  font-size: 11px;
  vertical-align: baseline;
}

.dablink {
  padding: 2px 36px 10px 36px;
  font-style: italic;
}

span.ghost {
  color: #777777;; /* 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;
}
Community content is available under CC BY-NC-SA unless otherwise noted.