Popup: Made images inherit the corner styling when they are the only child in the popup.

Author: jaspermdegroot

css/structure/jquery.mobile.popup.css

@@ -1,7 +1,6 @@
 .ui-popup-open .ui-header-fixed,
 .ui-popup-open .ui-footer-fixed {
 	position: absolute !important; 	/* See line #553 of popup.js */
-
 }
 .ui-popup-screen {
 	background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
@@ -14,34 +13,28 @@
 	opacity: 0;
 	z-index: 1099;
 }
-
 .ui-popup-screen.in {
 	opacity: 0.5;
 	filter: Alpha(Opacity=50);
 }
-
 .ui-popup-screen.out {
 	opacity: 0;
 	filter: Alpha(Opacity=0);
 }
-
 .ui-popup-container {
 	z-index: 1100;
 	display: inline-block;
 	position: absolute;
 	padding: 0;
 	outline: 0;
 }
-
 .ui-popup {
 	position: relative;
 }
-
 .ui-popup.ui-content,
 .ui-popup .ui-content {
 	overflow: visible;
 }
-
 .ui-popup > p,
 .ui-popup > h1,
 .ui-popup > h2,
@@ -91,14 +84,19 @@
 .ui-popup-container .ui-content > h6:last-child {
 	margin-bottom: 0;
 }
-
 .ui-popup > img {
 	width: auto;
 	height: auto;
 	max-width: 100%;
 	max-height: 100%;
 	vertical-align: middle;
 }
+.ui-popup:not(.ui-content) > img:only-child,
+.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
+.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
+	-webkit-border-radius: inherit;
+	border-radius: inherit;
+}
 .ui-popup iframe {
 	vertical-align: middle;
 }
@@ -119,16 +117,13 @@
 		width: 100%; display: block;
 	}
 }
-
 .ui-popup > .ui-btn-left,
 .ui-popup > .ui-btn-right {
 	position: absolute; 
 	top: -9px;
 	margin: 0;
 	z-index: 1101;
 }
-
 .ui-popup > .ui-btn-left { left: -9px; }
 .ui-popup > .ui-btn-right { right: -9px; }
-
 .ui-popup-hidden { top: -99999px; left: -9999px; }