/* mixins */ .box-shadow (@string) { -webkit-box-shadow: @string; -moz-box-shadow: @string; box-shadow: @string; } .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); } .border-radius (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* end mixins */ .zero-interstitial { position: fixed; padding: 25px 0; width: 70%; max-height: 70%; min-height: 400px; margin: 15%; border: 1px solid #AAA; .drop-shadow(@y: 4px); .border-radius(25px); .overlay-header-container, .overlay-footer-container { border: none; } .overlay-content { height: 100%; text-align: center; .button-bar { width: 100%; position: absolute; bottom: 0; button { max-width: 100%; width: 100%; display: block; border: none; border-top: 1px solid #CCC; } button:last-of-type { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } } } }