Difference between revisions of "MediaWiki:Common.css"

From Project: Gorgon Wiki
Jump to: navigation, search
(Float edit links to the right (let me know if you don't like it, the idea is to remove them from the main content, they may also be more accessible when aligned on the right side).)
m
 
(74 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
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; }
  
body.page-Main_Page h1.firstHeading { display:none; }
+
/* 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. */
 
/* Gorgonzola: fix dark links in body content barely distinguishable from plain text. */
Line 11: Line 21:
  
 
/* Gorgonzola: [[Main_Page]] */
 
/* Gorgonzola: [[Main_Page]] */
.gg-tbl-hd {
+
.gg-tbl-hd { width:100%; height:29px; background:#8d0000; }
  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; position:absolute; left:0; top:8px; }
.gg-tbl-hd img {
+
.gg-tbl-hdt, .gg-tbl-hdt a, .gg-tbl-hdt a:visited { color:#eaeaea; }
  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: lighten up the heavy bullet lists, use as a table class */
 +
.gg-light-bullets li { list-style-image: none; color: #ccc; }
 +
<!--
 
/* Gorgonzola: Used by [[Template:Spoilers]] */
 
/* Gorgonzola: Used by [[Template:Spoilers]] */
 
.gg-spoiler .spoilers-button {
 
.gg-spoiler .spoilers-button {
Line 32: Line 40:
 
   background:#eee; border:1px dashed #aaa;
 
   background:#eee; border:1px dashed #aaa;
 
}
 
}
 
+
-->
/* Gorgonzola: Used by [[Template:ItemT]] */
+
/* 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 { border:1px solid #423930; width:400px; padding:6px; background:#0e0a08; color:#b09066; text-align:left; }
 
.gg-itemt p { font:13px/15px Arial, sans-serif; color:#b09066; margin:0 0 7px; }
 
.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-hd { position:relative; padding:0 0 0 47px; min-height:40px; overflow:visible; }
.gg-itemt-img { position:absolute; left:0; top:0; width:40px; height:40px; overflow:hidden; background:#222; }
+
.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:40px; height:40px; }
+
.gg-itemt-img img { display:block; border:none; width:32px; height:32px; }
 
.gg-itemt .gg-hd {
 
.gg-itemt .gg-hd {
 
   font:bold 16px/1.1em "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
 
   font:bold 16px/1.1em "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
Line 46: Line 54:
 
.gg-itemt dt { margin:0; padding:0 0 9px 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; }
 
.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);
 +
}
 +
 +
/*
 +
<pre>*/
 +
/* === Template:Ambox designs === */
 +
 +
/* Ambox design */
 +
.ambox {
 +
    font-size: 95%;
 +
    width: 80%;
 +
    margin: 0 auto;
 +
    border: 1px #AAA solid;
 +
    border-left: 10px solid #228b22;
 +
    border-collapse: collapse;
 +
    background-color: #EEE;
 +
    color: #000000;
 +
}
 +
.ambox a { color:#9A2D19; }
 +
/* Ambox colours */
 +
.ambox-blue {
 +
    border-left: 10px solid #1e90ff;    /* Blue (notice) */
 +
}
 +
.ambox-red {
 +
    border-left: 10px solid #b22222;    /* Red (delete/serious) */
 +
}
 +
.ambox-orange {
 +
    border-left: 10px solid #f28500;    /* Orange (content) */
 +
}
 +
.ambox-yellow {
 +
    border-left: 10px solid #f4c430;    /* Yellow (style) */
 +
}
 +
.ambox-purple {
 +
    border-left: 10px solid #9932cc;    /* Purple (merge) */
 +
}
 +
.ambox-gray {
 +
    border-left: 10px solid #bba;        /* Gray (protection) */
 +
}
 +
.ambox-green {
 +
    border-left: 10px solid #228b22;    /* Green */
 +
}
 +
 +
/* Ambox small text */
 +
.ambox-smalltext {
 +
    font-size: smaller;
 +
    margin-top:0.5em;
 +
    margin-left:0.8em;
 +
}
 +
 +
/* Ambox image */
 +
.ambox-image {                    /* The left image cell */
 +
    width: 60px;
 +
    padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */
 +
    text-align: center;
 +
}
 +
 +
@media print { .ambox { display: none; } }    /* no ambox when printing */
 +
/*</pre>
 +
*/
 +
/* Documentation template */
 +
.template-documentation .color1,
 +
#bodyContent .template-documentation .color1 a,
 +
#bodyContent .template-documentation .color1 a.external
 +
{
 +
    background-color:#36C;
 +
    color:white;
 +
}
 +
/* Makes key input look better, such as on General_gameplay_tips/Basics#Controls. */
 +
kbd {
 +
border: 2px solid gray;
 +
color: white;
 +
border-radius: .5em;
 +
background-color: black;
 +
padding: 2px;
 +
}
 +
/* Resizing external images of icons. */
 +
.extimage16px img { width: 16px;}
 +
/* Resizing external images of icons. */
 +
.extimage32px img { width: 32px;}
 +
/* Resizing external images of icons. */
 +
.extimage64px img { width: 64px;}
 +
/* Spoiler styles for collapsible tables. */
 +
.spoilbox{
 +
    padding: 2px;
 +
    margin: 3px 0px;
 +
    width: 100%;
 +
    border-radius: 0px 0px 10px 10px;
 +
    border: 0px solid #1e1615ff;
 +
    text-align:left;
 +
    background-color:#bca787ff;
 +
    color: #000000;
 +
    font-weight:bold;
 +
}
 +
/* Styles for collapsible tables used in spoilers */
 +
.spoilbox a:visited, .spoilbox a.external:visited, .spoilbox a:link { color:#95263b; }
 +
.mw-collapsible-toggle a { color:#95263b; }
 +
.block1{
 +
background-color:#bca787;
 +
    color: #000000;
 +
}
 +
.block2 a:link, .block2 a:visited  {color:#e5b964ff;}
 +
 +
/* Styles for Infobox header image placement */
 +
 +
.ib-tbl-hd { width:100%; height:29px; }
 +
.ib-tbl-hd img { display:block; width:100%; height:29px; border:none; }
 +
.ib-tbl-hdt { width:100%; font:bold 19px/1em Arial; text-align:center; position:absolute; left:0; top:13px;border-radius:2px; }
 +
.ib-tbl-hdt, .ib-tbl-hdt a, .ib-tbl-hdt a:visited { color:#eaeaea; }

Latest revision as of 17:01, 17 June 2021

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; position:absolute; left:0; top:8px; }
.gg-tbl-hdt, .gg-tbl-hdt a, .gg-tbl-hdt a:visited { color:#eaeaea; }

/* Gorgonzola: lighten up the heavy bullet lists, use as a table class */
.gg-light-bullets li { list-style-image: none; color: #ccc; }
<!--
/* 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:400px; padding:6px; background:#0e0a08; color:#b09066; 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; overflow:visible; }
.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);
}

/*
<pre>*/
/* === Template:Ambox designs === */
 
/* Ambox design */
.ambox {
    font-size: 95%;
    width: 80%; 
    margin: 0 auto;
    border: 1px #AAA solid;
    border-left: 10px solid #228b22;
    border-collapse: collapse;
    background-color: #EEE;
    color: #000000;
}
.ambox a { color:#9A2D19; }
/* Ambox colours */
.ambox-blue {
    border-left: 10px solid #1e90ff;    /* Blue (notice) */
}
.ambox-red {
    border-left: 10px solid #b22222;    /* Red (delete/serious) */
}
.ambox-orange {
    border-left: 10px solid #f28500;    /* Orange (content) */
}
.ambox-yellow {
    border-left: 10px solid #f4c430;    /* Yellow (style) */
}
.ambox-purple {
    border-left: 10px solid #9932cc;    /* Purple (merge) */
}
.ambox-gray {
    border-left: 10px solid #bba;        /* Gray (protection) */
}
.ambox-green {
    border-left: 10px solid #228b22;    /* Green */
}
 
/* Ambox small text */
.ambox-smalltext {
    font-size: smaller;
    margin-top:0.5em;
    margin-left:0.8em;
}
 
/* Ambox image */
.ambox-image {                    /* The left image cell */
    width: 60px;
    padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */
    text-align: center;
}
 
@media print { .ambox { display: none; } }    /* no ambox when printing */
/*</pre>
*/
/* Documentation template */
.template-documentation .color1,
#bodyContent .template-documentation .color1 a,
#bodyContent .template-documentation .color1 a.external
{
    background-color:#36C;
    color:white;
}
/* Makes key input look better, such as on General_gameplay_tips/Basics#Controls. */
kbd {
	border: 2px solid gray;
	color: white;
	border-radius: .5em;
	background-color: black;
	padding: 2px;
}
/* Resizing external images of icons. */
.extimage16px img { width: 16px;}
/* Resizing external images of icons. */
.extimage32px img { width: 32px;}
/* Resizing external images of icons. */
.extimage64px img { width: 64px;}
/* Spoiler styles for collapsible tables. */
.spoilbox{
    padding: 2px;
    margin: 3px 0px;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    border: 0px solid #1e1615ff;
    text-align:left;
    background-color:#bca787ff;
    color: #000000;
    font-weight:bold;
}
/* Styles for collapsible tables used in spoilers */
.spoilbox a:visited, .spoilbox a.external:visited, .spoilbox a:link { color:#95263b; }
.mw-collapsible-toggle a { color:#95263b; }
.block1{
background-color:#bca787;
    color: #000000;
}
.block2 a:link, .block2 a:visited  {color:#e5b964ff;}

/* Styles for Infobox header image placement */

.ib-tbl-hd { width:100%; height:29px; }
.ib-tbl-hd img { display:block; width:100%; height:29px; border:none; }
.ib-tbl-hdt { width:100%; font:bold 19px/1em Arial; text-align:center; position:absolute; left:0; top:13px;border-radius:2px; }
.ib-tbl-hdt, .ib-tbl-hdt a, .ib-tbl-hdt a:visited { color:#eaeaea; }