Popup He-Co-Fo corners CSS

In jQM 1.2.0 beta 1 adding header/content/footer containers to a popup with data-corners attribute set to true, ends with edges on these containers. This is a fix for that issue.

header corners

footer corners

header corners

footer corners

Close

no corners

no corners

close

header only

Close

header +

footer

Close

header +

Container between header and content
Container between content and footer

footer

Close

Script tag after header

There is a script tag after the header...

... a dialog would break here !

footer [not the last]

p tag after footer

Close

Header 1

Close

Header 2

another content div

Even if headers, footers, and contents are in wrong order or at the wrong place, the corners are styled properly.

footer 1

another footer

a paragraph above the header

Close

header

just a paragraph

footer

p tag after footer

footer

A content at last