MediaWiki:Monobook.css

/*
 ** CSS Additions for Monobook skin
 */
@import url('//cdn.jsdelivr.net/font-hack/2.020/css/hack-extended.min.css');
@import url('//fonts.googleapis.com/css?family=Titillium+Web');

/*
 ** General CSS
 */
a:link, a:active, a:visited { color: #07b !important; }
a:hover { color: #666 !important; }
a.new:link, a.new:active, a.new:visited { color: #a00 !important; }
a.new:hover { color: #666 !important; }
a.extiw:link, a.extiw:active, a.extiw:visited { color: #07b !important; }
a.extiw:hover { color: #666 !important; }
a.external:link, a.external:active, a.external:visited { color: #07b !important; }
a.external:hover { color: #666 !important; }
/*
a:link, a:visited { color: #0645ad !important; }
a.new:link, a.new:visited { color: #cc2200 !important; }
a.extiw:link, a.extiw:visited { color: #3366bb !important; }
a.external:link, a.external:visited { color: #3366bb !important; }
*/

body {
  background: #f1f1f1;
  background-attachment: fixed;
  color: #313131;
  font-family: 'Titillium Web',Tahoma,Geneva,sans-serif;
  font-size: 8pt;
  line-height: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h5 { font-weight: bold; }

input {
  font-family: 'Titillium Web',Tahoma,Geneva,sans-serif;
  font-size: 8pt;
  line-height: 100%;
}

pre,textarea {
  font-family: 'Hack','Lucida Console',Monaco,monospace;
  font-size: 10pt;
  line-height: 100%;
}

/*
 * Wiki Read-Only Mode
 */
#mw-read-only-warning { color: #a00; }
#mw-read-only-warning > p > strong { display: block; }

/*
 ** Left Sidepanel Containers
 */
#p-nav,#p-search,#p-tb,#footer { opacity: 0.8; }
#p-cactions ul li,#p-cactions ul li a {
  border-radius: 0.4em 0.4em 0 0;
  -moz-border-radius: 0.4em 0.4em 0 0;
  -webkit-border-radius: 0.4em 0.4em 0 0;
  /*border-radius-topleft: 0.4em;
  border-radius-topright: 0.4em;
  -moz-border-radius-topleft: 0.4em;
  -moz-border-radius-topright: 0.4em;
  -webkit-border-radius-topleft: 0.4em;
  -webkit-border-radius-topright: 0.4em;*/
}
#content {
  border-radius: 0.6em 0 0 0.6em;
  -moz-border-radius: 0.6em 0 0 0.6em;
  -webkit-border-radius: 0.6em 0 0 0.6em;
  /*border-radius-topleft: 0.6em;
  border-radius-bottomleft: 0.6em;
  -moz-border-radius-topleft: 0.6em;
  -moz-border-radius-bottomleft: 0.6em;
  -webkit-border-radius-topleft: 0.6em;
  -webkit-border-radius-bottomleft: 0.6em;*/
}
div.pBody {
  border-radius: 0 0.4em 0.4em 0;
  -moz-border-radius: 0 0.4em 0.4em 0;
  -webkit-border-radius: 0 0.4em 0.4em 0;
  /*border-radius-topright: 0.4em;
  border-radius-bottomright: 0.4em;
  -moz-border-radius-topright: 0.4em;
  -moz-border-radius-bottomright: 0.4em;
  -webkit-border-radius-topright: 0.4em;
  -webkit-border-radius-bottomright: 0.4em;*/
}
.portlet h3 { display: none; }
#p-search.portlet { position: relative; top: 16px; }
#p-tb.portlet { position: relative; top: 32px; }

/*
 ** Fixed Sidebar
 */
div[id=column-one] {
  position: fixed;
  top: 0;
  height: 100%;
  overflow: auto;
  z-index: 2;
}
div#p-lang .pBody ul{ height: 10em; overflow: auto; }
div#footer {
  margin-left: 13.6em;
  border-left: solid 1px rgb(250, 189, 35);
  border-radius: 1em 0 0 1em;
  -moz-border-radius: 1em 0 0 1em;
  -webkit-border-radius: 1em 0 0 1em;
  /*border-radius-topleft: 1em;
  border-radius-bottomleft: 1em;
  -moz-border-radius-topleft: 1em;
  -moz-border-radius-bottomleft: 1em;
  -webkit-border-radius-topleft: 1em;
  -webkit-border-radius-bottomleft: 1em;*/
}
/* Fix toolbar */
#p-personal {
  white-space: nowrap;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 5;
  border: none;
  background: none;
  overflow: visible;
  line-height: 18px;
}
#p-personal h5 { display: none; }
#p-personal.portlet,
#p-personal .pBody {
  padding: 0;
  margin: 0;
  border: none;
  z-index: 5;
  overflow: visible;
  background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
  border: none;
  line-height: 18px;
  color: #2f6fab;
  padding: 0em 2em 0 3em;
  margin: 0;
  text-align: right;
  text-transform: lowercase;
  list-style: none;
  z-index: 5;
  background: none;
}
#p-personal li {
  z-index: 5;
  border: none;
  padding: 0;
  display: inline;
  color: #2f6fab;
  margin-left: 1em;
  line-height: 18px;
  background: none;
}
#p-personal li a {
  z-index: 5;
  text-decoration: none;
  color: #005896;
  padding: 0 4px;
  padding-bottom: 0.2em;
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  background: none;
}
#p-personal li a:hover {
  background-color: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-bottom: 0.2em;
  text-decoration: none;
}
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
  /* @embed */
  background: url(/img/icons-shadowless/user-worker-boss.png) top left no-repeat;
  padding-left: 20px;
  text-transform: none;
}


#footer #f-list { position: relative; top: 7px; }
#footer #f-poweredbyico { position: relative; top: -1px; }

/*
 ** Highlight Clicked References
 */
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }

/*
 ** Right Aligned TOC
 */
div#tocalign { float: right; margin-left: 25px; }

/*
 ** Sortable TABLE
 */
table.sortable { border-collapse: collapse; border-spacing: 0; border-top: solid 1px #96aac8; border-bottom: solid 1px #96aac8; margin: 0 auto; }
table.sortable tr { border: none; }
table.sortable td, table.sortable th { border-right: solid 1px #96aac8; border-left: solid 1px #96aac8; padding: 5px 10px; vertical-align: center; }
table.sortable th { border-bottom: solid 1px #96aac8; }

/*
 ** {{Template:Code}}
 */
.template-code {
  background-color: #ffe0e0;
  border: 1px solid #cc6666;
  border-left: 10px solid #cc6666;
  font-family: 'Hack','Lucida Console',Monaco,monospace;
  font-size: 10pt;
  line-height: 100%;
  margin: 0 4px;
  padding: 2px 6px;
  white-space: pre;
}

/*
 ** {{Template:BBS}} & {{Template:BBSright}}
 */
.template-bbs {
  background-color: #090c19;
  border: 1px solid #313b65;
  color: #aeaeae;
  font-family: 'Hack','Lucida Console',Monaco,monospace;
  font-size: 10pt;
  line-height: 100%;
  margin: 0 4px;
  padding: 4px 8px;
  white-space: pre;
}

/*
 ** {{Template:Console}} & {{Template:ConsoleRight}}
 */
.template-console {
  background-color: #131313;
  border: 1px solid #434343;
  color: #a8a8a8;
  font-family: 'Hack','Lucida Console',Monaco,monospace;
  font-size: 10pt;
  line-height: 100%;
  margin: 0 4px;
  padding: 4px 8px;
  white-space: pre;
}

/*
 ** {{Template:Output}}
 */
.template-output {
  background-color: #c1ffc1;
  border: 1px solid #00B000;
  font-family: 'Hack','Lucida Console',Monaco,monospace;
  font-size: 10pt;
  line-height: 100%;
  margin: 0 4px;
  padding: 4px 8px;
  white-space: pre;
}

/*
 ** {{Template:Note}}
 */
.template-note {
  background-color: #f9f9f9;
  border: 1px dashed #2f6fab;
  font-family: 'Hack','Lucida Console',Monaco,monospace;
  font-size: 10pt;
  line-height: 100%;
  margin: 0 4px;
  padding: 4px 8px;
  white-space: pre;
}

/*
 ** {{Template:Mono}}
 */
.template-mono {
  color: #007a00;
  font-family: 'Hack','Lucida Console',Monaco,monospace;
  font-size: 10pt;
  line-height: 100%;
}

/*
 ** {{Template:Icon}}
 */
.template-icon { position: relative; top: -1px; }

/*
 ** {{Template:IconFix}}
 */
.template-iconfix { position: relative; top: -3px; }

/*
 ** {{Template:Infobox}}
 */
.template-infobox {
  background-color: #f1f1f1;
  border: 1px solid #666;
  float: right;
  padding: 4px;
}

/*
 ** {{Template:Hardware}}
 */
.template-hardware td { border-bottom: 1px solid #ccc; padding: 2px 6px; }
.template-hardware th { background-color: #ccc; }

/*
 ** Path of Exile
 */
.inventoryBG {
  background-image: url(//webcdn.pathofexile.com/image/gen/inventory/MainInventory.png);
  width: 600px;
  height: 781px;
}
.itemBG { background-image: url(//webcdn.pathofexile.com/image/game_ui/inventory_item_background.png); }

/*
 ** DIY Images 
 */
.diy {
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,1);
  box-shadow: 0 0 6px rgba(0,0,0,1);
  margin: 4px 2px;
}