OwlCyberSecurity - MANAGER
Edit File: ie8.css
/*----------------------------------------------------------------------------- `-- (Foundation) $ IE8 Grid -----------------------------------------------------------------------------*/ .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .push-0 { left: 0%; right: auto; } .pull-0 { right: 0%; left: auto; } .push-1 { left: 8.33333%; right: auto; } .pull-1 { right: 8.33333%; left: auto; } .push-2 { left: 16.66667%; right: auto; } .pull-2 { right: 16.66667%; left: auto; } .push-3 { left: 25%; right: auto; } .pull-3 { right: 25%; left: auto; } .push-4 { left: 33.33333%; right: auto; } .pull-4 { right: 33.33333%; left: auto; } .push-5 { left: 41.66667%; right: auto; } .pull-5 { right: 41.66667%; left: auto; } .push-6 { left: 50%; right: auto; } .pull-6 { right: 50%; left: auto; } .push-7 { left: 58.33333%; right: auto; } .pull-7 { right: 58.33333%; left: auto; } .push-8 { left: 66.66667%; right: auto; } .pull-8 { right: 66.66667%; left: auto; } .push-9 { left: 75%; right: auto; } .pull-9 { right: 75%; left: auto; } .push-10 { left: 83.33333%; right: auto; } .pull-10 { right: 83.33333%; left: auto; } .push-11 { left: 91.66667%; right: auto; } .pull-11 { right: 91.66667%; left: auto; } .small-1 { width: 8.33333%; } .small-2 { width: 16.66667%; } .small-3 { width: 25%; } .small-4 { width: 33.33333%; } .small-5 { width: 41.66667%; } .small-6 { width: 50%; } .small-7 { width: 58.33333%; } .small-8 { width: 66.66667%; } .small-9 { width: 75%; } .small-10 { width: 83.33333%; } .small-11 { width: 91.66667%; } .small-12 { width: 100%; } .small-push-0 { left: 0%; right: auto; } .small-pull-0 { right: 0%; left: auto; } .small-push-1 { left: 8.33333%; right: auto; } .small-pull-1 { right: 8.33333%; left: auto; } .small-push-2 { left: 16.66667%; right: auto; } .small-pull-2 { right: 16.66667%; left: auto; } .small-push-3 { left: 25%; right: auto; } .small-pull-3 { right: 25%; left: auto; } .small-push-4 { left: 33.33333%; right: auto; } .small-pull-4 { right: 33.33333%; left: auto; } .small-push-5 { left: 41.66667%; right: auto; } .small-pull-5 { right: 41.66667%; left: auto; } .small-push-6 { left: 50%; right: auto; } .small-pull-6 { right: 50%; left: auto; } .small-push-7 { left: 58.33333%; right: auto; } .small-pull-7 { right: 58.33333%; left: auto; } .small-push-8 { left: 66.66667%; right: auto; } .small-pull-8 { right: 66.66667%; left: auto; } .small-push-9 { left: 75%; right: auto; } .small-pull-9 { right: 75%; left: auto; } .small-push-10 { left: 83.33333%; right: auto; } .small-pull-10 { right: 83.33333%; left: auto; } .small-push-11 { left: 91.66667%; right: auto; } .small-pull-11 { right: 91.66667%; left: auto; } .small-offset-0 { margin-left: 0%; } .small-offset-1 { margin-left: 8.33333%; } .small-offset-2 { margin-left: 16.66667%; } .small-offset-3 { margin-left: 25%; } .small-offset-4 { margin-left: 33.33333%; } .small-offset-5 { margin-left: 41.66667%; } .small-offset-6 { margin-left: 50%; } .small-offset-7 { margin-left: 58.33333%; } .small-offset-8 { margin-left: 66.66667%; } .small-offset-9 { margin-left: 75%; } .small-offset-10 { margin-left: 83.33333%; } .small-offset-11 { margin-left: 91.66667%; } .small-reset-order, .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } .medium-push-0 { left: 0%; right: auto; } .medium-pull-0 { right: 0%; left: auto; } .medium-push-1 { left: 8.33333%; right: auto; } .medium-pull-1 { right: 8.33333%; left: auto; } .medium-push-2 { left: 16.66667%; right: auto; } .medium-pull-2 { right: 16.66667%; left: auto; } .medium-push-3 { left: 25%; right: auto; } .medium-pull-3 { right: 25%; left: auto; } .medium-push-4 { left: 33.33333%; right: auto; } .medium-pull-4 { right: 33.33333%; left: auto; } .medium-push-5 { left: 41.66667%; right: auto; } .medium-pull-5 { right: 41.66667%; left: auto; } .medium-push-6 { left: 50%; right: auto; } .medium-pull-6 { right: 50%; left: auto; } .medium-push-7 { left: 58.33333%; right: auto; } .medium-pull-7 { right: 58.33333%; left: auto; } .medium-push-8 { left: 66.66667%; right: auto; } .medium-pull-8 { right: 66.66667%; left: auto; } .medium-push-9 { left: 75%; right: auto; } .medium-pull-9 { right: 75%; left: auto; } .medium-push-10 { left: 83.33333%; right: auto; } .medium-pull-10 { right: 83.33333%; left: auto; } .medium-push-11 { left: 91.66667%; right: auto; } .medium-pull-11 { right: 91.66667%; left: auto; } .medium-offset-0 { margin-left: 0%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-offset-3 { margin-left: 25%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-offset-6 { margin-left: 50%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-offset-9 { margin-left: 75%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-reset-order, .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } .large-push-0 { left: 0%; right: auto; } .large-pull-0 { right: 0%; left: auto; } .large-push-1 { left: 8.33333%; right: auto; } .large-pull-1 { right: 8.33333%; left: auto; } .large-push-2 { left: 16.66667%; right: auto; } .large-pull-2 { right: 16.66667%; left: auto; } .large-push-3 { left: 25%; right: auto; } .large-pull-3 { right: 25%; left: auto; } .large-push-4 { left: 33.33333%; right: auto; } .large-pull-4 { right: 33.33333%; left: auto; } .large-push-5 { left: 41.66667%; right: auto; } .large-pull-5 { right: 41.66667%; left: auto; } .large-push-6 { left: 50%; right: auto; } .large-pull-6 { right: 50%; left: auto; } .large-push-7 { left: 58.33333%; right: auto; } .large-pull-7 { right: 58.33333%; left: auto; } .large-push-8 { left: 66.66667%; right: auto; } .large-pull-8 { right: 66.66667%; left: auto; } .large-push-9 { left: 75%; right: auto; } .large-pull-9 { right: 75%; left: auto; } .large-push-10 { left: 83.33333%; right: auto; } .large-pull-10 { right: 83.33333%; left: auto; } .large-push-11 { left: 91.66667%; right: auto; } .large-pull-11 { right: 91.66667%; left: auto; } .large-offset-0 { margin-left: 0%; } .large-offset-1 { margin-left: 8.33333%; } .large-offset-2 { margin-left: 16.66667%; } .large-offset-3 { margin-left: 25%; } .large-offset-4 { margin-left: 33.33333%; } .large-offset-5 { margin-left: 41.66667%; } .large-offset-6 { margin-left: 50%; } .large-offset-7 { margin-left: 58.33333%; } .large-offset-8 { margin-left: 66.66667%; } .large-offset-9 { margin-left: 75%; } .large-offset-10 { margin-left: 83.33333%; } .large-offset-11 { margin-left: 91.66667%; } .large-reset-order, .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } /*----------------------------------------------------------------------------- `-- (Foundation) $ IE8 Clear classes -----------------------------------------------------------------------------*/ .small-clear-left, .small-up-clear-left { clear: left; } .small-clear-right, .small-up-clear-right { clear: right; } .small-clear-both, .small-up-clear-both { clear: both; } .medium-clear-left, .medium-up-clear-left { clear: left; } .medium-clear-right, .medium-up-clear-right { clear: right; } .medium-clear-both, .medium-up-clear-both { clear: both; } .medium-to-large-clear-left { clear: left; } .medium-to-large-clear-right { clear: right; } .medium-to-large-clear-both { clear: both; } .large-clear-left, .large-up-clear-left { clear: left; } .large-clear-right, .large-up-clear-right { clear: right; } .large-clear-both, .large-up-clear-both { clear: both; } .large-only-clear-left { clear: left; } .large-only-clear-right { clear: right; } .large-only-clear-both { clear: both; } /*----------------------------------------------------------------------------- `-- (Foundation) $ IE8 Visibility -----------------------------------------------------------------------------*/ .show-for-small-only, .hide-for-small, .hide-for-small-up, .show-for-medium-only, .show-for-small-down, .show-for-small-only, .hide-for-medium, .hide-for-medium-up, .show-for-medium-down, .show-for-medium-only, .hide-for-large, .hide-for-large-up, .hide-for-large-only, .hide-for-large-down, .show-for-xlarge, .show-for-xlarge-up, .show-for-xlarge-only, .hide-for-xlarge-down, .show-for-xxlarge, .show-for-xxlarge-up, .show-for-xxlarge-only, .hide-for-xxlarge-down { display: none !important; } /*----------------------------------------------------------------------------- $ IE8 Helpers -----------------------------------------------------------------------------*/ .medium-space { margin: 15px; } .medium-space-top, .medium-space-vertical { margin-top: 15px; } .medium-space-right, .medium-space-horizontal { margin-right: 15px; } .medium-space-bottom, .medium-space-vertical { margin-bottom: 15px; } .medium-space-left, .medium-space-horizontal { margin-left: 15px; } .medium-space-2x { margin: 45px; } .medium-space-top-2x, .medium-space-vertical-2x { margin-top: 45px; } .medium-space-right-2x, .medium-space-horizontal-2x { margin-right: 45px; } .medium-space-bottom-2x, .medium-space-vertical-2x { margin-bottom: 45px; } .medium-space-left-2x, .medium-space-horizontal-2x { margin-left: 45px; } .medium-space-3x { margin: 45px; } .medium-space-top-3x, .medium-space-vertical-3x { margin-top: 45px; } .medium-space-right-3x, .medium-space-horizontal-3x { margin-right: 45px; } .medium-space-bottom-3x, .medium-space-vertical-3x { margin-bottom: 45px; } .medium-space-left-3x, .medium-space-horizontal-3x { margin-left: 45px; } .medium-space-4x { margin: 60px; } .medium-space-top-4x, .medium-space-vertical-4x { margin-top: 60px; } .medium-space-right-4x, .medium-space-horizontal-4x { margin-right: 60px; } .medium-space-bottom-4x, .medium-space-vertical-4x { margin-bottom: 60px; } .medium-space-left-4x, .medium-space-horizontal-4x { margin-left: 60px; } .medium-pad { padding: 15px; } .medium-pad-top, .medium-pad-vertical { padding-top: 15px; } .medium-pad-right, .medium-pad-horizontal { padding-right: 15px; } .medium-pad-bottom, .medium-pad-vertical { padding-bottom: 15px; } .medium-pad-left, .medium-pad-horizontal { padding-left: 15px; } .medium-pad-2x { padding: 30px; } .medium-pad-top-2x, .medium-pad-vertical-2x { padding-top: 30px; } .medium-pad-right-2x, .medium-pad-horizontal-2x { padding-right: 30px; } .medium-pad-bottom-2x, .medium-pad-vertical-2x { padding-bottom: 30px; } .medium-pad-left-2x, .medium-pad-horizontal-2x { padding-left: 30px; } .medium-pad-3x { padding: 45px; } .medium-pad-top-3x, .medium-pad-vertical-3x { padding-top: 45px; } .medium-pad-right-3x, .medium-pad-horizontal-3x { padding-right: 45px; } .medium-pad-bottom-3x, .medium-pad-vertical-3x { padding-bottom: 45px; } .medium-pad-left-3x, .medium-pad-horizontal-3x { padding-left: 45px; } .medium-pad-4x { padding: 60px; } .medium-pad-top-4x, .medium-pad-vertical-4x { padding-top: 60px; } .medium-pad-right-4x, .medium-pad-horizontal-4x { padding-right: 60px; } .medium-pad-bottom-4x, .medium-pad-vertical-4x { padding-bottom: 60px; } .medium-pad-left-4x, .medium-pad-horizontal-4x { padding-left: 60px; } .medium-float-left { float: left; } .medium-float-right { float: right; } .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .large-space { margin: 15px; } .large-space-top, .large-space-vertical { margin-top: 15px; } .large-space-right, .large-space-horizontal { margin-right: 15px; } .large-space-bottom, .large-space-vertical { margin-bottom: 15px; } .large-space-left, .large-space-horizontal { margin-left: 15px; } .large-space-2x { margin: 30px; } .large-space-top-2x, .large-space-vertical-2x { margin-top: 30px; } .large-space-right-2x, .large-space-horizontal-2x { margin-right: 30px; } .large-space-bottom-2x, .large-space-vertical-2x { margin-bottom: 30px; } .large-space-left-2x, .large-space-horizontal-2x { margin-left: 30px; } .large-space-3x { margin: 45px; } .large-space-top-3x, .large-space-vertical-3x { margin-top: 45px; } .large-space-right-3x, .large-space-horizontal-3x { margin-right: 45px; } .large-space-bottom-3x, .large-space-vertical-3x { margin-bottom: 45px; } .large-space-left-3x, .large-space-horizontal-3x { margin-left: 45px; } .large-space-4x { margin: 60px; } .large-space-top-4x, .large-space-vertical-4x { margin-top: 60px; } .large-space-right-4x, .large-space-horizontal-4x { margin-right: 60px; } .large-space-bottom-4x, .large-space-vertical-4x { margin-bottom: 60px; } .large-space-left-4x, .large-space-horizontal-4x { margin-left: 60px; } .large-pad { padding: 15px; } .large-pad-top, .large-pad-vertical { padding-top: 15px; } .large-pad-right, .large-pad-horizontal { padding-right: 15px; } .large-pad-bottom, .large-pad-vertical { padding-bottom: 15px; } .large-pad-left, .large-pad-horizontal { padding-left: 15px; } .large-pad-2x { padding: 30px; } .large-pad-top-2x, .large-pad-vertical-2x { padding-top: 30px; } .large-pad-right-2x, .large-pad-horizontal-2x { padding-right: 30px; } .large-pad-bottom-2x, .large-pad-vertical-2x { padding-bottom: 30px; } .large-pad-left-2x, .large-pad-horizontal-2x { padding-left: 30px; } .large-pad-3x { padding: 45px; } .large-pad-top-3x, .large-pad-vertical-3x { padding-top: 45px; } .large-pad-right-3x, .large-pad-horizontal-3x { padding-right: 45px; } .large-pad-bottom-3x, .large-pad-vertical-3x { padding-bottom: 45px; } .large-pad-left-3x, .large-pad-horizontal-3x { padding-left: 45px; } .large-pad-4x { padding: 60px; } .large-pad-top-4x, .large-pad-vertical-4x { padding-top: 60px; } .large-pad-right-4x, .large-pad-horizontal-4x { padding-right: 60px; } .large-pad-bottom-4x, .large-pad-vertical-4x { padding-bottom: 60px; } .large-pad-left-4x, .large-pad-horizontal-4x { padding-left: 60px; } .large-float-left { float: left; } .large-float-right { float: right; } .large-text-left { text-align: left; } .large-text-right { text-align: right; }