bylaws: Updated CSS to make the HTML render nicely in Firefox

While the previous version worked in Epiphany, it didn't in Firefox.
This version works in both. And it looks semantically better.
This commit is contained in:
Tobias Mueller (ideabox) 2013-04-02 03:39:23 +02:00
parent 4accb41992
commit 915936e69b
2 changed files with 22 additions and 20 deletions

View file

@ -1,23 +1,24 @@
body { body {
counter-reset: mySectionCounter, mySubSectionCounter; counter-reset: mySectionCounter;
}
h1 {
counter-increment: mySectionCounter;
counter-reset: mySubSectionCounter;
}
h1:after {
} }
h1:before { h1:before {
counter-increment: mySectionCounter;
content: 'ARTICLE ' counter(mySectionCounter, upper-roman) ' - '; content: 'ARTICLE ' counter(mySectionCounter, upper-roman) ' - ';
} }
h5:after { h1 {
counter-reset: mySubSectionCounter;
} }
h2 { h1:after {
counter-increment: mySubSectionCounter;
} }
h2:before { h2:before {
counter-increment: mySubSectionCounter;
content: 'Section ' counter(mySectionCounter, decimal) '.' counter(mySubSectionCounter, decimal) ': '; content: 'Section ' counter(mySectionCounter, decimal) '.' counter(mySubSectionCounter, decimal) ': ';
} }
h2 {
}

View file

@ -8,29 +8,30 @@
<style type="text/css"> <style type="text/css">
body { body {
counter-reset: mySectionCounter, mySubSectionCounter; counter-reset: mySectionCounter;
}
h1 {
counter-increment: mySectionCounter;
counter-reset: mySubSectionCounter;
}
h1:after {
} }
h1:before { h1:before {
counter-increment: mySectionCounter;
content: 'ARTICLE ' counter(mySectionCounter, upper-roman) ' - '; content: 'ARTICLE ' counter(mySectionCounter, upper-roman) ' - ';
} }
h5:after { h1 {
counter-reset: mySubSectionCounter;
} }
h2 { h1:after {
counter-increment: mySubSectionCounter;
} }
h2:before { h2:before {
counter-increment: mySubSectionCounter;
content: 'Section ' counter(mySectionCounter, decimal) '.' counter(mySubSectionCounter, decimal) ': '; content: 'Section ' counter(mySectionCounter, decimal) '.' counter(mySubSectionCounter, decimal) ': ';
} }
h2 {
}
</style> </style>
</head> </head>
<body> <body>