MediaWiki:Common.css

From Project: Gorgon Wiki
Revision as of 23:13, 13 July 2015 by BetaNotus (talk | contribs) (Added Extractum11 code)
Jump to: navigation, search
body.page-Main_Page h1.firstHeading { display:none; }

/* Gorgonzola: common styles */
.table { margin:10px 0; border-collapse:collapse; border:1px solid #aaa; font-size:12px; }
.table th { background:#eee; border-bottom:1px solid #ccc; padding:0.25em; }
.table tr {  }
.table td { padding:0.25em 0.5em; }
.table tbody {  }
.table > tbody > tr:nth-child(even) { background:#f3f3f3; }

/* alt row coloring */
.alt { background-color:#EBEBEB; }
table.zebra > tbody > tr:nth-child(even) { background-color:#DADADA; }

/* Gorgonzola: fix dark links in body content barely distinguishable from plain text. */
a { color:#002bb8; }
.mw-body a:visited, .mw-body a.external:visited { color:#5a3696; }

/* Gorgonzola: move edit links out of the body text */
.mw-editsection { float:right; }

/* Gorgonzola: [[Main_Page]] */
.gg-tbl-hd {
  width:100%; height:29px; background:#8d0000;
}
.gg-tbl-hd img {
  display:block; width:100%; height:29px; border:none;
}
.gg-tbl-hdt {
  width:100%; font:bold 15px/1em Georgia,serif; text-align:center; color:#eaeaea; position:absolute; left:0; top:8px;
}

/* Gorgonzola: Used by [[Template:Spoilers]] */
.gg-spoiler .spoilers-button {
  background:#aaa linear-gradient(to bottom,#eee,#aaa); transition:.1s background-position linear;
  border:1px solid #aaa; border-radius:5px;
  padding:3px 10px;
  display:inline-block;
}
.gg-spoiler .spoilers-body {
  padding:3px 10px; margin:0 0 1em;
  background:#eee; border:1px dashed #aaa;
}

/* Gorgonzola: Used by [[Template:ItemT]] */
.gg-itemt { border:1px solid #423930; width:304px; padding:6px; background:#0e0a08; color:#b09066; overflow:hidden; text-align:left; }
.gg-itemt p { font:13px/15px Arial, sans-serif; color:#b09066; margin:0 0 7px; }
.gg-itemt-hd { position:relative; padding:0 0 0 47px; min-height:40px; }
.gg-itemt-img { position:absolute; left:0; top:0; width:32px; height:32px; padding:3px; overflow:hidden; background:#0f0c0a; border:1px solid #1d1713; }
.gg-itemt-img img { display:block; border:none; width:32px; height:32px; }
.gg-itemt .gg-hd {
  font:bold 16px/1.1em "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
  color:#fff; white-space:nowrap; margin:0 0 8px; padding:0;
}
.gg-itemt dl { margin:0; padding:0; }
.gg-itemt dt { margin:0; padding:0 0 9px 0; }
.gg-itemt dd { margin:0 0 0 15px; padding:0 0 9px 0; line-height:14px; }

/* Gorgonzola: Used by [[Template:Icon]] tooltips */
.gg-icon-tt {
  position:absolute; border:1px solid #423930; padding:6px 10px; background:#0e0a08; margin:0 0 7px; white-space:nowrap;
  font:bold 16px/1.1em "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; color:#fff;
  box-shadow:0 0 3px rgba(0,0,0,.3);
}

/* Extractum11: Used as new tooltips
[tooltip]:before {
    position: absolute;
    opacity: 0;
    content: attr(tooltip);
    white-space: pre-line;
    transition: all 0.15s ease;
    padding: 10px;
    color: #E7E6F2;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;
    backface-visibility: hidden;
}

[tooltip]:hover:before {
    opacity: 1;
    background: #313040;
    margin-top: -50px;
    margin-left: 20px;    
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
}

/* FOR TEST PURPOSES ONLY */
div {
    border: 1px solid silver;
    background: #f3f3f3;
    margin: 20px;
    padding: 10px;
}