MediaWiki:Common.css

/* This governs the sections on the Community portal */ .cpbox { display: flex; flex-direction: row-reverse; flex-wrap: wrap; }

.cpbox #admins { box-sizing: border-box; width: calc(33% - 10px); margin: 5px; flex-grow: 1; min-width: 300px; }

.cpbox #help { box-sizing: border-box; width: calc(67% - 10px); margin: 5px; flex-grow: 1; }

body.page-Legends_of_Ultima_Wiki #firstHeading { display: none; }

.skilllist img { max-width: 100%; height: auto; width: auto\9;}

/*************** /* Logo styles * /***************/ position: absolute; top: -180px; left: -25px; width: 184px; height: 70px; margin: 0; padding: 0; }
 * 1) p-logo {

background-size: 100% 100%; width: 184px; height: 70px; margin: 0; padding: 0; }
 * 1) p-logo a {

background: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/b/bc/Wiki.png/revision/latest); }
 * 1) p-logo a {

/***************** /* Header styles * /*****************/

div#mw-head { border: none; border-bottom: none; background: transparent url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/c/c8/NavBarShadow.png/revision/latest) repeat-x center bottom; top: 0; left: 0; right: 0; width: auto; height: 154px; }

/* Fonts */ @font-face { font-family: 'Fontin-Regular'; src: local('Fontin-Regular'), local('Fontin-Regular'), url(/media/hydra/fonts/Fontin-Regular.ttf) format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Fontin-Bold'; src: local('Fontin-Bold'), local('Fontin-Bold'), url(/media/hydra/fonts/Fontin-Bold.ttf) format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Fontin-Italic'; src: local('Fontin-Italic'), local('Fontin-Italic'), url(/media/hydra/fonts/Fontin-Italic.ttf) format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Fontin-SmallCaps'; src: local('Fontin-SmallCaps'), local('Fontin-SmallCaps'), url(/media/hydra/fonts/Fontin-SmallCaps.ttf) format('truetype'); }

@font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2'); }

@font-face { font-family: 'EB Garamond Regular'; font-style: normal; font-weight: 400; src: local('EB Garamond Regular'), local('EBGaramond-Regular'), url(https://fonts.gstatic.com/s/ebgaramond/v9/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2'); }

@font-face { font-family: 'EB Garamond Medium'; font-style: normal; font-weight: 500; src: local('EB Garamond Medium'), local('EBGaramond-Medium'), url(https://fonts.gstatic.com/s/ebgaramond/v9/SlGJmQSNjdsmc35JDF1K5GyGaywSQg4.woff2) format('woff2'); }

@font-face { font-family: 'EB Garamond SemiBold'; font-style: normal; font-weight: 600; src: local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url(https://fonts.gstatic.com/s/ebgaramond/v9/SlGJmQSNjdsmc35JDF1K5GyqbCwSQg4.woff2) format('woff2'); } /* latin */ @font-face { font-family: 'EB Garamond Bold'; font-style: normal; font-weight: 700; src: local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v9/SlGJmQSNjdsmc35JDF1K5GzObSwSQg4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body { background: #2e2037 url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/1/13/Skin-Body-Background.jpg/revision/latest) no-repeat top left; background-attachment: fixed; font-family: Verdana, Arial, Helvetica, sans-serif; } .mw-body-content { z-index: auto; }

/* Abbr */ abbr[title], .explain[title] { text-decoration: none; }

/* Links */ a, a:visited, .mw-body a.extiw, div#content a.extiw:visited, .mw-body a.external, div#content a.external:visited, div#mw-head div.vectorTabs a, div#mw-head div.vectorMenu a { color:#f2c462; } a:active, div#content a.extiw:active, div#content a.external:active, div#mw-head div.vectorTabs a:active, div#mw-head div.vectorMenu a:active { color: #f2c462; } div#content a.new, div#mw-head div.vectorTabs .new a, div#mw-head div.vectorTabs .new a:visited { color: #911212; } div#content a.new:active, div#mw-head div.vectorTabs .new a:active { color: #f2b4ae; } .mw-body a.external { padding-right: 12px; }

/* Header */ height: 0; background: transparent; }	margin: 0; height: 155px; }
 * 1) mw-page-base {
 * 1) mw-head-base {

height: 155px; }
 * 1) mw-head {

/* main nav item color not including share and more */ div#mw-head div.vectorTabs > ul > li > span > a { display: inline-block; margin: 0 -3px; padding: 0 12px; height: 100%; text-align: center; font-family: 'EB Garamond SemiBold'; font-size: 24px; line-height: 26px; font-variant-ligatures: none; color: #542a0d; text-decoration: none; } div#mw-head div.vectorMenu > h3 { float: none; margin: 0; }

/* Share H3 */ div#mw-head div.vectorMenu > h3 > span { display: inline-block; margin: 0 0 0 -3px; padding: 0 0 0 12px; height: 100%; vertical-align: top; font-family: 'EB Garamond SemiBold'; font-size: 24px; line-height: 26px; font-weight: normal; font-variant-ligatures: none; color: #542a0d; } /* Share and more arrow */ div#mw-head div.vectorMenu > h3 > a { position: static; display: inline-block; margin: 0 -3px 0 0; padding: 0 12px 0 4px; width: 11px; height: 26px; vertical-align: top; line-height: 26px; background-image: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/0/0b/Vector_menu_downarrow.png/revision/latest); background-position: 4px 50%; background-repeat: no-repeat; }

/* Share Dropdown */ div#mw-head div.vectorMenu > .menu { left: 0; top: 26px; border: 1px solid #bc9363; border-radius: 6px 6px 6px 6px; background: #816137; } div#mw-head div#p-cactions > .menu { left: auto; right: 0; top: 26px; border: 1px solid #bc9363; border-radius: 6px 6px 6px 6px; background: #816137; } div#mw-head div.vectorMenu > .menu > ul { border: none; background-color: transparent; }	padding: 0.5em; text-align: center; }	float: none !important; margin: 0 !important; }	width: auto !important; }	overflow: hidden; padding: 0 3px !important; text-indent: -9999px; background-position: 50% 50% !important;
 * 1) socialIconImages {
 * 1) socialIconImages > a {
 * 1) socialIconImages > a > img {
 * 1) ca-unwatch.icon a,
 * 2) ca-watch.icon a {

}	background-image: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/e/e4/Icon_Unwatch.png/revision/latest) !important; }	background-image: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/4/42/Icon_Watch.png/revision/latest) !important; }
 * 1) ca-unwatch.icon a {
 * 1) ca-watch.icon a {

}	position: absolute; float: none; bottom: 38px; right: 0; margin-right: 0.3em; margin-left:50px; }	margin: 0; top: -15px; background: rgba(30, 30, 30, 0.8); border: none; padding: 3px 1.4em 3px 5px; border-radius: 2px; }
 * 1) p-search {
 * 1) p-search > form > #simpleSearch {

/* ===== Recent Changes ===== */ .autocomment { color: #5e4f45; } .mw-plusminus-pos { color: #577f1a; } .mw-plusminus-neg { color: #7f1a1a; } .mw-plusminus-null { color: #5e4f45; } .unpatrolled { color: #f25749; font-weight: bold; } button, input[type="submit"], input[type="button"], input[type="reset"] { border-width: 1px; border-style: solid; border-color: #805738 #734e32 #4c3321; border-radius: 4px; padding: 2px 10px; font-family: 'Fontin-SmallCaps', Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 400; font-variant-ligatures: none; color: #f2c462; cursor: pointer; background: #5e3f29; background: linear-gradient(to bottom, #493120 0%, #734e32 100%); } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus { text-shadow: 0px 0px 10px #f2c462; }	padding-right: 4px; } div#content { border: 2px solid #734e32; border-radius: 6px; color: #a38d6d; background: #0f0f0f; margin-left: 13em; margin-right: 15px; }
 * 1) pageWrapper {

.skin-hydradark div#mw-panel div.portal h5 { color: #dfcf99; font-weight:bold; text-transform: uppercase } .skin-hydradark #mw-panel.collapsible-nav .portal { background-image: none; } .skin-hydradark div#mw-panel div.portal h3, .skin-hydradark div#mw-panel div.portal h3:visited, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited, .skin-hydradark #mw-panel.collapsible-nav div.portal h3 a, .skin-hydradark #mw-panel.collapsible-nav div.portal h3 a:visited, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited { color: #dfcf99; padding: 0px 0px 0px 10px !important; /*	font-weight: bold;*/ /*	text-transform: uppercase;*/ } .skin-hydradark div#mw-panel div.portal div.body ul li a, .skin-hydradark div#mw-panel div.portal div.body ul li a:link { color: #a38d6d; /*	font-weight:bold;*/ } .skin-hydradark div#mw-panel div.portal div.body ul li a:hover { color: #dfcf99; /*	font-weight:bold;*/ } .skin-hydradark div#mw-panel div.portal div.body ul li a:visited { /*	color: #a38d6d;*/ /*	font-weight:bold;*/ } .skin-hydradark div#mw-panel div.portal div.body { background-image: none; } .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h5 a { color: #dfcf99; } .skin-hydradark #mw-panel.collapsible-nav .portal h5 a { color: #dfcf99; } .skin-hydradark #mw-panel.collapsible-nav div.portal h5 { color: #dfcf99; } .skin-hydradark #mw-panel.collapsible-nav div.collapsed h5 { color: #dfcf99; } div#footer { background-image: none; } div#footer ul li { color: #a38d6d; } div#footer a { color: #00b6ff; } div#toc, div.toc, .mw-warning { background: #141414; border: 1px solid #a38d6d; font-size: 95%; padding: 5px; }	background-color: transparent; border: 1px dashed #75511d; }	border: 1px solid #75511d; }
 * 1) pagehistory li.selected {
 * 1) pagehistory li {

/* Preferences */ .skin-hydradark div#preferences { background: transparent none; border: 1px solid #a38d6d; clear: both; float: left; margin: -2px 0 0; width: 100%; } .skin-hydradark div#preferences fieldset legend { background: transparent; border: 0 solid #a38d6d; color: #a38d6d; font-variant: small-caps; } .skin-hydradark #preftoc { background-color: #130f0a; border: 0; margin: 0 0 4px !important; } .skin-hydradark #preftoc, .skin-hydradark #preftoc li, .skin-hydradark #preferences { background: transparent none; color: #a38d6d; } .skin-hydradark #preftoc li.selected a { background: #130f0a none; border: 1px solid #a38d6d; border-bottom: medium none; color: #f2c462; } .skin-hydradark #preftoc li a, .skin-hydradark #preftoc li a:active, .skin-hydradark #preftoc li a:visited { color: #00b6ff; font-variant: small-caps; } .skin-hydradark #preftoc li a:hover { background-image: none; color: #00b6ff; font-variant: small-caps; } .skin-hydradark .mw-datatable th { background-color: #000; } .skin-hydradark .mw-datatable, .skin-hydradark .mw-datatable td, .skin-hydradark .mw-datatable th { border: 1px solid #75511d; padding: 0 0.15em; } .skin-hydradark .mw-datatable td { background-color: transparent; } .skin-hydradark .TablePager tr:hover td { background-color: #000 !important; } div.thumbinner { background-color: transparent; border: 1px solid #75511d; } li.gallerybox div.thumb { background-color: transparent; border: 1px solid #75511d; margin: 2px; text-align: center; } html .thumbimage { border: none; }

/* Headings */ .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family: 'Fontin-Regular', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal; color: #dfcf99; border-bottom-color: #5e4f45; } .mw-body .mw-editsection { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #5e4f45; } .mw-body .mw-editsection > .mw-editsection-bracket { color: inherit !important; }

hr { background-color: #5e4f45; color: #5e4f45; } ul { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QILBTYv67Mf9wAAAAZQTFRF////o41tM9LLpAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAAE0lEQVQI12NgQAEFDD/AsICBAQAakgPJO2sGpQAAAABJRU5ErkJggg=="); } code { background-color: #1a1b18; color: #a38d6d; } pre { background-color: #1a1b18; border: 1px dashed #383636; color: #a38d6d; } fieldset, ul#filetoc { border: 1px solid #503a1e; background-color: #130f0a; }	border: 1px solid #503a1e; background-color: #130f0a; } .catlinks li { border-left: 1px solid #a38d6d; } .skin-hydradark .mw-search-profile-tabs { border: 1px solid #503a1e; background-color: #130f0a; } .skin-hydradark .mw-search-profile-tabs div.search-types ul li a { padding: 0.4em 0.5em; } .skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #f2dcae; } .skin-hydradark fieldset#mw-searchoptions { background-color: #130f0a; border: 1px solid #503a1e; }
 * 1) catlinks {

/* ===== Table Styles ===== */ div#content table { color: inherit; } .skin-hydradark table.wikitable, table.mw_metadata td { border: 1px solid #1a1812; color: #a38d6d; background-color: #26231b; } .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th, table.mw_metadata th { background-color: #332f24; color: #dfcf99; } .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > th, .skin-hydradark table.wikitable > * > tr > td, table.mw_metadata th, table.mw_metadata td { border: 1px solid #1a1812; } .skin-hydradark table.wikitable:not(.jquery-tablesorter) tr:nth-child(even) th, .skin-hydradark table.wikitable.jquery-tablesorter tbody tr:nth-child(odd) th { background-color: #2e2a20; } .skin-hydradark table.wikitable:not(.jquery-tablesorter) tr:nth-child(even) td, .skin-hydradark table.wikitable.jquery-tablesorter tbody tr:nth-child(odd) td { background-color: #211F18; }

.skin-hydradark table.cargoTable td { background: inherit !important; }

/* ===== Table Cell Template Styles ===== */ .skin-hydradark table.wikitable .table-yes, .skin-hydradark table.wikitable .table-no, .skin-hydradark table.wikitable .table-na { vertical-align: middle; text-align: center; } .skin-hydradark table.wikitable .table-yes { /*background-color: #1e261b !important;*/ } .skin-hydradark table.wikitable .table-no { /*background-color: #261b1b !important;*/ } .skin-hydradark table.wikitable .table-na { /*background-color: #211f19 !important;*/ color: #5e4f45; }

/* ===== Table Sorting Arrows ===== */ .skin-hydradark table.jquery-tablesorter th.headerSort { background-image: url("data:image/gif;base64,R0lGODlhFQAJAIABAKONbf///yH5BAEKAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") !important; }

.skin-hydradark table.jquery-tablesorter th.headerSortDown { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIABAKONbf///yH5BAEKAAEALAAAAAAVAAQAAAINjI+AywnaYnhUMopbAQA7") !important; }

.skin-hydradark table.jquery-tablesorter th.headerSortUp { background-image: url("data:image/gif;base64,R0lGODlhFQAEAIABAKONbf///yH5BAEKAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7") !important; }

/* ===== Pop Up Notification ===== */ top: auto; } .mw-notification { border: 1px dotted #00b6ff; border-radius: 4px; color: #b6bdbf; background-color: rgba(13, 32, 39, 0.9); }
 * 1) mw-notification-area {

/* ===== User Message Notification ===== */ .usermessage { margin: 2em 0; padding: 0.5em 1em; border: 1px dotted #00b6ff; border-radius: 4px; font-weight: bold; color: inherit; background-color: rgba(0, 182, 255, 0.1); }

/* ===== Revision comparison ===== */ .skin-hydradark table.diff { border-spacing: 4px; width: 100%; } .skin-hydradark td.diff-lineno, .skin-hydradark td.diff-marker { font-weight: bold; color: #dfcf99; } .skin-hydradark td.diff-marker { font-size: 130%; } .skin-hydradark table.diff td { padding: 2px 4px; } .skin-hydradark table.diff, .skin-hydradark td.diff-otitle, .skin-hydradark td.diff-ntitle { background-color: transparent; } .skin-hydradark td.diff-addedline, .skin-hydradark td.diff-deletedline, .skin-hydradark td.diff-context { border-width: 1px 1px 1px 4px; border-style: solid; border-radius: 4px; vertical-align: middle; font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Courier New", Courier, monospace; font-size: 88%; white-space: pre-wrap; } .skin-hydradark td.diff-context { background-color: #141414; border-color: #2c2b2b; color: #5e4f45; } .skin-hydradark td.diff-deletedline { background-color: #191b1c; border-color: #894a17; } .skin-hydradark td.diff-deletedline .diffchange { background-color: #4d3420; color: #dfcf99; } .skin-hydradark td.diff-addedline { background-color: #191b1c; border-color: #16678a; } .skin-hydradark td.diff-addedline .diffchange { background-color: #203f4c; color: #dfcf99; }

/* ===== Category tree ===== */ .CategoryTreeEmptyBullet { color: #5e4f45; } .CategoryTreeToggle { color: #16678a; }

/* ===== Wiki editor ===== */ div.wikiEditor-ui { background: transparent; border: medium none; } div.wikiEditor-ui-buttons { background-color: transparent; border-top: medium none; margin-right: 5px; } div.wikiEditor-ui-controls { background-color: transparent; border-bottom: 1px solid #734e32; } div.wikiEditor-ui-tabs { background-color: #0f0f0f; border-left: 1px solid #734e32; border-top: 1px solid #734e32; } div.wikiEditor-ui-tabs div { background: #372518; border-right: 1px solid #734e32; border-bottom: 1px solid #734e32; color: #a38d6d; } div.wikiEditor-ui-tabs div a { background: #372518; color: #a38d6d; } div.wikiEditor-ui-tabs div.current { background-color: #734e32; border-bottom: 1px solid #734e32; } div.wikiEditor-ui-tabs div.current a { color: #f2c462; } div.wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #734e32; } div.wikiEditor-ui-toolbar { background: transparent; } div.wikiEditor-ui-toolbar .group { border-right: 1px solid #734e32; } div.wikiEditor-ui-toolbar .group-search { border-left: 1px solid #734e32; border-right: none; } div.wikiEditor-ui-toolbar .group .label { color: #a38d6d; } .tab { border-color: transparent; } div.wikiEditor-ui-toolbar .tabs span.tab a, div.wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #a38d6d; } div.wikiEditor-ui-toolbar .tabs span.tab a.current, div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #f2c462; } div.wikiEditor-ui-toolbar .group .tool-select .label { color: #a38d6d; } div.wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #734e32; } div.wikiEditor-ui-toolbar .booklet .index div { color: #a38d6d; } div.wikiEditor-ui-toolbar .booklet .index .current { background-color: #0f0f0f; color: #f2c462; } div.wikiEditor-ui-toolbar .booklet .pages { background-color: #0f0f0f; } div.wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #734e32; color: #a38d6d; } div.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #734e32; color: #f2c462; } div.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #734e32; color: #a38d6d; } div.wikiEditor-preview-contents, div.wikiEditor-preview-loading { background-color: transparent; } div.editOptions { background-color: #0f0f0f; border-image: none; border: 1px solid #734e32; border-top: medium none; }

/* SMW message tweaks */ .smw-editpage-help { background-color: #0f0f0f; border: 1px solid #734e32; } .skin-hydradark tr.smwb-propvalue, .skin-hydradark tr.smwb-propvalue td, .skin-hydradark .smwb-center { background: transparent none repeat scroll 0 0; }

/* Math extension */ .mwe-math-fallback-image-inline { filter: none !important; }

.mwe-math-fallback-image-display, .mwe-math-mathml-display { margin-top: 0.6em; margin-bottom: 0.6em; margin-left: 1.6em !important; }

/* Cargo extension */ background: #26231b; }
 * 1) mw-content-text .cargoTable tr:nth-child(odd) {

background: #211f18; }
 * 1) mw-content-text .cargoTable tr:nth-child(even) {

padding: 5px; background-color: #332f24; border: 1px solid #1a1812; }
 * 1) mw-content-text .cargoTable th {

padding: 5px; border: 1px solid #1a1812; }
 * 1) mw-content-text .cargoTable td {

/* ######################################################################## */ /* ### CSS placed here will be applied to all skins on the entire site. ### */ /* ######################################################################## */

/* Front Page Styling */ @media (min-width: 1350px) { .fpcontent { padding-right: 520px; width: auto; }

#fptopsection { float: left; width: 100%; }

#fpflexsection { float: right; width: 520px; margin-right: -520px }

#fpbottomsection { float: left; width: 100%; margin-top: -5px; } }

/* this CSS governs the responsive 3 column main page layout */ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpbanner { background: rgba(0, 0, 0, 0.1); border: 1px solid #C08F2E; color: #B3B4B7; 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 { background: #1e1e1e; border: 1px solid #1e1e1e; border-radius: 5px; margin: 15px; padding: 15px; overflow: auto; }

/****************** /* General styles * /******************/ /*.fpbox{*/ /* border-style: solid;*/ /* border-width: 15px;*/ /* border-color: transparent;*/ /* border-image: url("https://static.wikia.nocookie.net/seaofthieves_gamepedia/images/4/40/Skin-Element-Border.png/revision/latest") 27 54 31 39 fill / 1 / 0 round;*/ /* background: transparent;*/ /* color: #ffffff;*/ /* margin: 0 0 10px 0;*/ /* padding: 3px 6px;*/ /* overflow: auto;*/ /*}*/

.fpbox .mainheading { border: none; border-bottom: 1px solid #505050; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpbox .heading { text-transform: uppercase; font-weight: bold; font-size: arge; border-style: solid; border-width: 5px 22px; -moz-border-image: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/0/00/FPTabTest.png/revision/latest) 5 22 round; -webkit-border-image: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/0/00/FPTabTest.png/revision/latest) 5 22 round; -o-border-image: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/0/00/FPTabTest.png/revision/latest) 5 22 round; border-image: url(https://static.wikia.nocookie.net/legendsofultima_gamepedia_en/images/0/00/FPTabTest.png/revision/latest) 5 22 fill round; font-family: "EBGaramond12-Regular"; margin-top: -0.22em; margin-left: -0.19em; margin-right: -0.19em; color: #fff;

}

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

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

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

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

/* TOP NAV STYLING */ div.vectorTabs { background-color: transparent; }

margin-top: 3.2em; padding-left: 4%; }
 * 1) left-navigation {

margin: 90px 10px 0 0; margin-top: 3.2em; padding: 0; }
 * 1) right-navigation {

div.vectorMenu div.menu { background-color: #291B10; border-color: black; }

div.vectorTabs span { background-image: none; }

div.vectorTabs ul { background-image: none; }

div.vectorTabs ul li { background: transparent; height: auto; }

div.vectorTabs ul li.selected { background: transparent; }

div.vectorTabs ul li span, div.vectorTabs ul li.selected span { /*   font-weight: bold;*/ }

div.vectorTabs li span a { background-image: none; color: #ffffff; }

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

div.vectorTabs li span a:hover, div.vectorTabs span a:visited:hover { color: #ffffff; }

div.vectorTabs li.selected { }

div.vectorTabs li.selected span a { /*   color: #ffffff !important;*/ }

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

div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover { color: #ffffff; }*/

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

div.vectorMenu:hover, div.menu, div.vectorMenu div.menuForceShow { display: block; }

div#p-cactions div.menu ul { border: 1px solid #ffffff; }

div#p-cactions div.menu ul li a { background: #000000; border-radius: 10px; color: #ffffff; }

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

div#p-cactions div.menu ul li a:hover, div#p-cactions div.menu ul li a:visited:hover { display: block; }

div#mw-head div.vectorMenu h4 { color: #ffffff; font-weight: bold; padding-top: 1.29em; }

/* Collapsible menus in top nav */

div#p-cactions div.menu ul { background: transparent; border: 1px #b47846; }

div.vectorMenu ul { background: transparent; border: 1px #b47846; }

div#p-cactions div.menu ul li a { background: transparent; border-radius: 10px; color: #ffffff; }

div.vectorTabs, div.vectorTabs span, div.vectorTabs li a, div.vectorMenu h3 a { background-image:none;

div.vectorMenu h3 a { background: url(https://static.wikia.nocookie.net/scraps_gamepedia/images/0/0b/Vector_menu_downarrow.png/revision/latest) no-repeat scroll center center transparent; color: #FFFFFF; margin: 0 3px; padding: 0 3px; -webkit-filter: drop-shadow(0px 0px 10px gray); filter: drop-shadow(0px 0 3.5px gray) drop-shadow(1px 1px 1px gray); } }

div.vectorMenu { }

/* 1.29 Fixes */ div#mw-panel div.portal div.body, .skin-hydradark #mw-panel.collapsible-nav div.portal, .skin-hydradark div#mw-panel.collapsible-nav div#p-socialProfiles.portal, .skin-hydradark #mw-panel.collapsible-nav #p-sitePromos.portal { background-image: none; }

div#mw-head div.vectorMenu h3 { background-image: none; }

div.vectorMenu h3 span { padding-top: 1.3em; color: #b47846; cursor: pointer; /* text-transform: uppercase; */ font-weight: bold; }

/* FP (front page) buttons */ div.fplink.plainlinks div.box div.row div.cell { background-color: rgba(70,50,35, .5);/* for browsers that don't support gradient background */ /* background: radial-gradient(#000, #30240F);*/ border: 1px solid #615246; border-radius:5px; margin:5px; } div.fplink.plainlinks div.box div.row div.cell:hover { background-color: rgba(154,124,97, .5);/* for browsers that don't support gradient background */ /* background: radial-gradient(#000, #061D2C);*/ border-color: rgba(208, 159, 59, 1.0); /* box-shadow: */ /*       0 0 10px rgba(208, 159, 59, 0.5) inset,*/ /*       0 0 5px rgba(208, 159, 59, 0.5);*/ }

div.fplink.plainlinks div.box div.row div.cell:hover a { text-decoration:none; } /* end FP buttons */ .fplink { display: inline-block; vertical-align: middle; width: 100%; }

.fplink a { display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px; }

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box { border-collapse: separate; border-spacing: 5px; display: table; width: 100%; }

.fplink .box .row { display: table-row; }

.fplink .box .row .cell { background: #efefef; /*   background-image: -moz-linear-gradient(center top, #efefef 0%, #c0c0c0 100%); */ /*   background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#efefef), color-stop(100%,#c0c0c0)); */ /*   background-image: -webkit-linear-gradient(top, #efefef 0%, #c0c0c0 100%); */ /*   background-image: -o-linear-gradient(top, #efefef 0%, #c0c0c0 100%); */ /*   background-image: -ms-linear-gradient(top, #efefef 0%, #c0c0c0 100%); */ /*   background-image: linear-gradient(to bottom, #efefef 0%, #c0c0c0 100%); */ border: 1px solid #c0c0c0; border-radius: 4px; color: #000000; display: table-cell; padding: 0 6px; position: relative; text-align: center; vertical-align: middle; }

.fplink.wide .box .row .cell { padding: 0 5px; }

height: 114px; width: 114px; }
 * 1) fptopsection .fplink.image,
 * 2) fpflexsection .fplink.image,
 * 3) fpbottomsection .fplink.image {

.fplink.image .box .row .cell { height: 100px; width: 100px; vertical-align: bottom; }

.fplink.image .box .row .cell .image img { height: 100px; width: 100px; }

@media (min-width: 470px) { .fplink { width: 50%; }

.fplink.wide { width: 100%; } }

@media (min-width: 580px) { .fplink { width: 33.333%; }

.fplink.wide { width: 66.666%; } }