Difference between revisions of "MediaWiki:Common.css"

From Project: Gorgon Wiki
Jump to: navigation, search
m (Added Extractum11 code)
m
 
(59 intermediate revisions by 2 users not shown)
Line 21: 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 42: 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:32px; height:32px; padding:3px; overflow:hidden; background:#0f0c0a; border:1px solid #1d1713; }
 
.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-img img { display:block; border:none; width:32px; height:32px; }
Line 64: Line 62:
 
}
 
}
  
/* Extractum11: Used as new tooltips
+
/*
[tooltip]:before {
+
<pre>*/
     position: absolute;
+
/* === Template:Ambox designs === */
     opacity: 0;
+
     content: attr(tooltip);
+
/* Ambox design */
     white-space: pre-line;
+
.ambox {
     transition: all 0.15s ease;
+
    font-size: 95%;
     padding: 10px;
+
     width: 80%;  
    color: #E7E6F2;
+
     margin: 0 auto;
     border-radius: 10px;
+
     border: 1px #AAA solid;
    box-shadow: 2px 2px 1px silver;
+
     border-left: 10px solid #228b22;
     backface-visibility: hidden;
+
    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 {
[tooltip]:hover:before {
+
    border-left: 10px solid #f28500;    /* Orange (content) */
     opacity: 1;
+
}
     background: #313040;
+
.ambox-yellow {
     margin-top: -50px;
+
    border-left: 10px solid #f4c430;    /* Yellow (style) */
     margin-left: 20px;  
+
}
 +
.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;}
  
[tooltip]:not([tooltip-persistent]):before {
+
/* Styles for Infobox header image placement */
    pointer-events: none;
 
}
 
  
/* FOR TEST PURPOSES ONLY */
+
.ib-tbl-hd { width:100%; height:29px; }
div {
+
.ib-tbl-hd img { display:block; width:100%; height:29px; border:none; }
    border: 1px solid silver;
+
.ib-tbl-hdt { width:100%; font:bold 19px/1em Arial; text-align:center; position:absolute; left:0; top:13px;border-radius:2px; }
    background: #f3f3f3;
+
.ib-tbl-hdt, .ib-tbl-hdt a, .ib-tbl-hdt a:visited { color:#eaeaea; }
    margin: 20px;
 
    padding: 10px;
 
}
 

Latest revision as of 16: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; }