MediaWiki:Monobook.css

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

/*
 ** General CSS
 */
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% }

/*
 ** Left Sidepanel Containers
 */
#p-nav,#p-search,#p-tb,#footer {
  opacity:0.8 }
#p-cactions ul li,#p-cactions ul li a {
  -moz-border-radius-topleft:0.4em;
  -moz-border-radius-topright:0.4em }
#content {
  -moz-border-radius-topleft:0.6em;
  -moz-border-radius-bottomleft: 0.6em }
div.pBody {
  -moz-border-radius-topright:0.4em;
  -moz-border-radius-bottomright:0.4em }

/*
 ** Fixed Sidebar
 */
div[id=column-one] {
  position:fixed;
  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);
  -moz-border-radius-topleft:1em; 
  -moz-border-radius-bottomleft:1em; }
/* Fix toolbar */
#p-personal {
  width: 50%;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 50%;
  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:0;
  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:0;
  background:none; }
#p-personal li {
  z-index:0;
  border:none;
  padding:0;
  display:inline;
  color:#2f6fab;
  margin-left:1em;
  line-height:18px;
  background:none; }
#p-personal li a {
  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:2px; }
#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; }