MediaWiki talk:Monobook.css: Difference between revisions

From MediaWiki
Jump to navigationJump to search
Derik (talk | contribs)
mNo edit summary
Abates (talk | contribs)
mNo edit summary
 
(13 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* Teletran-1 specicic bits */
==Image Border Bug Fix==
.tt1_tobedeleted, .tt1_cleanup {
Interrobang and TX55 complained that Wikia's last round of CSS changes had the unintended effect of rendering image thumbnail borders transparent.  ([[Transformers Wiki talk:Community Portal/Archive8#Image thumb borders are screwed up|discussed here]].)  The problem is only apparent is there's a messagebox or section-divider overlapping a thumbnail- it's like the borders are etched on transparent glass. The code below fixes this by opaquing the glass (as it used to be.) -[[User:Derik|Derik]] 04:07, 8 February 2008 (UTC)
    height:87px;
}


.tt1_tobedeleted .messagebox, .tt1_cleanup .messagebox {
<pre>/*Fix the 'see-through image borders' problem.*/
  position:relative;
.thumb{ background-color:white;}</pre>
  padding-left:75px;
}
.tt1_tobedeleted .messagebox span.mb_thumb, .tt1_cleanup .messagebox span.mb_thumb{
  display:block;
  height:100px;
  position:absolute;
  top:2px;
  left:5px;
}
 
 
/* Cleanup only */
.tt1_cleanup .messagebox span.mb_thumb{
  width:61px;
  background:url("http://images.wikia.com/transformers/images/2/23/Junkion_jimmy.gif");
}
 
/*ToBedeleted only */
.tt1_tobedeleted .messagebox {
  border:solid 1px #aaa;
  background:#f9f9f9;
}
.tt1_tobedeleted .messagebox span.mb_thumb{
  width:64px;
  background:url("http://images.wikia.com/transformers/images/a/a8/Quint_head.gif");
}
 
 
/* wikitable/prettytable class for skinning normal tables */
 
table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaa solid;
  padding: 0.2em;
}
 
table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}<div id="wikia-credits"><br /><br /><small>From [http://transformers.wikia.com Teletraan I: The Transformers Wiki], a [http://www.wikia.com Wikia] wiki.</small></div>

Latest revision as of 03:04, 17 January 2013

Image Border Bug Fix

[edit]

Interrobang and TX55 complained that Wikia's last round of CSS changes had the unintended effect of rendering image thumbnail borders transparent. (discussed here.) The problem is only apparent is there's a messagebox or section-divider overlapping a thumbnail- it's like the borders are etched on transparent glass. The code below fixes this by opaquing the glass (as it used to be.) -Derik 04:07, 8 February 2008 (UTC)

/*Fix the 'see-through image borders' problem.*/
.thumb{ background-color:white;}