Thank you for visiting SotAwiki, a Shroud of the Avatar Wiki Encyclopedia. If you see any information that is outdated, please take the time to update it, or if you prefer, leave a message for other editors. This community wiki is for the benefit of all Avatars!

MediaWiki:Common.css

From Shroud of the Avatar Wiki - SotA
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@import url("https://sotawiki.net/index.php?title=MediaWiki:Sotaskin.css&ctype=text/css&action=raw");
/* CSS placed here will be applied to both sotalight and sotaskin */
body {
    background: url(https://sotawiki.net/images/9/90/Bgbody.jpg) no-repeat center top;
    background-color: #030303 !important;
    min-width: 1600px;
    font-family: trebuchet ms, arial, helvetica, sans-serif;
    font-size: 12pt;
    line-height: 1.5em;
}

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

#siteNotice {
    background-color: #484D4E;
    border: solid 0.5px black;
    margin: 6px 0;
}

#mw-page-base, div.vectorTabs, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs span, div.vectorMenu, div.vectorMenu h3, div.vectorMenu h3 a {
    background-color: transparent !important;
    background-image: none !important;
}

div.vectorTabs li a {
    padding-top: 10px !important;
}

div.vectorTabs li a, div#mw-head div.vectorMenu h3 span {
    color: #469bdb !important;
    text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black;
    font-size: 12px !important;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
    color: #469bdb !important;
}
#ca-watch.icon a, #ca-unwatch.icon a {
    text-shadow: none !important;
}
div#mw-head div.vectorMenu h3 span {
    padding-top: 7px !important;
}

#ca-watch.icon a, #ca-unwatch.icon a {
    height: 4px;
    margin-top: 12px !important;
}

div.vectorMenu div.menu {
    border-top-width: 1px !important;
}

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

.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: 1050px;
    margin-left: calc(50% - 535px);
    background-color: transparent !important;
    margin-top: 62px;
    padding: 10px;
    border: 0;
}

.mw-body-content {
    position: relative;
    line-height: 1.6;
    font-size: 0.875em;
    z-index: 0;
}

.mw-body p {
    line-height: inherit !important;
    margin: 0.5em 0;
}

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

#p-logo {
    left: 0.5em;
    top: -125px !important;
    width: 200px;
}

#left-navigation {
    margin-left: calc(50% - 520px);
    margin-top: 103px;
    position: absolute;
    float: none;
}

@media screen and (max-width: 1616px) {
    body {
        background-position: 10px top;
    }

    #left-navigation {
        margin-left: 280px !important;
    }
}

#mw-panel {
    top: 92px !important;
    padding-left: 0.5em;
}

/*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 */
#wpTextbox1{width:100%}

/* support for {{Notocnumbers}} 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(https://sotawiki.net/images/stations/Alchemy_Table.png) no-repeat center bottom;
    background-size: 100% auto;
    background-color: transparent;
}

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

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

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

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

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

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

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

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

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

table.sotawikitable.agriculture td {
    background: url(https://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(https://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;
}

a.new {
    #d44 !important;
}

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

.runic {
font-family: NewBritanniaRunic,trebuchet ms,arial,helvetica,sans-serif;
}
Retrieved from "https://sotawiki.net/index.php?title=MediaWiki:Common.css&oldid=102248"