MediaWiki:Common.css

/* CSS placed here will be applied to both sotalight and sotaskin */ body { background: url(http://sotawiki.net/images/9/90/Bgbody.jpg) no-repeat center top; background-color: #030303 !important; }

.mainPage { width:100%; display:table; border-collapse:separate; border-spacing:2px 0px; margin-bottom:4px; }

margin-left: calc(50% - 550px) !important; width: 1060px; }
 * 1) footer {

.mainPageRow { display:table-row; }

.mainPageSection { width:50%; display:table-cell; border-style:solid; border-color:#1C1C1C; border-width:1px; }

.mainPageHeader { width:50%; display:table-cell; border:none; }

.mainPageNewsHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(98,125,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,125,77,1)), color-stop(100%,rgba(31,59,8,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C */ }

.mainPageFeatContentHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(242,130,91); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 50%, rgba(240,113,70,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,130,91,1)), color-stop(50%,rgba(229,91,43,1)), color-stop(100%,rgba(240,113,70,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* W3C */ }

.mainPageFeatFanHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(203,96,179); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(127,47,106,1) 0%, rgba(147,36,110,1) 13%, rgba(107,0,74,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(0%,rgba(127,47,106,1)), color-stop(13%,rgba(147,36,110,1)), color-stop(100%,rgba(107,0,74,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* W3C */ }

.mainPageFeatVideoHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(169,3,41); /* Old browsers */ background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */ }

.mainPageFeatDevHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(99,99,99); /* Old browsers */ background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(10,10,10,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,1)), color-stop(100%,rgba(10,10,10,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* W3C */ }

.mainPageText { padding:4px 8px 4px 8px; }

.lCol { clear:left; float:left; width:48%; margin-top: 10px; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; } .rCol { clear:right; float:right; width:48%; margin-top: 10px; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; }

/*Infobox DigitalStore CSS*/ .infoboxDigitalStore { background-color: #FFFBE7; border: 1px solid #DAB8A0; color: black; padding: 3px; margin: 1px; }

.mw-body { max-width: 1070px; margin-left: calc(50% - 540px); background-color: transparent; margin-top: 62px; padding: 5px; border: 0; }

.mw-wiki-logo { width: 260px !important; }

left: 0.5em; top: -195px; width: 200px; }
 * 1) p-logo {

margin-left: calc(50% - 520px); margin-top: 103px; }
 * 1) left-navigation {

@media screen and (min-width: 1480px) margin-left: 210px; }
 * 1) left-navigation {

padding-left: 0.5em; }
 * 1) mw-panel {

/*Gallery Thumb CSS*/ li.gallerybox div.thumb { border:1px solid #1C1C1C; background-color:#484D4E; }

/* Testing Login and Account Creation pages */ .mw-ui-container #userloginForm,.mw-ui-container #userlogin{border:0;margin:0;padding:0} .mw-ui-container #languagelinks{margin-bottom:2em;font-size:0.8em}section .mw-form-header{margin-bottom:10px}#wpCaptchaWord{margin-top:6px} .mw-createacct-captcha-container{background-color:#f8f8f8;border:1px solid #c9c9c9;padding:10px;text-align:center} .mw-createacct-captcha-assisted{display:block;margin-top:0.5em} .mw-createacct-captcha-and-reload{border:1px solid #c9c9c9;display:table-cell;width:270px;background-color:#FFF} .fancycaptcha-image-container{width:100%} .mw-ui-flush-left{float:left;margin-left:0;padding-left:0} .mw-ui-flush-right{float:right;margin-right:0;padding-right:0} .mw-ui-center-block{display:block;margin-left:auto;margin-right:auto} .mw-ui-vform{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:290px} .mw-ui-vform > div{display:block;margin:0 0 15px 0;padding:0;width:100%} .mw-ui-vform > div input,.mw-ui-vform > div .mw-ui-button{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;width:100%} .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]){border:1px solid #ccc;color:#252525;padding:0.35em 0.5em 0.35em 0.5em;vertical-align:middle} .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus{box-shadow:#4091ed 0 0 5px;border-color:#4091ed} .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus:not([type=checkbox]):not([type=radio]){outline:0} .mw-ui-vform > div label{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;margin:0 0 0.2em;padding:0} .mw-ui-vform > div label *{font-weight:normal} .mw-ui-vform > div input[type="checkbox"],.mw-ui-vform > div input[type="radio"]{display:inline;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;width:auto} .mw-ui-vform .error{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.9em;margin:0 0 1em;padding:0.5em;color:#cc0000;border:1px solid #fac5c5;background-color:#fae3e3;text-shadow:0 1px #fae3e3;word-wrap:break-word} .mw-ui-vform .errorbox,.mw-ui-vform .warningbox,.mw-ui-vform .successbox{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.9em;margin:0 0 1em 0;padding:0.5em;word-wrap:break-word} .mw-ui-vform-div{display:block;margin:0 0 15px;padding:0;width:100%} .mw-ui-input{border:1px solid #ccc;color:#252525;padding:0.35em 0.5em 0.35em 0.5em;vertical-align:middle} .mw-ui-input:focus{box-shadow:#4091ed 0 0 5px;border-color:#4091ed} .mw-ui-input:focus:not([type=checkbox]):not([type=radio]){outline:0} .mw-ui-label{font-size:0.9em;color:#4d4d4d} .mw-ui-label *{font-weight:normal}.mw-ui-checkbox-label,.mw-ui-radio-label{margin-bottom:0.5em;cursor:pointer;vertical-align:bottom;line-height:normal;font-weight:normal} .mw-ui-checkbox-label > input[type="checkbox"],.mw-ui-checkbox-label > input[type="radio"],.mw-ui-radio-label > input[type="checkbox"],.mw-ui-radio-label > input[type="radio"]{width:auto;height:auto;margin:0 0.1em 0 0;padding:0;border:1px solid #ccc;cursor:pointer}.mw-ui-vform,.mw-ui-vform > div input,.mw-ui-input{font-size:1em;line-height:1.4em} .mw-ui-container{font-size:1em;line-height:1.4em} .mw-ui-button{display:inline-block;padding:.5em 1em;margin:0;*display:inline;zoom:1;background:#ccc;color:#333;border:1px solid #ccc;border-radius:3px;vertical-align:middle;text-align:center;font-weight:bold;text-shadow:0 1px rgba(0,0,0,0.1);cursor:pointer;-webkit-transition:background .1s ease-in-out,color .1s ease-in-out, box-shadow .1s ease-in-out;transition:background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out} .mw-ui-button:hover::-moz-focus-inner,.mw-ui-button:focus::-moz-focus-inner{border-color:transparent} .mw-ui-button:active,.mw-ui-button.mw-ui-checked{background:#cccccc;box-shadow:none} .mw-ui-button:disabled{color:#ccc} .mw-ui-button:disabled:hover,.mw-ui-button:disabled:active{background:#fff;box-shadow:none} .mw-ui-button:disabled{text-shadow:none;cursor:default} .mw-ui-button.mw-ui-big{font-size:1.3em}

/* Textbox width issues */
 * 1) wpTextbox1{width:100%}

/* support for template */ .noautonum .tocnumber { display: none; }

/* support for the leaflet map */ .leaflet-popup-content { color: black; }

/* fixes the indentation on in-page content lists */ .mw-content-ltr li { padding-left: 1px; }

/* Crafting table background images */ table.sotawikitable.alchemy td { background: url(http://sotawiki.net/images/stations/Alchemy_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.blacksmithing td { background: url(http://sotawiki.net/images/stations/Blacksmithing_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.butchery td { background: url(http://sotawiki.net/images/stations/Butchery_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.carpentry td { background: url(http://sotawiki.net/images/stations/Carpentry_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.cooking td { background: url(http://sotawiki.net/images/stations/Cooking_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.milling td { background: url(http://sotawiki.net/images/stations/Milling_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.smelting td { background: url(http://sotawiki.net/images/stations/Smelting_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.tailoring td { background: url(http://sotawiki.net/images/stations/Tailoring_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.tanning td { background: url(http://sotawiki.net/images/stations/Tanning_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.textiles td { background: url(http://sotawiki.net/images/stations/Textiles_Table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.agriculture td { background: url(http://sotawiki.net/images/8/83/Planter_Box.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable.printing td { background: url(http://sotawiki.net/images/c/c1/Printing_Press.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

/*Fix for recent changes arrows */ .mw-enhancedchanges-arrow-space { display: inline-block; height: 15px; width: 15px; }

/*maps*/ .leaflet-container a { color: #ccccff; } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: none repeat scroll 0 0 #222; }

table.wikitable > * > tr > th { background: #7b7f7e; /* Old browsers */ background: -moz-linear-gradient(top, #7b7f7e 0%, #4e5c5a 33%, #1c1c1c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7f7e), color-stop(33%,#4e5c5a), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* IE10+ */ background: linear-gradient(to bottom, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* W3C */ font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; }

table.wikitable > * > tr > td { border:1px solid #1C1C1C; padding:4px 8px 4px 8px; background-color:#484D4E; }

mw-notification-content { background: #222; color: #FFF; padding: 1px 10px; margin: 4px 15px; border: 1px #777 dotted; }

/*runic*/ @font-face { font-family: NewBritanniaRunic; src: url(http://www.forsakenvirtues.com/fonts/NewBritannianRunicMachine.otf); }

.runic { font-family: NewBritanniaRunic,trebuchet ms,arial,helvetica,sans-serif; }