|
|
| (9 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| /* Teletran-1 specicic bits */
| | ==Image Border Bug Fix== |
| .tt1_merge, .tt1_tobedeleted, .tt1_cleanup, .tt1_move, .tt1_spoiler { | | 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_merge .messagebox, .tt1_tobedeleted .messagebox, .tt1_cleanup .messagebox, .tt1_move .messagebox, .tt1_spoiler .messagebox {
| | <pre>/*Fix the 'see-through image borders' problem.*/ |
| position:relative;
| | .thumb{ background-color:white;}</pre> |
| padding-left:75px;
| |
| }
| |
| | |
| .tt1_merge .messagebox {
| |
| padding-left:88px;
| |
| }
| |
| | |
| .tt1_move .messagebox {
| |
| padding-left:113px;
| |
| }
| |
| | |
| .tt1_spoiler {
| |
| height:50px;
| |
| }
| |
| .tt1_spoiler .messagebox {
| |
| padding-left:50px;
| |
| }
| |
| | |
| .tt1_merge .messagebox span.mb_thumb, .tt1_tobedeleted .messagebox span.mb_thumb, .tt1_cleanup .messagebox span.mb_thumb, .tt1_move .messagebox span.mb_thumb, .tt1_spoiler .messagebox span.mb_thumb{
| |
| display:block;
| |
| height:100px;
| |
| position:absolute;
| |
| top:2px;
| |
| left:5px;
| |
| }
| |
| | |
| | |
| /* Merge only */ | |
| .tt1_merge .messagebox span.mb_thumb{
| |
| width:74px;
| |
| background:url("http://images.wikia.com/transformers/images/5/5e/Merge_megratchet.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");
| |
| }
| |
| | |
| | |
| /* Cleanup only */
| |
| .tt1_cleanup .messagebox span.mb_thumb{
| |
| width:61px;
| |
| background:url("http://images.wikia.com/transformers/images/2/23/Junkion_jimmy.gif");
| |
| }
| |
| | |
| /* Move only */
| |
| .tt1_move .messagebox span.mb_thumb{
| |
| width:123px;
| |
| background:url("http://images.wikia.com/transformers/images/2/26/Move_mo-vor.gif");
| |
| }
| |
| | |
| /* spoiler only */
| |
| .tt1_spoiler .messagebox span.mb_thumb{
| |
| height:50px;
| |
| width:56px;
| |
| background:url("http://www.emopanda.com/tmp/spoiler_jazz2.gif");
| |
| }<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> | |
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;}
