← Back to branch summary

~ubuntu-branches/ubuntu/natty/moin/natty-updates

« back to all changes in this revision

Viewing changes to wiki/htdocs/rightsidebar/css/msie.css

  • Committer: Bazaar Package Importer
  • Author(s): Jonas Smedegaard
  • Date: 2008-06-22 21:17:13 UTC
  • mto: This revision was merged to the branch mainline in revision 18.
  • Revision ID: james.westby@ubuntu.com-20080622211713-inlv5k4eifxckelr
Import upstream version 1.7.0

Show diffs side-by-side

added added

removed removed

Lines of Context:
wiki/htdocs/rightsidebar/css/msie.css
 
1
/*  msie.css - MoinMoin MS Internet explorer bug workarounds */
 
2
 
 
3
/* IE6 and IE7 both suck with :before */
 
4
a.www { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }
 
5
a.http { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }
 
6
a.https { padding-left: 14px; background: url(../img/moin-www.png) left center no-repeat; }
 
7
a.file { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; }
 
8
a.ftp { padding-left: 14px; background: url(../img/moin-ftp.png) left center no-repeat; }
 
9
a.nntp { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; }
 
10
a.news { padding-left: 14px; background: url(../img/moin-news.png) left center no-repeat; }
 
11
a.telnet { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; }
 
12
a.irc,a.ircs  { padding-left: 14px; background: url(../img/moin-telnet.png) left center no-repeat; }
 
13
a.mailto { padding-left: 14px; background: url(../img/moin-email.png) left center no-repeat; }
 
14
a.attachment { padding-left: 14px; background: url(../img/moin-attach.png) left center no-repeat; }
 
15
a.badinterwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; }
 
16
a.interwiki { padding-left: 14px; background: url(../img/moin-inter.png) left center no-repeat; }
 
17
#message .warning { padding-left: 20px; background: url(../img/alert.png) left center no-repeat; }
 
18
#message .error { padding-left: 20px; background: url(../img/icon-error.png) left center no-repeat; }
 
19
 
 
20
#pagetrail li, #pagelocation li {
 
21
    border-left: 1px solid #AAA;
 
22
    padding: 0 0.3em;
 
23
}
 
24
 
 
25
/* Spans for line-anchors - needed for IE6 and IE7 where omitting the "display: none" triggers rendering bugs. */
 
26
span.anchor { display: none; }
 
27
 
 
28
/*
 
29
This could maybe avoid screen jumping in IE with IE7 hack.
 
30
 
 
31
It works (or rather: should work) like this:
 
32
First, IE sees the a.interwiki definition only as it doesn't understand neither
 
33
* > a.interwiki, nor a.interwiki:before. We use a.interwiki to reserve some
 
34
space for the icon inserted later.
 
35
Later, the IE7 hack kicks in and then IE also understands those 2 other css lines.
 
36
The * > a.interwiki line now removes the space we previously reserved and the
 
37
:before inserts the icon.
 
38
 
 
39
a.interwiki {margin-left: 25px; padding-top: 25px; padding-bottom: 25px;}
 
40
* > a.interwiki {margin-left: 0px; padding-top: 25px; padding-bottom: 25px;}
 
41
a.interwiki:before {content: url(../img/moin-inter.png);}
 
42
 
 
43
Problem:
 
44
While margin-left seems to work, margin-/padding-top/bottom doesnt.
 
45
After getting it to work, this has to be fine-tuned to avoid screen jumping.
 
46
*/
 
47
 
 
48
/* Some * html hacks for IE6 and below only (IE7 ignores * html) */
 
49
 
 
50
/* IE6 has a bug with rendering of float elements. We workaround this bug by
 
51
 * assigning those elements a height attribute because we currently don't know
 
52
 * a better solution. This results in IE calculating the correct height of the
 
53
 * characters and displaying them correctly. We don't know any negative side
 
54
 * effects of this workaround:
 
55
 */
 
56
* html div#page, * html div#header { height: 0.001%; }
 
57