diff --git a/coffee/vex.coffee b/coffee/vex.coffee index 3000f4d..479e2ed 100644 --- a/coffee/vex.coffee +++ b/coffee/vex.coffee @@ -104,10 +104,6 @@ vexFactory = ($) -> vex.setupBodyClassName options.$vex - # Set up body padding to account for possible scrollbar - - vex.setupBodyPadding options.$vex - # Call afterOpen callback and trigger vexOpen event options.afterOpen options.$vexContent, options if options.afterOpen @@ -184,11 +180,6 @@ vexFactory = ($) -> .bind('vexOpen.vex', -> $('body').addClass(vex.baseClassNames.open)) .bind('vexAfterClose.vex', -> $('body').removeClass(vex.baseClassNames.open) unless vex.getAllVexes().length) - setupBodyPadding: ($vex) -> - $('body') - .bind('vexOpen.vex', -> $('body').css('padding-right', vex.getScrollbarWidth())) - .bind('vexAfterClose.vex', -> $('body').css('padding-right', 0) unless vex.getAllVexes().length) - hideLoading: -> $('.vex-loading-spinner').remove() @@ -196,12 +187,6 @@ vexFactory = ($) -> vex.hideLoading() $('body').append("""
""") - getScrollbarWidth: -> - $scrollDiv = $('').appendTo('body') - scrollbarWidth = ($scrollDiv[0].offsetWidth - $scrollDiv[0].clientWidth) - $scrollDiv.remove() - return scrollbarWidth - if typeof define is 'function' and define.amd # AMD define ['jquery'], vexFactory diff --git a/css/vex-theme-bottom-right-corner.css b/css/vex-theme-bottom-right-corner.css index 9897927..8d9da28 100644 --- a/css/vex-theme-bottom-right-corner.css +++ b/css/vex-theme-bottom-right-corner.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; @keyframes vex-slideup { 0% { transform: translateY(0); @@ -6,33 +5,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-webkit-keyframes vex-slideup { 0% { transform: translateY(0); @@ -40,33 +38,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-moz-keyframes vex-slideup { 0% { transform: translateY(0); @@ -74,33 +71,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-ms-keyframes vex-slideup { 0% { transform: translateY(0); @@ -108,33 +104,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-o-keyframes vex-slideup { 0% { transform: translateY(0); @@ -142,374 +137,319 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); -o-transform: translateY(800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @keyframes vex-slidedown { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); - -o-transform: translateY(800px); - } -} + -o-transform: translateY(800px); } } + @-webkit-keyframes vex-slidedown { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); - -o-transform: translateY(800px); - } -} + -o-transform: translateY(800px); } } + @-moz-keyframes vex-slidedown { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); - -o-transform: translateY(800px); - } -} + -o-transform: translateY(800px); } } + @-ms-keyframes vex-slidedown { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); - -o-transform: translateY(800px); - } -} + -o-transform: translateY(800px); } } + @-o-keyframes vex-slidedown { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(800px); -webkit-transform: translateY(800px); -moz-transform: translateY(800px); -ms-transform: translateY(800px); - -o-transform: translateY(800px); - } -} + -o-transform: translateY(800px); } } + @keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-webkit-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-moz-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-ms-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-o-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} -/* line 13, ../sass/vex-theme-bottom-right-corner.sass */ + box-shadow: inset 0 0 0 300px transparent; } } + .vex.vex-theme-bottom-right-corner { top: auto; bottom: 0; right: 0; - overflow: visible; -} -/* line 19, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-overlay { - display: none; -} -/* line 22, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner.vex-closing .vex-content { - animation: vex-slidedown 0.5s; - -webkit-animation: vex-slidedown 0.5s; - -moz-animation: vex-slidedown 0.5s; - -ms-animation: vex-slidedown 0.5s; - -o-animation: vex-slidedown 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 25, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-content { - animation: vex-slideup 0.5s; - -webkit-animation: vex-slideup 0.5s; - -moz-animation: vex-slideup 0.5s; - -ms-animation: vex-slideup 0.5s; - -o-animation: vex-slideup 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 28, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-content { - -moz-border-radius: 5px 0 0 0; - -webkit-border-radius: 5px; - border-radius: 5px 0 0 0; - font-family: "Helvetica Neue", sans-serif; - background: #f0f0f0; - color: #444; - padding: 1em; - max-width: 100%; - width: 450px; - font-size: 1.1em; - line-height: 1.5em; - position: fixed; - bottom: 0; - right: 0; - left: auto; -} -/* line 43, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-content h1, .vex.vex-theme-bottom-right-corner .vex-content h2, .vex.vex-theme-bottom-right-corner .vex-content h3, .vex.vex-theme-bottom-right-corner .vex-content h4, .vex.vex-theme-bottom-right-corner .vex-content h5, .vex.vex-theme-bottom-right-corner .vex-content h6, .vex.vex-theme-bottom-right-corner .vex-content p, .vex.vex-theme-bottom-right-corner .vex-content ul, .vex.vex-theme-bottom-right-corner .vex-content li { - color: inherit; -} -/* line 46, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-close { - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - position: absolute; - top: 0; - right: 0; - cursor: pointer; -} -/* line 53, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-close:before { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - position: absolute; - content: "×"; - font-size: 26px; - font-weight: normal; - line-height: 31px; - height: 30px; - width: 30px; - text-align: center; - top: 3px; - right: 3px; - color: #bbb; - background: transparent; -} -/* line 68, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-close:hover:before, .vex.vex-theme-bottom-right-corner .vex-close:active:before { - color: #777; - background: #e0e0e0; -} -/* line 74, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-message { - margin-bottom: 0.5em; -} -/* line 77, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input { - margin-bottom: 1em; -} -/* line 80, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="week"] { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #fff; - width: 100%; - padding: 0.25em 0.67em; - border: 0; - font-family: inherit; - font-weight: inherit; - font-size: inherit; - min-height: 2.5em; - margin: 0 0 0.25em; -} -/* line 92, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #8dbdf1; - -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; - box-shadow: inset 0 0 0 2px #8dbdf1; - outline: none; -} -/* line 96, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-buttons { - *zoom: 1; -} -/* line 38, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ -.vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-buttons:after { - content: ""; - display: table; - clear: both; -} -/* line 99, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-button { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - border: 0; - float: right; - margin: 0 0 0 0.5em; - font-family: inherit; - text-transform: uppercase; - letter-spacing: 0.1em; - font-size: 0.8em; - line-height: 1em; - padding: 0.75em 2em; -} -/* line 111, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-last { - margin-left: 0; -} -/* line 114, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-button:focus { - animation: vex-pulse 1.1s infinite; - -webkit-animation: vex-pulse 1.1s infinite; - -moz-animation: vex-pulse 1.1s infinite; - -ms-animation: vex-pulse 1.1s infinite; - -o-animation: vex-pulse 1.1s infinite; - -webkit-backface-visibility: hidden; - outline: none; -} -@media (max-width: 568px) { - /* line 114, ../sass/vex-theme-bottom-right-corner.sass */ - .vex.vex-theme-bottom-right-corner .vex-dialog-button:focus { - animation: none; - -webkit-animation: none; - -moz-animation: none; - -ms-animation: none; - -o-animation: none; - -webkit-backface-visibility: hidden; - } -} -/* line 123, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-dialog-button-primary { - background: #3288e6; - color: #fff; -} -/* line 127, ../sass/vex-theme-bottom-right-corner.sass */ -.vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-dialog-button-secondary { - background: #e0e0e0; - color: #777; -} - -/* line 131, ../sass/vex-theme-bottom-right-corner.sass */ + overflow: visible; } + .vex.vex-theme-bottom-right-corner .vex-overlay { + display: none; } + .vex.vex-theme-bottom-right-corner.vex-closing .vex-content { + animation: vex-slidedown 0.5s; + -webkit-animation: vex-slidedown 0.5s; + -moz-animation: vex-slidedown 0.5s; + -ms-animation: vex-slidedown 0.5s; + -o-animation: vex-slidedown 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-bottom-right-corner .vex-content { + animation: vex-slideup 0.5s; + -webkit-animation: vex-slideup 0.5s; + -moz-animation: vex-slideup 0.5s; + -ms-animation: vex-slideup 0.5s; + -o-animation: vex-slideup 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-bottom-right-corner .vex-content { + -moz-border-radius: 5px 0 0 0; + -webkit-border-radius: 5px 0 0 0; + border-radius: 5px 0 0 0; + font-family: "Helvetica Neue", sans-serif; + background: #f0f0f0; + color: #444; + padding: 1em; + max-width: 100%; + width: 450px; + font-size: 1.1em; + line-height: 1.5em; + position: fixed; + bottom: 0; + right: 0; + left: auto; } + .vex.vex-theme-bottom-right-corner .vex-content h1, .vex.vex-theme-bottom-right-corner .vex-content h2, .vex.vex-theme-bottom-right-corner .vex-content h3, .vex.vex-theme-bottom-right-corner .vex-content h4, .vex.vex-theme-bottom-right-corner .vex-content h5, .vex.vex-theme-bottom-right-corner .vex-content h6, .vex.vex-theme-bottom-right-corner .vex-content p, .vex.vex-theme-bottom-right-corner .vex-content ul, .vex.vex-theme-bottom-right-corner .vex-content li { + color: inherit; } + .vex.vex-theme-bottom-right-corner .vex-close { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + position: absolute; + top: 0; + right: 0; + cursor: pointer; } + .vex.vex-theme-bottom-right-corner .vex-close:before { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + top: 3px; + right: 3px; + color: #bbb; + background: transparent; } + .vex.vex-theme-bottom-right-corner .vex-close:hover:before, .vex.vex-theme-bottom-right-corner .vex-close:active:before { + color: #777; + background: #e0e0e0; } + .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-message { + margin-bottom: 0.5em; } + .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input { + margin-bottom: 1em; } + .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="week"] { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: #fff; + width: 100%; + padding: 0.25em 0.67em; + border: 0; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + min-height: 2.5em; + margin: 0 0 0.25em; } + .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #8dbdf1; + -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; + box-shadow: inset 0 0 0 2px #8dbdf1; + outline: none; } + .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-buttons { + *zoom: 1; } + .vex.vex-theme-bottom-right-corner .vex-dialog-form .vex-dialog-buttons:after { + content: ""; + display: table; + clear: both; } + .vex.vex-theme-bottom-right-corner .vex-dialog-button { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border: 0; + float: right; + margin: 0 0 0 0.5em; + font-family: inherit; + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 0.8em; + line-height: 1em; + padding: 0.75em 2em; } + .vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-last { + margin-left: 0; } + .vex.vex-theme-bottom-right-corner .vex-dialog-button:focus { + animation: vex-pulse 1.1s infinite; + -webkit-animation: vex-pulse 1.1s infinite; + -moz-animation: vex-pulse 1.1s infinite; + -ms-animation: vex-pulse 1.1s infinite; + -o-animation: vex-pulse 1.1s infinite; + -webkit-backface-visibility: hidden; + outline: none; } + @media (max-width: 568px) { + .vex.vex-theme-bottom-right-corner .vex-dialog-button:focus { + animation: none; + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + -o-animation: none; + -webkit-backface-visibility: hidden; } } + .vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-dialog-button-primary { + background: #3288e6; + color: #fff; } + .vex.vex-theme-bottom-right-corner .vex-dialog-button.vex-dialog-button-secondary { + background: #e0e0e0; + color: #777; } + .vex-loading-spinner.vex-theme-bottom-right-corner { -moz-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); @@ -521,10 +461,7 @@ border: 0.2em solid transparent; border-top-color: #bbb; top: -1.1em; - bottom: auto; -} + bottom: auto; } -/* line 140, ../sass/vex-theme-bottom-right-corner.sass */ body.vex-open { - overflow: initial; -} + overflow: initial; } diff --git a/css/vex-theme-default.css b/css/vex-theme-default.css index 479af2c..989d261 100644 --- a/css/vex-theme-default.css +++ b/css/vex-theme-default.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; @keyframes vex-flyin { 0% { opacity: 0; @@ -6,17 +5,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-webkit-keyframes vex-flyin { 0% { opacity: 0; @@ -24,17 +22,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-moz-keyframes vex-flyin { 0% { opacity: 0; @@ -42,17 +39,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-ms-keyframes vex-flyin { 0% { opacity: 0; @@ -60,17 +56,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-o-keyframes vex-flyin { 0% { opacity: 0; @@ -78,17 +73,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @keyframes vex-flyout { 0% { opacity: 1; @@ -96,17 +90,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-webkit-keyframes vex-flyout { 0% { opacity: 1; @@ -114,17 +107,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-moz-keyframes vex-flyout { 0% { opacity: 1; @@ -132,17 +124,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-ms-keyframes vex-flyout { 0% { opacity: 1; @@ -150,17 +141,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-o-keyframes vex-flyout { 0% { opacity: 1; @@ -168,270 +158,222 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-webkit-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-moz-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-ms-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-o-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} -/* line 13, ../sass/vex-theme-default.sass */ + box-shadow: inset 0 0 0 300px transparent; } } + .vex.vex-theme-default { padding-top: 160px; - padding-bottom: 160px; -} -/* line 17, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default.vex-closing .vex-content { - animation: vex-flyout 0.5s; - -webkit-animation: vex-flyout 0.5s; - -moz-animation: vex-flyout 0.5s; - -ms-animation: vex-flyout 0.5s; - -o-animation: vex-flyout 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 20, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-content { - animation: vex-flyin 0.5s; - -webkit-animation: vex-flyin 0.5s; - -moz-animation: vex-flyin 0.5s; - -ms-animation: vex-flyin 0.5s; - -o-animation: vex-flyin 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 23, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-content { - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - font-family: "Helvetica Neue", sans-serif; - background: #f0f0f0; - color: #444; - padding: 1em; - position: relative; - margin: 0 auto; - max-width: 100%; - width: 450px; - font-size: 1.1em; - line-height: 1.5em; -} -/* line 36, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-content h1, .vex.vex-theme-default .vex-content h2, .vex.vex-theme-default .vex-content h3, .vex.vex-theme-default .vex-content h4, .vex.vex-theme-default .vex-content h5, .vex.vex-theme-default .vex-content h6, .vex.vex-theme-default .vex-content p, .vex.vex-theme-default .vex-content ul, .vex.vex-theme-default .vex-content li { - color: inherit; -} -/* line 39, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-close { - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - position: absolute; - top: 0; - right: 0; - cursor: pointer; -} -/* line 46, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-close:before { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - position: absolute; - content: "×"; - font-size: 26px; - font-weight: normal; - line-height: 31px; - height: 30px; - width: 30px; - text-align: center; - top: 3px; - right: 3px; - color: #bbb; - background: transparent; -} -/* line 61, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-close:hover:before, .vex.vex-theme-default .vex-close:active:before { - color: #777; - background: #e0e0e0; -} -/* line 67, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-form .vex-dialog-message { - margin-bottom: 0.5em; -} -/* line 70, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-form .vex-dialog-input { - margin-bottom: 1em; -} -/* line 73, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"] { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #fff; - width: 100%; - padding: 0.25em 0.67em; - border: 0; - font-family: inherit; - font-weight: inherit; - font-size: inherit; - min-height: 2.5em; - margin: 0 0 0.25em; -} -/* line 85, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #8dbdf1; - -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; - box-shadow: inset 0 0 0 2px #8dbdf1; - outline: none; -} -/* line 89, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons { - *zoom: 1; -} -/* line 38, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ -.vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons:after { - content: ""; - display: table; - clear: both; -} -/* line 92, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-button { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - border: 0; - float: right; - margin: 0 0 0 0.5em; - font-family: inherit; - text-transform: uppercase; - letter-spacing: 0.1em; - font-size: 0.8em; - line-height: 1em; - padding: 0.75em 2em; -} -/* line 104, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-button.vex-last { - margin-left: 0; -} -/* line 107, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-button:focus { - animation: vex-pulse 1.1s infinite; - -webkit-animation: vex-pulse 1.1s infinite; - -moz-animation: vex-pulse 1.1s infinite; - -ms-animation: vex-pulse 1.1s infinite; - -o-animation: vex-pulse 1.1s infinite; - -webkit-backface-visibility: hidden; - outline: none; -} -@media (max-width: 568px) { - /* line 107, ../sass/vex-theme-default.sass */ - .vex.vex-theme-default .vex-dialog-button:focus { - animation: none; - -webkit-animation: none; - -moz-animation: none; - -ms-animation: none; - -o-animation: none; - -webkit-backface-visibility: hidden; - } -} -/* line 116, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary { - background: #3288e6; - color: #fff; -} -/* line 120, ../sass/vex-theme-default.sass */ -.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary { - background: #e0e0e0; - color: #777; -} - -/* line 124, ../sass/vex-theme-default.sass */ + padding-bottom: 160px; } + .vex.vex-theme-default.vex-closing .vex-content { + animation: vex-flyout 0.5s; + -webkit-animation: vex-flyout 0.5s; + -moz-animation: vex-flyout 0.5s; + -ms-animation: vex-flyout 0.5s; + -o-animation: vex-flyout 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-default .vex-content { + animation: vex-flyin 0.5s; + -webkit-animation: vex-flyin 0.5s; + -moz-animation: vex-flyin 0.5s; + -ms-animation: vex-flyin 0.5s; + -o-animation: vex-flyin 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-default .vex-content { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + font-family: "Helvetica Neue", sans-serif; + background: #f0f0f0; + color: #444; + padding: 1em; + position: relative; + margin: 0 auto; + max-width: 100%; + width: 450px; + font-size: 1.1em; + line-height: 1.5em; } + .vex.vex-theme-default .vex-content h1, .vex.vex-theme-default .vex-content h2, .vex.vex-theme-default .vex-content h3, .vex.vex-theme-default .vex-content h4, .vex.vex-theme-default .vex-content h5, .vex.vex-theme-default .vex-content h6, .vex.vex-theme-default .vex-content p, .vex.vex-theme-default .vex-content ul, .vex.vex-theme-default .vex-content li { + color: inherit; } + .vex.vex-theme-default .vex-close { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + position: absolute; + top: 0; + right: 0; + cursor: pointer; } + .vex.vex-theme-default .vex-close:before { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + top: 3px; + right: 3px; + color: #bbb; + background: transparent; } + .vex.vex-theme-default .vex-close:hover:before, .vex.vex-theme-default .vex-close:active:before { + color: #777; + background: #e0e0e0; } + .vex.vex-theme-default .vex-dialog-form .vex-dialog-message { + margin-bottom: 0.5em; } + .vex.vex-theme-default .vex-dialog-form .vex-dialog-input { + margin-bottom: 1em; } + .vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"] { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: #fff; + width: 100%; + padding: 0.25em 0.67em; + border: 0; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + min-height: 2.5em; + margin: 0 0 0.25em; } + .vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #8dbdf1; + -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; + box-shadow: inset 0 0 0 2px #8dbdf1; + outline: none; } + .vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons { + *zoom: 1; } + .vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons:after { + content: ""; + display: table; + clear: both; } + .vex.vex-theme-default .vex-dialog-button { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border: 0; + float: right; + margin: 0 0 0 0.5em; + font-family: inherit; + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 0.8em; + line-height: 1em; + padding: 0.75em 2em; } + .vex.vex-theme-default .vex-dialog-button.vex-last { + margin-left: 0; } + .vex.vex-theme-default .vex-dialog-button:focus { + animation: vex-pulse 1.1s infinite; + -webkit-animation: vex-pulse 1.1s infinite; + -moz-animation: vex-pulse 1.1s infinite; + -ms-animation: vex-pulse 1.1s infinite; + -o-animation: vex-pulse 1.1s infinite; + -webkit-backface-visibility: hidden; + outline: none; } + @media (max-width: 568px) { + .vex.vex-theme-default .vex-dialog-button:focus { + animation: none; + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + -o-animation: none; + -webkit-backface-visibility: hidden; } } + .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary { + background: #3288e6; + color: #fff; } + .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary { + background: #e0e0e0; + color: #777; } + .vex-loading-spinner.vex-theme-default { -moz-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); @@ -443,5 +385,4 @@ border: 0.2em solid transparent; border-top-color: #bbb; top: -1.1em; - bottom: auto; -} + bottom: auto; } diff --git a/css/vex-theme-flat-attack.css b/css/vex-theme-flat-attack.css index 60e8df2..b733343 100644 --- a/css/vex-theme-flat-attack.css +++ b/css/vex-theme-flat-attack.css @@ -5,17 +5,16 @@ -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); - -o-transform: rotateY(-90deg); - } + -o-transform: rotateY(-90deg); } + 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } -} + -o-transform: rotateY(0deg); } } + @-webkit-keyframes vex-flipin-horizontal { 0% { opacity: 0; @@ -23,17 +22,16 @@ -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); - -o-transform: rotateY(-90deg); - } + -o-transform: rotateY(-90deg); } + 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } -} + -o-transform: rotateY(0deg); } } + @-moz-keyframes vex-flipin-horizontal { 0% { opacity: 0; @@ -41,17 +39,16 @@ -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); - -o-transform: rotateY(-90deg); - } + -o-transform: rotateY(-90deg); } + 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } -} + -o-transform: rotateY(0deg); } } + @-ms-keyframes vex-flipin-horizontal { 0% { opacity: 0; @@ -59,17 +56,16 @@ -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); - -o-transform: rotateY(-90deg); - } + -o-transform: rotateY(-90deg); } + 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } -} + -o-transform: rotateY(0deg); } } + @-o-keyframes vex-flipin-horizontal { 0% { opacity: 0; @@ -77,17 +73,16 @@ -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); - -o-transform: rotateY(-90deg); - } + -o-transform: rotateY(-90deg); } + 100% { opacity: 1; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } -} + -o-transform: rotateY(0deg); } } + @keyframes vex-flipout-horizontal { 0% { opacity: 1; @@ -95,17 +90,16 @@ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } + -o-transform: rotateY(0deg); } + 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); - -o-transform: rotateY(90deg); - } -} + -o-transform: rotateY(90deg); } } + @-webkit-keyframes vex-flipout-horizontal { 0% { opacity: 1; @@ -113,17 +107,16 @@ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } + -o-transform: rotateY(0deg); } + 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); - -o-transform: rotateY(90deg); - } -} + -o-transform: rotateY(90deg); } } + @-moz-keyframes vex-flipout-horizontal { 0% { opacity: 1; @@ -131,17 +124,16 @@ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } + -o-transform: rotateY(0deg); } + 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); - -o-transform: rotateY(90deg); - } -} + -o-transform: rotateY(90deg); } } + @-ms-keyframes vex-flipout-horizontal { 0% { opacity: 1; @@ -149,17 +141,16 @@ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } + -o-transform: rotateY(0deg); } + 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); - -o-transform: rotateY(90deg); - } -} + -o-transform: rotateY(90deg); } } + @-o-keyframes vex-flipout-horizontal { 0% { opacity: 1; @@ -167,18 +158,16 @@ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); - -o-transform: rotateY(0deg); - } + -o-transform: rotateY(0deg); } + 100% { opacity: 0; transform: rotateY(90deg); -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); - -o-transform: rotateY(90deg); - } -} -/* line 31, ../sass/vex-theme-flat-attack.sass */ + -o-transform: rotateY(90deg); } } + .vex.vex-theme-flat-attack { -moz-perspective: 1300px; -webkit-perspective: 1300px; @@ -188,226 +177,159 @@ perspective-origin: 50% 150px; padding-top: 100px; padding-bottom: 100px; - font-size: 1.5em; -} -/* line 38, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-closing .vex-content { - animation: vex-flipout-horizontal 0.5s; - -webkit-animation: vex-flipout-horizontal 0.5s; - -moz-animation: vex-flipout-horizontal 0.5s; - -ms-animation: vex-flipout-horizontal 0.5s; - -o-animation: vex-flipout-horizontal 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 41, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-content { - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - transform-style: preserve-3d; - animation: vex-flipin-horizontal 0.5s; - -webkit-animation: vex-flipin-horizontal 0.5s; - -moz-animation: vex-flipin-horizontal 0.5s; - -ms-animation: vex-flipin-horizontal 0.5s; - -o-animation: vex-flipin-horizontal 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 45, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-content { - font-family: "Helvetica Neue", sans-serif; - font-weight: 200; - background: #fff; - color: #444; - padding: 2em 2em 3em 2em; - line-height: 1.5em; - position: relative; - margin: 0 auto; - max-width: 100%; - width: 600px; -} -/* line 57, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-content h1, .vex.vex-theme-flat-attack .vex-content h2, .vex.vex-theme-flat-attack .vex-content h3, .vex.vex-theme-flat-attack .vex-content h4, .vex.vex-theme-flat-attack .vex-content h5, .vex.vex-theme-flat-attack .vex-content h6, .vex.vex-theme-flat-attack .vex-content p, .vex.vex-theme-flat-attack .vex-content ul, .vex.vex-theme-flat-attack .vex-content li { - color: inherit; -} -/* line 60, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-close { - position: absolute; - top: 0; - right: 0; - cursor: pointer; -} -/* line 66, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-close:before { - font-family: "Helvetica Neue", sans-serif; - font-weight: 100; - line-height: 1px; - padding-top: 0.5em; - display: block; - font-size: 2em; - text-indent: 1px; - overflow: hidden; - height: 1.25em; - width: 1.25em; - text-align: center; - top: 0; - right: 0; - color: #fff; - background: #666; -} -/* line 85, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-message { - margin-bottom: 0.5em; -} -/* line 88, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input { - margin-bottom: 0.5em; -} -/* line 91, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"] { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #f0f0f0; - width: 100%; - padding: 0.25em 0.67em; - border: 0; - font-family: inherit; - font-weight: inherit; - font-size: inherit; - min-height: 2.5em; - margin: 0 0 0.25em; -} -/* line 103, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #666; - -webkit-box-shadow: inset 0 0 0 2px #666; - box-shadow: inset 0 0 0 2px #666; - outline: none; -} -/* line 107, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons { - *zoom: 1; - padding-top: 1em; - margin-bottom: -3em; - margin-left: -2em; - margin-right: -2em; -} -/* line 38, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ -.vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons:after { - content: ""; - display: table; - clear: both; -} -/* line 114, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - border: 0; - margin: 0; - float: right; - padding: 0.5em 1em; - font-size: 1.13em; - text-transform: uppercase; - font-weight: 200; - letter-spacing: 0.1em; - line-height: 1em; - font-family: inherit; -} -/* line 127, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button.vex-last { - margin-left: 0; -} -/* line 130, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button:focus { - outline: none; -} -/* line 133, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary { - background: #666; - color: #fff; -} -/* line 137, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary:focus { - -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); -} -/* line 140, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary { - background: #fff; - color: #ccc; -} -/* line 144, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:focus { - -moz-box-shadow: inset 0 3px #aaa; - -webkit-box-shadow: inset 0 3px #aaa; - box-shadow: inset 0 3px #aaa; - background: #eee; - color: #777; -} -/* line 149, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:hover, .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:active { - color: #777; -} -/* line 16, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-close:before { - background: #ff7ea7; -} -/* line 25, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #ff7ea7; - -webkit-box-shadow: inset 0 0 0 2px #ff7ea7; - box-shadow: inset 0 0 0 2px #ff7ea7; -} -/* line 28, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { - background: #ff7ea7; -} -/* line 16, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-close:before { - background: #ce4a55; -} -/* line 25, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #ce4a55; - -webkit-box-shadow: inset 0 0 0 2px #ce4a55; - box-shadow: inset 0 0 0 2px #ce4a55; -} -/* line 28, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { - background: #ce4a55; -} -/* line 16, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-close:before { - background: #34b989; -} -/* line 25, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #34b989; - -webkit-box-shadow: inset 0 0 0 2px #34b989; - box-shadow: inset 0 0 0 2px #34b989; -} -/* line 28, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { - background: #34b989; -} -/* line 16, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-close:before { - background: #477FA5; -} -/* line 25, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #477FA5; - -webkit-box-shadow: inset 0 0 0 2px #477FA5; - box-shadow: inset 0 0 0 2px #477FA5; -} -/* line 28, ../sass/vex-theme-flat-attack.sass */ -.vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { - background: #477FA5; -} + font-size: 1.5em; } + .vex.vex-theme-flat-attack.vex-closing .vex-content { + animation: vex-flipout-horizontal 0.5s; + -webkit-animation: vex-flipout-horizontal 0.5s; + -moz-animation: vex-flipout-horizontal 0.5s; + -ms-animation: vex-flipout-horizontal 0.5s; + -o-animation: vex-flipout-horizontal 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-flat-attack .vex-content { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; + animation: vex-flipin-horizontal 0.5s; + -webkit-animation: vex-flipin-horizontal 0.5s; + -moz-animation: vex-flipin-horizontal 0.5s; + -ms-animation: vex-flipin-horizontal 0.5s; + -o-animation: vex-flipin-horizontal 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-flat-attack .vex-content { + font-family: "Helvetica Neue", sans-serif; + font-weight: 200; + background: #fff; + color: #444; + padding: 2em 2em 3em 2em; + line-height: 1.5em; + position: relative; + margin: 0 auto; + max-width: 100%; + width: 600px; } + .vex.vex-theme-flat-attack .vex-content h1, .vex.vex-theme-flat-attack .vex-content h2, .vex.vex-theme-flat-attack .vex-content h3, .vex.vex-theme-flat-attack .vex-content h4, .vex.vex-theme-flat-attack .vex-content h5, .vex.vex-theme-flat-attack .vex-content h6, .vex.vex-theme-flat-attack .vex-content p, .vex.vex-theme-flat-attack .vex-content ul, .vex.vex-theme-flat-attack .vex-content li { + color: inherit; } + .vex.vex-theme-flat-attack .vex-close { + position: absolute; + top: 0; + right: 0; + cursor: pointer; } + .vex.vex-theme-flat-attack .vex-close:before { + font-family: "Helvetica Neue", sans-serif; + font-weight: 100; + line-height: 1px; + padding-top: 0.5em; + display: block; + font-size: 2em; + text-indent: 1px; + overflow: hidden; + height: 1.25em; + width: 1.25em; + text-align: center; + top: 0; + right: 0; + color: #fff; + background: #666; } + .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-message { + margin-bottom: 0.5em; } + .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input { + margin-bottom: 0.5em; } + .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"] { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: #f0f0f0; + width: 100%; + padding: 0.25em 0.67em; + border: 0; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + min-height: 2.5em; + margin: 0 0 0.25em; } + .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #666; + -webkit-box-shadow: inset 0 0 0 2px #666; + box-shadow: inset 0 0 0 2px #666; + outline: none; } + .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons { + *zoom: 1; + padding-top: 1em; + margin-bottom: -3em; + margin-left: -2em; + margin-right: -2em; } + .vex.vex-theme-flat-attack .vex-dialog-form .vex-dialog-buttons:after { + content: ""; + display: table; + clear: both; } + .vex.vex-theme-flat-attack .vex-dialog-button { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + border: 0; + margin: 0; + float: right; + padding: 0.5em 1em; + font-size: 1.13em; + text-transform: uppercase; + font-weight: 200; + letter-spacing: 0.1em; + line-height: 1em; + font-family: inherit; } + .vex.vex-theme-flat-attack .vex-dialog-button.vex-last { + margin-left: 0; } + .vex.vex-theme-flat-attack .vex-dialog-button:focus { + outline: none; } + .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary { + background: #666; + color: #fff; } + .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-primary:focus { + -moz-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 3px rgba(0, 0, 0, 0.2); } + .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary { + background: #fff; + color: #ccc; } + .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:focus { + -moz-box-shadow: inset 0 3px #aaa; + -webkit-box-shadow: inset 0 3px #aaa; + box-shadow: inset 0 3px #aaa; + background: #eee; + color: #777; } + .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:hover, .vex.vex-theme-flat-attack .vex-dialog-button.vex-dialog-button-secondary:active { + color: #777; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-close:before { + background: #ff7ea7; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #ff7ea7; + -webkit-box-shadow: inset 0 0 0 2px #ff7ea7; + box-shadow: inset 0 0 0 2px #ff7ea7; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-pink .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { + background: #ff7ea7; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-close:before { + background: #ce4a55; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #ce4a55; + -webkit-box-shadow: inset 0 0 0 2px #ce4a55; + box-shadow: inset 0 0 0 2px #ce4a55; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-red .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { + background: #ce4a55; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-close:before { + background: #34b989; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #34b989; + -webkit-box-shadow: inset 0 0 0 2px #34b989; + box-shadow: inset 0 0 0 2px #34b989; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-green .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { + background: #34b989; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-close:before { + background: #477FA5; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #477FA5; + -webkit-box-shadow: inset 0 0 0 2px #477FA5; + box-shadow: inset 0 0 0 2px #477FA5; } + .vex.vex-theme-flat-attack.vex-theme-flat-attack-blue .vex-dialog-form .vex-dialog-buttons .vex-dialog-button.vex-dialog-button-primary { + background: #477FA5; } -/* line 166, ../sass/vex-theme-flat-attack.sass */ .vex-loading-spinner.vex-theme-flat-attack { height: 4em; - width: 4em; -} + width: 4em; } diff --git a/css/vex-theme-os.css b/css/vex-theme-os.css index 4f27a7a..e4bdf9e 100644 --- a/css/vex-theme-os.css +++ b/css/vex-theme-os.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; @keyframes vex-flyin { 0% { opacity: 0; @@ -6,17 +5,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-webkit-keyframes vex-flyin { 0% { opacity: 0; @@ -24,17 +22,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-moz-keyframes vex-flyin { 0% { opacity: 0; @@ -42,17 +39,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-ms-keyframes vex-flyin { 0% { opacity: 0; @@ -60,17 +56,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @-o-keyframes vex-flyin { 0% { opacity: 0; @@ -78,17 +73,16 @@ -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } + -o-transform: translateY(-40px); } + 100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } -} + -o-transform: translateY(0); } } + @keyframes vex-flyout { 0% { opacity: 1; @@ -96,17 +90,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-webkit-keyframes vex-flyout { 0% { opacity: 1; @@ -114,17 +107,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-moz-keyframes vex-flyout { 0% { opacity: 1; @@ -132,17 +124,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-ms-keyframes vex-flyout { 0% { opacity: 1; @@ -150,17 +141,16 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @-o-keyframes vex-flyout { 0% { opacity: 1; @@ -168,274 +158,226 @@ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); - -o-transform: translateY(-40px); - } -} + -o-transform: translateY(-40px); } } + @keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-webkit-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-moz-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-ms-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-o-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} -/* line 13, ../sass/vex-theme-os.sass */ + box-shadow: inset 0 0 0 300px transparent; } } + .vex.vex-theme-os { padding-top: 160px; - padding-bottom: 160px; -} -/* line 17, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os.vex-closing .vex-content { - animation: vex-flyout 0.5s; - -webkit-animation: vex-flyout 0.5s; - -moz-animation: vex-flyout 0.5s; - -ms-animation: vex-flyout 0.5s; - -o-animation: vex-flyout 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 20, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-content { - animation: vex-flyin 0.5s; - -webkit-animation: vex-flyin 0.5s; - -moz-animation: vex-flyin 0.5s; - -ms-animation: vex-flyin 0.5s; - -o-animation: vex-flyin 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 23, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-content { - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - -moz-box-shadow: inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); - -webkit-box-shadow: inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); - box-shadow: inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); - font-family: "Helvetica Neue", sans-serif; - border-top: 20px solid #bbb; - background: #f0f0f0; - color: #444; - padding: 1em; - position: relative; - margin: 0 auto; - max-width: 100%; - width: 450px; - font-size: 1.1em; - line-height: 1.5em; -} -/* line 38, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-content h1, .vex.vex-theme-os .vex-content h2, .vex.vex-theme-os .vex-content h3, .vex.vex-theme-os .vex-content h4, .vex.vex-theme-os .vex-content h5, .vex.vex-theme-os .vex-content h6, .vex.vex-theme-os .vex-content p, .vex.vex-theme-os .vex-content ul, .vex.vex-theme-os .vex-content li { - color: inherit; -} -/* line 41, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-close { - -moz-border-radius: 0 5px 0 0; - -webkit-border-radius: 0; - border-radius: 0 5px 0 0; - position: absolute; - top: 0; - right: 0; - cursor: pointer; -} -/* line 48, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-close:before { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - position: absolute; - content: "×"; - font-size: 26px; - font-weight: normal; - line-height: 31px; - height: 30px; - width: 30px; - text-align: center; - top: 3px; - right: 3px; - color: #bbb; - background: transparent; -} -/* line 63, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-close:hover:before, .vex.vex-theme-os .vex-close:active:before { - color: #777; - background: #e0e0e0; -} -/* line 69, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-form .vex-dialog-message { - margin-bottom: 0.5em; -} -/* line 72, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-form .vex-dialog-input { - margin-bottom: 1em; -} -/* line 75, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"] { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #fff; - width: 100%; - padding: 0.25em 0.67em; - border: 0; - font-family: inherit; - font-weight: inherit; - font-size: inherit; - min-height: 2.5em; - margin: 0 0 0.25em; -} -/* line 87, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 1px #3288e6; - -webkit-box-shadow: inset 0 0 0 1px #3288e6; - box-shadow: inset 0 0 0 1px #3288e6; - outline: none; -} -/* line 91, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons { - *zoom: 1; -} -/* line 38, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ -.vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons:after { - content: ""; - display: table; - clear: both; -} -/* line 94, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-button { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - border: 0; - float: right; - margin: 0 0 0 0.5em; - font-family: inherit; - text-transform: uppercase; - letter-spacing: 0.1em; - font-size: 0.8em; - line-height: 1em; - padding: 0.75em 2em; -} -/* line 106, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-button.vex-last { - margin-left: 0; -} -/* line 109, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-button:focus { - animation: vex-pulse 1.1s infinite; - -webkit-animation: vex-pulse 1.1s infinite; - -moz-animation: vex-pulse 1.1s infinite; - -ms-animation: vex-pulse 1.1s infinite; - -o-animation: vex-pulse 1.1s infinite; - -webkit-backface-visibility: hidden; - outline: none; -} -@media (max-width: 568px) { - /* line 109, ../sass/vex-theme-os.sass */ - .vex.vex-theme-os .vex-dialog-button:focus { - animation: none; - -webkit-animation: none; - -moz-animation: none; - -ms-animation: none; - -o-animation: none; - -webkit-backface-visibility: hidden; - } -} -/* line 118, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-primary { - background: #3288e6; - color: #fff; -} -/* line 122, ../sass/vex-theme-os.sass */ -.vex.vex-theme-os .vex-dialog-button.vex-dialog-button-secondary { - background: #e0e0e0; - color: #777; -} - -/* line 126, ../sass/vex-theme-os.sass */ + padding-bottom: 160px; } + .vex.vex-theme-os.vex-closing .vex-content { + animation: vex-flyout 0.5s; + -webkit-animation: vex-flyout 0.5s; + -moz-animation: vex-flyout 0.5s; + -ms-animation: vex-flyout 0.5s; + -o-animation: vex-flyout 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-os .vex-content { + animation: vex-flyin 0.5s; + -webkit-animation: vex-flyin 0.5s; + -moz-animation: vex-flyin 0.5s; + -ms-animation: vex-flyin 0.5s; + -o-animation: vex-flyin 0.5s; + -webkit-backface-visibility: hidden; } + .vex.vex-theme-os .vex-content { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + -moz-box-shadow: inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); + -webkit-box-shadow: inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); + box-shadow: inset 0 1px #a6a6a6, 0 0 0 1px rgba(0, 0, 0, 0.08); + font-family: "Helvetica Neue", sans-serif; + border-top: 20px solid #bbb; + background: #f0f0f0; + color: #444; + padding: 1em; + position: relative; + margin: 0 auto; + max-width: 100%; + width: 450px; + font-size: 1.1em; + line-height: 1.5em; } + .vex.vex-theme-os .vex-content h1, .vex.vex-theme-os .vex-content h2, .vex.vex-theme-os .vex-content h3, .vex.vex-theme-os .vex-content h4, .vex.vex-theme-os .vex-content h5, .vex.vex-theme-os .vex-content h6, .vex.vex-theme-os .vex-content p, .vex.vex-theme-os .vex-content ul, .vex.vex-theme-os .vex-content li { + color: inherit; } + .vex.vex-theme-os .vex-close { + -moz-border-radius: 0 5px 0 0; + -webkit-border-radius: 0 5px 0 0; + border-radius: 0 5px 0 0; + position: absolute; + top: 0; + right: 0; + cursor: pointer; } + .vex.vex-theme-os .vex-close:before { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + top: 3px; + right: 3px; + color: #bbb; + background: transparent; } + .vex.vex-theme-os .vex-close:hover:before, .vex.vex-theme-os .vex-close:active:before { + color: #777; + background: #e0e0e0; } + .vex.vex-theme-os .vex-dialog-form .vex-dialog-message { + margin-bottom: 0.5em; } + .vex.vex-theme-os .vex-dialog-form .vex-dialog-input { + margin-bottom: 1em; } + .vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"] { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: #fff; + width: 100%; + padding: 0.25em 0.67em; + border: 0; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + min-height: 2.5em; + margin: 0 0 0.25em; } + .vex.vex-theme-os .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-os .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 1px #3288e6; + -webkit-box-shadow: inset 0 0 0 1px #3288e6; + box-shadow: inset 0 0 0 1px #3288e6; + outline: none; } + .vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons { + *zoom: 1; } + .vex.vex-theme-os .vex-dialog-form .vex-dialog-buttons:after { + content: ""; + display: table; + clear: both; } + .vex.vex-theme-os .vex-dialog-button { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + border: 0; + float: right; + margin: 0 0 0 0.5em; + font-family: inherit; + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 0.8em; + line-height: 1em; + padding: 0.75em 2em; } + .vex.vex-theme-os .vex-dialog-button.vex-last { + margin-left: 0; } + .vex.vex-theme-os .vex-dialog-button:focus { + animation: vex-pulse 1.1s infinite; + -webkit-animation: vex-pulse 1.1s infinite; + -moz-animation: vex-pulse 1.1s infinite; + -ms-animation: vex-pulse 1.1s infinite; + -o-animation: vex-pulse 1.1s infinite; + -webkit-backface-visibility: hidden; + outline: none; } + @media (max-width: 568px) { + .vex.vex-theme-os .vex-dialog-button:focus { + animation: none; + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + -o-animation: none; + -webkit-backface-visibility: hidden; } } + .vex.vex-theme-os .vex-dialog-button.vex-dialog-button-primary { + background: #3288e6; + color: #fff; } + .vex.vex-theme-os .vex-dialog-button.vex-dialog-button-secondary { + background: #e0e0e0; + color: #777; } + .vex-loading-spinner.vex-theme-os { -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0.5em rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0.5em rgba(0, 0, 0, 0.2); @@ -448,5 +390,4 @@ height: 0; border: 1.2em solid #bbb; border-top-color: #f0f0f0; - border-bottom-color: #f0f0f0; -} + border-bottom-color: #f0f0f0; } diff --git a/css/vex-theme-plain.css b/css/vex-theme-plain.css index 0cd5e43..33a2f5b 100644 --- a/css/vex-theme-plain.css +++ b/css/vex-theme-plain.css @@ -1,228 +1,183 @@ -@charset "UTF-8"; @keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-webkit-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-moz-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-ms-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-o-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} -/* line 11, ../sass/vex-theme-plain.sass */ + box-shadow: inset 0 0 0 300px transparent; } } + .vex.vex-theme-plain { padding-top: 160px; - padding-bottom: 160px; -} -/* line 15, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-content { - font-family: "Helvetica Neue", sans-serif; - background: #fff; - color: #444; - padding: 1em; - position: relative; - margin: 0 auto; - max-width: 100%; - width: 450px; - font-size: 1.1em; - line-height: 1.5em; -} -/* line 27, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-content h1, .vex.vex-theme-plain .vex-content h2, .vex.vex-theme-plain .vex-content h3, .vex.vex-theme-plain .vex-content h4, .vex.vex-theme-plain .vex-content h5, .vex.vex-theme-plain .vex-content h6, .vex.vex-theme-plain .vex-content p, .vex.vex-theme-plain .vex-content ul, .vex.vex-theme-plain .vex-content li { - color: inherit; -} -/* line 30, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-close { - position: absolute; - top: 0; - right: 0; - cursor: pointer; -} -/* line 36, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-close:before { - position: absolute; - content: "×"; - font-size: 26px; - font-weight: normal; - line-height: 31px; - height: 30px; - width: 30px; - text-align: center; - top: 3px; - right: 3px; - color: #bbb; - background: transparent; -} -/* line 50, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-close:hover:before, .vex.vex-theme-plain .vex-close:active:before { - color: #777; - background: #e0e0e0; -} -/* line 56, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-form .vex-dialog-message { - margin-bottom: 0.5em; -} -/* line 59, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input { - margin-bottom: 1em; -} -/* line 62, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"] { - background: #f0f0f0; - width: 100%; - padding: 0.25em 0.67em; - border: 0; - font-family: inherit; - font-weight: inherit; - font-size: inherit; - min-height: 2.5em; - margin: 0 0 0.25em; -} -/* line 73, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); - outline: none; -} -/* line 77, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons { - *zoom: 1; -} -/* line 38, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ -.vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons:after { - content: ""; - display: table; - clear: both; -} -/* line 80, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-button { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - border: 0; - float: right; - margin: 0 0 0 0.5em; - font-family: inherit; - text-transform: uppercase; - letter-spacing: 0.1em; - font-size: 0.8em; - line-height: 1em; - padding: 0.75em 2em; -} -/* line 92, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-button.vex-last { - margin-left: 0; -} -/* line 95, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-button:focus { - animation: vex-pulse 1.1s infinite; - -webkit-animation: vex-pulse 1.1s infinite; - -moz-animation: vex-pulse 1.1s infinite; - -ms-animation: vex-pulse 1.1s infinite; - -o-animation: vex-pulse 1.1s infinite; - -webkit-backface-visibility: hidden; - outline: none; -} -@media (max-width: 568px) { - /* line 95, ../sass/vex-theme-plain.sass */ - .vex.vex-theme-plain .vex-dialog-button:focus { - animation: none; - -webkit-animation: none; - -moz-animation: none; - -ms-animation: none; - -o-animation: none; - -webkit-backface-visibility: hidden; - } -} -/* line 104, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-primary { - background: #3288e6; - color: #fff; -} -/* line 108, ../sass/vex-theme-plain.sass */ -.vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-secondary { - background: #e0e0e0; - color: #777; -} - -/* line 112, ../sass/vex-theme-plain.sass */ + padding-bottom: 160px; } + .vex.vex-theme-plain .vex-content { + font-family: "Helvetica Neue", sans-serif; + background: #fff; + color: #444; + padding: 1em; + position: relative; + margin: 0 auto; + max-width: 100%; + width: 450px; + font-size: 1.1em; + line-height: 1.5em; } + .vex.vex-theme-plain .vex-content h1, .vex.vex-theme-plain .vex-content h2, .vex.vex-theme-plain .vex-content h3, .vex.vex-theme-plain .vex-content h4, .vex.vex-theme-plain .vex-content h5, .vex.vex-theme-plain .vex-content h6, .vex.vex-theme-plain .vex-content p, .vex.vex-theme-plain .vex-content ul, .vex.vex-theme-plain .vex-content li { + color: inherit; } + .vex.vex-theme-plain .vex-close { + position: absolute; + top: 0; + right: 0; + cursor: pointer; } + .vex.vex-theme-plain .vex-close:before { + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + top: 3px; + right: 3px; + color: #bbb; + background: transparent; } + .vex.vex-theme-plain .vex-close:hover:before, .vex.vex-theme-plain .vex-close:active:before { + color: #777; + background: #e0e0e0; } + .vex.vex-theme-plain .vex-dialog-form .vex-dialog-message { + margin-bottom: 0.5em; } + .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input { + margin-bottom: 1em; } + .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"] { + background: #f0f0f0; + width: 100%; + padding: 0.25em 0.67em; + border: 0; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + min-height: 2.5em; + margin: 0 0 0.25em; } + .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); + outline: none; } + .vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons { + *zoom: 1; } + .vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons:after { + content: ""; + display: table; + clear: both; } + .vex.vex-theme-plain .vex-dialog-button { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + border: 0; + float: right; + margin: 0 0 0 0.5em; + font-family: inherit; + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 0.8em; + line-height: 1em; + padding: 0.75em 2em; } + .vex.vex-theme-plain .vex-dialog-button.vex-last { + margin-left: 0; } + .vex.vex-theme-plain .vex-dialog-button:focus { + animation: vex-pulse 1.1s infinite; + -webkit-animation: vex-pulse 1.1s infinite; + -moz-animation: vex-pulse 1.1s infinite; + -ms-animation: vex-pulse 1.1s infinite; + -o-animation: vex-pulse 1.1s infinite; + -webkit-backface-visibility: hidden; + outline: none; } + @media (max-width: 568px) { + .vex.vex-theme-plain .vex-dialog-button:focus { + animation: none; + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + -o-animation: none; + -webkit-backface-visibility: hidden; } } + .vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-primary { + background: #3288e6; + color: #fff; } + .vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-secondary { + background: #e0e0e0; + color: #777; } + .vex-loading-spinner.vex-theme-plain { height: 2.5em; - width: 2.5em; -} + width: 2.5em; } diff --git a/css/vex-theme-top.css b/css/vex-theme-top.css index 9359a30..f551918 100644 --- a/css/vex-theme-top.css +++ b/css/vex-theme-top.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; @keyframes vex-dropin { 0% { transform: translateY(0); @@ -6,33 +5,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-webkit-keyframes vex-dropin { 0% { transform: translateY(0); @@ -40,33 +38,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-moz-keyframes vex-dropin { 0% { transform: translateY(0); @@ -74,33 +71,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-ms-keyframes vex-dropin { 0% { transform: translateY(0); @@ -108,33 +104,32 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @-o-keyframes vex-dropin { 0% { transform: translateY(0); @@ -142,220 +137,204 @@ -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 0; - } + opacity: 0; } + 1% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 0; - } + opacity: 0; } + 2% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); -o-transform: translateY(-800px); - opacity: 1; - } + opacity: 1; } + 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); - opacity: 1; - } -} + opacity: 1; } } + @keyframes vex-dropout { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); - -o-transform: translateY(-800px); - } -} + -o-transform: translateY(-800px); } } + @-webkit-keyframes vex-dropout { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); - -o-transform: translateY(-800px); - } -} + -o-transform: translateY(-800px); } } + @-moz-keyframes vex-dropout { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); - -o-transform: translateY(-800px); - } -} + -o-transform: translateY(-800px); } } + @-ms-keyframes vex-dropout { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); - -o-transform: translateY(-800px); - } -} + -o-transform: translateY(-800px); } } + @-o-keyframes vex-dropout { 0% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); - -o-transform: translateY(0); - } + -o-transform: translateY(0); } + 100% { transform: translateY(-800px); -webkit-transform: translateY(-800px); -moz-transform: translateY(-800px); -ms-transform: translateY(-800px); - -o-transform: translateY(-800px); - } -} + -o-transform: translateY(-800px); } } + @keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-webkit-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-moz-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-ms-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-o-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} -/* line 15, ../sass/vex-theme-top.sass */ + box-shadow: inset 0 0 0 300px transparent; } } + .vex.vex-theme-top.vex-closing .vex-content { animation: vex-dropout 0.5s; -webkit-animation: vex-dropout 0.5s; -moz-animation: vex-dropout 0.5s; -ms-animation: vex-dropout 0.5s; -o-animation: vex-dropout 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 18, ../sass/vex-theme-top.sass */ + -webkit-backface-visibility: hidden; } .vex.vex-theme-top .vex-content { animation: vex-dropin 0.5s; -webkit-animation: vex-dropin 0.5s; -moz-animation: vex-dropin 0.5s; -ms-animation: vex-dropin 0.5s; -o-animation: vex-dropin 0.5s; - -webkit-backface-visibility: hidden; -} -/* line 21, ../sass/vex-theme-top.sass */ + -webkit-backface-visibility: hidden; } .vex.vex-theme-top .vex-content { -moz-border-radius: 0 0 5px 5px; - -webkit-border-radius: 0; + -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; font-family: "Helvetica Neue", sans-serif; background: #f0f0f0; @@ -366,13 +345,9 @@ max-width: 100%; width: 450px; font-size: 1.1em; - line-height: 1.5em; -} -/* line 34, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-content h1, .vex.vex-theme-top .vex-content h2, .vex.vex-theme-top .vex-content h3, .vex.vex-theme-top .vex-content h4, .vex.vex-theme-top .vex-content h5, .vex.vex-theme-top .vex-content h6, .vex.vex-theme-top .vex-content p, .vex.vex-theme-top .vex-content ul, .vex.vex-theme-top .vex-content li { - color: inherit; -} -/* line 37, ../sass/vex-theme-top.sass */ + line-height: 1.5em; } + .vex.vex-theme-top .vex-content h1, .vex.vex-theme-top .vex-content h2, .vex.vex-theme-top .vex-content h3, .vex.vex-theme-top .vex-content h4, .vex.vex-theme-top .vex-content h5, .vex.vex-theme-top .vex-content h6, .vex.vex-theme-top .vex-content p, .vex.vex-theme-top .vex-content ul, .vex.vex-theme-top .vex-content li { + color: inherit; } .vex.vex-theme-top .vex-close { -moz-border-radius: 5px; -webkit-border-radius: 5px; @@ -380,72 +355,54 @@ position: absolute; top: 0; right: 0; - cursor: pointer; -} -/* line 44, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-close:before { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - position: absolute; - content: "×"; - font-size: 26px; - font-weight: normal; - line-height: 31px; - height: 30px; - width: 30px; - text-align: center; - top: 3px; - right: 3px; - color: #bbb; - background: transparent; -} -/* line 59, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-close:hover:before, .vex.vex-theme-top .vex-close:active:before { - color: #777; - background: #e0e0e0; -} -/* line 65, ../sass/vex-theme-top.sass */ + cursor: pointer; } + .vex.vex-theme-top .vex-close:before { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + position: absolute; + content: "\00D7"; + font-size: 26px; + font-weight: normal; + line-height: 31px; + height: 30px; + width: 30px; + text-align: center; + top: 3px; + right: 3px; + color: #bbb; + background: transparent; } + .vex.vex-theme-top .vex-close:hover:before, .vex.vex-theme-top .vex-close:active:before { + color: #777; + background: #e0e0e0; } .vex.vex-theme-top .vex-dialog-form .vex-dialog-message { - margin-bottom: 0.5em; -} -/* line 68, ../sass/vex-theme-top.sass */ + margin-bottom: 0.5em; } .vex.vex-theme-top .vex-dialog-form .vex-dialog-input { - margin-bottom: 1em; -} -/* line 71, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="week"] { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #fff; - width: 100%; - padding: 0.25em 0.67em; - border: 0; - font-family: inherit; - font-weight: inherit; - font-size: inherit; - min-height: 2.5em; - margin: 0 0 0.25em; -} -/* line 83, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - -moz-box-shadow: inset 0 0 0 2px #8dbdf1; - -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; - box-shadow: inset 0 0 0 2px #8dbdf1; - outline: none; -} -/* line 87, ../sass/vex-theme-top.sass */ + margin-bottom: 1em; } + .vex.vex-theme-top .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="week"] { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: #fff; + width: 100%; + padding: 0.25em 0.67em; + border: 0; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + min-height: 2.5em; + margin: 0 0 0.25em; } + .vex.vex-theme-top .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-top .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + -moz-box-shadow: inset 0 0 0 2px #8dbdf1; + -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; + box-shadow: inset 0 0 0 2px #8dbdf1; + outline: none; } .vex.vex-theme-top .vex-dialog-form .vex-dialog-buttons { - *zoom: 1; -} -/* line 38, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ -.vex.vex-theme-top .vex-dialog-form .vex-dialog-buttons:after { - content: ""; - display: table; - clear: both; -} -/* line 90, ../sass/vex-theme-top.sass */ + *zoom: 1; } + .vex.vex-theme-top .vex-dialog-form .vex-dialog-buttons:after { + content: ""; + display: table; + clear: both; } .vex.vex-theme-top .vex-dialog-button { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -458,45 +415,32 @@ letter-spacing: 0.1em; font-size: 0.8em; line-height: 1em; - padding: 0.75em 2em; -} -/* line 102, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-dialog-button.vex-last { - margin-left: 0; -} -/* line 105, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-dialog-button:focus { - animation: vex-pulse 1.1s infinite; - -webkit-animation: vex-pulse 1.1s infinite; - -moz-animation: vex-pulse 1.1s infinite; - -ms-animation: vex-pulse 1.1s infinite; - -o-animation: vex-pulse 1.1s infinite; - -webkit-backface-visibility: hidden; - outline: none; -} -@media (max-width: 568px) { - /* line 105, ../sass/vex-theme-top.sass */ + padding: 0.75em 2em; } + .vex.vex-theme-top .vex-dialog-button.vex-last { + margin-left: 0; } .vex.vex-theme-top .vex-dialog-button:focus { - animation: none; - -webkit-animation: none; - -moz-animation: none; - -ms-animation: none; - -o-animation: none; + animation: vex-pulse 1.1s infinite; + -webkit-animation: vex-pulse 1.1s infinite; + -moz-animation: vex-pulse 1.1s infinite; + -ms-animation: vex-pulse 1.1s infinite; + -o-animation: vex-pulse 1.1s infinite; -webkit-backface-visibility: hidden; - } -} -/* line 114, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-dialog-button.vex-dialog-button-primary { - background: #3288e6; - color: #fff; -} -/* line 118, ../sass/vex-theme-top.sass */ -.vex.vex-theme-top .vex-dialog-button.vex-dialog-button-secondary { - background: #e0e0e0; - color: #777; -} - -/* line 122, ../sass/vex-theme-top.sass */ + outline: none; } + @media (max-width: 568px) { + .vex.vex-theme-top .vex-dialog-button:focus { + animation: none; + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + -o-animation: none; + -webkit-backface-visibility: hidden; } } + .vex.vex-theme-top .vex-dialog-button.vex-dialog-button-primary { + background: #3288e6; + color: #fff; } + .vex.vex-theme-top .vex-dialog-button.vex-dialog-button-secondary { + background: #e0e0e0; + color: #777; } + .vex-loading-spinner.vex-theme-top { -moz-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3); @@ -508,5 +452,4 @@ border: 0.2em solid transparent; border-top-color: #bbb; top: -1.1em; - bottom: auto; -} + bottom: auto; } diff --git a/css/vex-theme-wireframe.css b/css/vex-theme-wireframe.css index 9f52503..ff80062 100644 --- a/css/vex-theme-wireframe.css +++ b/css/vex-theme-wireframe.css @@ -1,231 +1,184 @@ -@charset "UTF-8"; @keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-webkit-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-moz-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-ms-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} + box-shadow: inset 0 0 0 300px transparent; } } + @-o-keyframes vex-pulse { 0% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } + box-shadow: inset 0 0 0 300px transparent; } + 70% { -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); - } + box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } + 100% { -moz-box-shadow: inset 0 0 0 300px transparent; -webkit-box-shadow: inset 0 0 0 300px transparent; - box-shadow: inset 0 0 0 300px transparent; - } -} -/* line 9, ../sass/vex-theme-wireframe.sass */ + box-shadow: inset 0 0 0 300px transparent; } } + .vex.vex-theme-wireframe { padding-top: 160px; - padding-bottom: 160px; -} -/* line 13, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-overlay { - background: rgba(255, 255, 255, 0.4); -} -/* line 16, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-content { - font-family: "Helvetica Neue", sans-serif; - background: #fff; - color: #000; - border: 2px solid #000; - padding: 2em; - position: relative; - margin: 0 auto; - max-width: 100%; - width: 400px; - font-size: 1.1em; - line-height: 1.5em; -} -/* line 29, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-content h1, .vex.vex-theme-wireframe .vex-content h2, .vex.vex-theme-wireframe .vex-content h3, .vex.vex-theme-wireframe .vex-content h4, .vex.vex-theme-wireframe .vex-content h5, .vex.vex-theme-wireframe .vex-content h6, .vex.vex-theme-wireframe .vex-content p, .vex.vex-theme-wireframe .vex-content ul, .vex.vex-theme-wireframe .vex-content li { - color: inherit; -} -/* line 32, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-close { - position: absolute; - top: 0; - right: 0; - cursor: pointer; -} -/* line 38, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-close:before { - position: absolute; - content: "×"; - font-size: 40px; - font-weight: normal; - line-height: 80px; - height: 80px; - width: 80px; - text-align: center; - top: 3px; - right: 3px; - color: #000; -} -/* line 51, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-close:hover:before, .vex.vex-theme-wireframe .vex-close:active:before { - color: #000; -} -/* line 56, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-message { - margin-bottom: 0.5em; -} -/* line 59, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input { - margin-bottom: 1em; -} -/* line 62, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="week"] { - background: #fff; - width: 100%; - padding: 0.25em 0.67em; - font-family: inherit; - font-weight: inherit; - font-size: inherit; - min-height: 2.5em; - margin: 0 0 0.25em; - border: 2px solid #000; -} -/* line 73, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="week"]:focus { - border-style: dashed; - outline: none; -} -/* line 77, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-buttons { - *zoom: 1; -} -/* line 38, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */ -.vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-buttons:after { - content: ""; - display: table; - clear: both; -} -/* line 80, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-button { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - border: 0; - float: right; - margin: 0 0 0 0.5em; - font-family: inherit; - text-transform: uppercase; - letter-spacing: 0.1em; - font-size: 0.8em; - line-height: 1em; - padding: 0.75em 2em; -} -/* line 92, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-button.vex-last { - margin-left: 0; -} -/* line 95, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-button:focus { - animation: vex-pulse 1.1s infinite; - -webkit-animation: vex-pulse 1.1s infinite; - -moz-animation: vex-pulse 1.1s infinite; - -ms-animation: vex-pulse 1.1s infinite; - -o-animation: vex-pulse 1.1s infinite; - -webkit-backface-visibility: hidden; - outline: none; -} -@media (max-width: 568px) { - /* line 95, ../sass/vex-theme-wireframe.sass */ - .vex.vex-theme-wireframe .vex-dialog-button:focus { - animation: none; - -webkit-animation: none; - -moz-animation: none; - -ms-animation: none; - -o-animation: none; - -webkit-backface-visibility: hidden; - } -} -/* line 104, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary { - background: #000; - color: #fff; - border: 2px solid transparent; -} -/* line 109, ../sass/vex-theme-wireframe.sass */ -.vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-secondary { - background: #fff; - color: #000; - border: 2px solid #000; -} - -/* line 114, ../sass/vex-theme-wireframe.sass */ + padding-bottom: 160px; } + .vex.vex-theme-wireframe .vex-overlay { + background: rgba(255, 255, 255, 0.4); } + .vex.vex-theme-wireframe .vex-content { + font-family: "Helvetica Neue", sans-serif; + background: #fff; + color: #000; + border: 2px solid #000; + padding: 2em; + position: relative; + margin: 0 auto; + max-width: 100%; + width: 400px; + font-size: 1.1em; + line-height: 1.5em; } + .vex.vex-theme-wireframe .vex-content h1, .vex.vex-theme-wireframe .vex-content h2, .vex.vex-theme-wireframe .vex-content h3, .vex.vex-theme-wireframe .vex-content h4, .vex.vex-theme-wireframe .vex-content h5, .vex.vex-theme-wireframe .vex-content h6, .vex.vex-theme-wireframe .vex-content p, .vex.vex-theme-wireframe .vex-content ul, .vex.vex-theme-wireframe .vex-content li { + color: inherit; } + .vex.vex-theme-wireframe .vex-close { + position: absolute; + top: 0; + right: 0; + cursor: pointer; } + .vex.vex-theme-wireframe .vex-close:before { + position: absolute; + content: "\00D7"; + font-size: 40px; + font-weight: normal; + line-height: 80px; + height: 80px; + width: 80px; + text-align: center; + top: 3px; + right: 3px; + color: #000; } + .vex.vex-theme-wireframe .vex-close:hover:before, .vex.vex-theme-wireframe .vex-close:active:before { + color: #000; } + .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-message { + margin-bottom: 0.5em; } + .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input { + margin-bottom: 1em; } + .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="week"] { + background: #fff; + width: 100%; + padding: 0.25em 0.67em; + font-family: inherit; + font-weight: inherit; + font-size: inherit; + min-height: 2.5em; + margin: 0 0 0.25em; + border: 2px solid #000; } + .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-input input[type="week"]:focus { + border-style: dashed; + outline: none; } + .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-buttons { + *zoom: 1; } + .vex.vex-theme-wireframe .vex-dialog-form .vex-dialog-buttons:after { + content: ""; + display: table; + clear: both; } + .vex.vex-theme-wireframe .vex-dialog-button { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + border: 0; + float: right; + margin: 0 0 0 0.5em; + font-family: inherit; + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 0.8em; + line-height: 1em; + padding: 0.75em 2em; } + .vex.vex-theme-wireframe .vex-dialog-button.vex-last { + margin-left: 0; } + .vex.vex-theme-wireframe .vex-dialog-button:focus { + animation: vex-pulse 1.1s infinite; + -webkit-animation: vex-pulse 1.1s infinite; + -moz-animation: vex-pulse 1.1s infinite; + -ms-animation: vex-pulse 1.1s infinite; + -o-animation: vex-pulse 1.1s infinite; + -webkit-backface-visibility: hidden; + outline: none; } + @media (max-width: 568px) { + .vex.vex-theme-wireframe .vex-dialog-button:focus { + animation: none; + -webkit-animation: none; + -moz-animation: none; + -ms-animation: none; + -o-animation: none; + -webkit-backface-visibility: hidden; } } + .vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary { + background: #000; + color: #fff; + border: 2px solid transparent; } + .vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-secondary { + background: #fff; + color: #000; + border: 2px solid #000; } + .vex-loading-spinner.vex-theme-wireframe { height: 2.5em; - width: 2.5em; -} + width: 2.5em; } diff --git a/css/vex.css b/css/vex.css index c118b41..f391221 100644 --- a/css/vex.css +++ b/css/vex.css @@ -1,172 +1,153 @@ -@charset "UTF-8"; @keyframes vex-fadein { 0% { - opacity: 0; - } + opacity: 0; } + 100% { - opacity: 1; - } -} + opacity: 1; } } + @-webkit-keyframes vex-fadein { 0% { - opacity: 0; - } + opacity: 0; } + 100% { - opacity: 1; - } -} + opacity: 1; } } + @-moz-keyframes vex-fadein { 0% { - opacity: 0; - } + opacity: 0; } + 100% { - opacity: 1; - } -} + opacity: 1; } } + @-ms-keyframes vex-fadein { 0% { - opacity: 0; - } + opacity: 0; } + 100% { - opacity: 1; - } -} + opacity: 1; } } + @-o-keyframes vex-fadein { 0% { - opacity: 0; - } + opacity: 0; } + 100% { - opacity: 1; - } -} + opacity: 1; } } + @keyframes vex-fadeout { 0% { - opacity: 1; - } + opacity: 1; } + 100% { - opacity: 0; - } -} + opacity: 0; } } + @-webkit-keyframes vex-fadeout { 0% { - opacity: 1; - } + opacity: 1; } + 100% { - opacity: 0; - } -} + opacity: 0; } } + @-moz-keyframes vex-fadeout { 0% { - opacity: 1; - } + opacity: 1; } + 100% { - opacity: 0; - } -} + opacity: 0; } } + @-ms-keyframes vex-fadeout { 0% { - opacity: 1; - } + opacity: 1; } + 100% { - opacity: 0; - } -} + opacity: 0; } } + @-o-keyframes vex-fadeout { 0% { - opacity: 1; - } + opacity: 1; } + 100% { - opacity: 0; - } -} + opacity: 0; } } + @keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - } + -o-transform: rotate(0deg); } + 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); - -o-transform: rotate(359deg); - } -} + -o-transform: rotate(359deg); } } + @-webkit-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - } + -o-transform: rotate(0deg); } + 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); - -o-transform: rotate(359deg); - } -} + -o-transform: rotate(359deg); } } + @-moz-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - } + -o-transform: rotate(0deg); } + 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); - -o-transform: rotate(359deg); - } -} + -o-transform: rotate(359deg); } } + @-ms-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - } + -o-transform: rotate(0deg); } + 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); - -o-transform: rotate(359deg); - } -} + -o-transform: rotate(359deg); } } + @-o-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - } + -o-transform: rotate(0deg); } + 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); - -o-transform: rotate(359deg); - } -} -/* line 11, ../sass/vex.sass */ + -o-transform: rotate(359deg); } } + .vex, .vex *, .vex *:before, .vex *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } -/* line 14, ../sass/vex.sass */ .vex { position: fixed; overflow: auto; @@ -175,26 +156,22 @@ top: 0; right: 0; bottom: 0; - left: 0; -} + left: 0; } -/* line 24, ../sass/vex.sass */ .vex-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; -} + overflow: scroll; } -/* line 32, ../sass/vex.sass */ .vex-overlay { background: #000; filter: alpha(opacity=40); + /* IE 5–7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -} + /* IE 8 */ } -/* line 37, ../sass/vex.sass */ .vex-overlay { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; @@ -207,19 +184,15 @@ top: 0; right: 0; bottom: 0; - left: 0; -} -/* line 46, ../sass/vex.sass */ -.vex.vex-closing .vex-overlay { - animation: vex-fadeout 0.5s; - -webkit-animation: vex-fadeout 0.5s; - -moz-animation: vex-fadeout 0.5s; - -ms-animation: vex-fadeout 0.5s; - -o-animation: vex-fadeout 0.5s; - -webkit-backface-visibility: hidden; -} + left: 0; } + .vex.vex-closing .vex-overlay { + animation: vex-fadeout 0.5s; + -webkit-animation: vex-fadeout 0.5s; + -moz-animation: vex-fadeout 0.5s; + -ms-animation: vex-fadeout 0.5s; + -o-animation: vex-fadeout 0.5s; + -webkit-backface-visibility: hidden; } -/* line 49, ../sass/vex.sass */ .vex-content { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; @@ -227,39 +200,29 @@ -ms-animation: vex-fadein 0.5s; -o-animation: vex-fadein 0.5s; -webkit-backface-visibility: hidden; - background: #fff; -} -/* line 53, ../sass/vex.sass */ -.vex.vex-closing .vex-content { - animation: vex-fadeout 0.5s; - -webkit-animation: vex-fadeout 0.5s; - -moz-animation: vex-fadeout 0.5s; - -ms-animation: vex-fadeout 0.5s; - -o-animation: vex-fadeout 0.5s; - -webkit-backface-visibility: hidden; -} + background: #fff; } + .vex.vex-closing .vex-content { + animation: vex-fadeout 0.5s; + -webkit-animation: vex-fadeout 0.5s; + -moz-animation: vex-fadeout 0.5s; + -ms-animation: vex-fadeout 0.5s; + -o-animation: vex-fadeout 0.5s; + -webkit-backface-visibility: hidden; } -/* line 56, ../sass/vex.sass */ .vex-close:before { font-family: Arial, sans-serif; - content: "×"; -} + content: "\00D7"; } -/* line 60, ../sass/vex.sass */ .vex-dialog-form { - margin: 0; -} + margin: 0; } -/* line 63, ../sass/vex.sass */ .vex-dialog-button { text-rendering: optimizeLegibility; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; - -webkit-tap-highlight-color: transparent; -} + -webkit-tap-highlight-color: transparent; } -/* line 69, ../sass/vex.sass */ .vex-loading-spinner { animation: vex-rotation 0.7s linear infinite; -webkit-animation: vex-rotation 0.7s linear infinite; @@ -279,10 +242,7 @@ left: 0; height: 2em; width: 2em; - background: #fff; -} + background: #fff; } -/* line 85, ../sass/vex.sass */ body.vex-open { - overflow: hidden; -} + overflow: hidden; } diff --git a/js/vex.combined.min.js b/js/vex.combined.min.js index 7e6349c..b732b28 100644 --- a/js/vex.combined.min.js +++ b/js/vex.combined.min.js @@ -1,2 +1,2 @@ /*! vex.js, vex.dialog.js 2.3.0 */ -(function(){var a;a=function(a){var b,c;return b=!1,a(function(){var d;return d=(document.body||document.documentElement).style,b=void 0!==d.animation||void 0!==d.WebkitAnimation||void 0!==d.MozAnimation||void 0!==d.MsAnimation||void 0!==d.OAnimation,a(window).bind("keyup.vex",function(a){return 27===a.keyCode?c.closeByEscape():void 0})}),c={globalID:1,animationEndEvent:"animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend",baseClassNames:{vex:"vex",content:"vex-content",overlay:"vex-overlay",close:"vex-close",closing:"vex-closing",open:"vex-open"},defaultOptions:{content:"",showCloseButton:!0,escapeButtonCloses:!0,overlayClosesOnClick:!0,appendLocation:"body",className:"",css:{},overlayClassName:"",overlayCSS:{},contentClassName:"",contentCSS:{},closeClassName:"",closeCSS:{}},open:function(b){return b=a.extend({},c.defaultOptions,b),b.id=c.globalID,c.globalID+=1,b.$vex=a("