MODAL: Mozilla/5.0 (Linux; Android 4.0; LG-E975 Build/IMM76L) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19

by Vladimir

HTML

<div id="O">
	<div id="C">
		<div id="S">%origin%</div>
		<div id="T">Новая Opera для вашего телефона. Установить?</div>
		<a target="_blank" href="%href%" id="B1" onclick="%onclick%">Cancel</a>
		<a target="_blank" href="%url%" id="B2" onclick="%onclick%">OK</a>
	</div>
</div>

CSS

*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;}html { font-size: 176.64px !important;
} #O { position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; background: rgba(0, 0, 0, .4) !important; -webkit-user-select: none !important;
} #C { font-family: Droid Sans, Helvetica, Arial, sans-serif !important; position: absolute !important; background: #f5f5f5 !important; border-radius: .01rem !important; width: 330.24px !important; margin-left: -165.12px !important; margin-top: -.75rem !important; left: 50% !important; top: 50% !important; box-shadow: 0 0 .05rem rgba(0,0,0,.5) !important;
} #S, #T { padding-left: .087rem !important; padding-right: .087rem !important; font-size: .087rem !important;
} #S { line-height: .369rem !important; color: #33b5e5 !important; border-bottom: .011rem solid #33b5e5 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
} #T { line-height: .12rem !important; padding-top: .078rem !important; padding-bottom: .078rem !important; color: #000 !important;
} #B1, #B2 { float: left !important; width: 50% !important; text-decoration: none !important; color: #000 !important; text-align: center !important; bottom: 0 !important; line-height: .273rem !important; font-size: .07rem !important; border-top: 1px solid #dcdcdc !important;
} #B1 { border-right: 1px solid #dcdcdc !important;
} @media only screen and (min-width: 700px) and (orientation : portrait),
only screen and (min-width: 1000px) and (orientation : landscape){ html { font-size: 96px !important; }
} @media only screen and (orientation : landscape){ #C { margin-top: -.65rem !important; }
}