summaryrefslogtreecommitdiff
path: root/web-ui/app/scss/vendor/_foundation.scss
diff options
context:
space:
mode:
Diffstat (limited to 'web-ui/app/scss/vendor/_foundation.scss')
-rw-r--r--web-ui/app/scss/vendor/_foundation.scss2066
1 files changed, 0 insertions, 2066 deletions
diff --git a/web-ui/app/scss/vendor/_foundation.scss b/web-ui/app/scss/vendor/_foundation.scss
deleted file mode 100644
index 7918cf26..00000000
--- a/web-ui/app/scss/vendor/_foundation.scss
+++ /dev/null
@@ -1,2066 +0,0 @@
-@import 'compass/css3';
-
-meta {
- &.foundation-version {
- font-family: "/5.2.3/";
- }
- &.foundation-mq-small {
- font-family: "/only screen/";
- width: 0em;
- }
- &.foundation-mq-medium {
- font-family: "/only screen and (min-width:40.063em)/";
- width: 40.063em;
- }
- &.foundation-mq-large {
- font-family: "/only screen and (min-width:64.063em)/";
- width: 64.063em;
- }
- &.foundation-mq-xlarge {
- font-family: "/only screen and (min-width:90.063em)/";
- width: 90.063em;
- }
- &.foundation-mq-xxlarge {
- font-family: "/only screen and (min-width:120.063em)/";
- width: 120.063em;
- }
- &.foundation-data-attribute-namespace {
- font-family: false;
- }
-}
-
-html, body {
- height: 100%;
-}
-
-* {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- &:before, &:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
-}
-
-html {
- font-size: 100%;
-}
-
-body {
- font-family: "Open Sans", "Microsoft YaHei", "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "Helvetica Neue", Arial, sans-serif;
- font-size: 13px;
- line-height: 1.2em;
- background: white;
- color: #333;
- padding: 0;
- margin: 0;
- font-weight: normal;
- -webkit-font-smoothing: antialiased;
- font-style: normal;
- position: relative;
- cursor: default;
-}
-
-a:hover {
- cursor: pointer;
-}
-
-img {
- max-width: 100%;
- height: auto;
- -ms-interpolation-mode: bicubic;
-}
-
-#map_canvas {
- img, embed, object {
- max-width: none !important;
- }
-}
-
-.map_canvas {
- img, embed, object {
- max-width: none !important;
- }
-}
-
-.left {
- float: left !important;
-}
-
-.right {
- float: right !important;
-}
-
-.clearfix {
- &:before {
- content: " ";
- display: table;
- }
- &:after {
- content: " ";
- display: table;
- clear: both;
- }
-}
-
-.hide {
- display: none;
-}
-
-.antialiased {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-img {
- display: inline-block;
- vertical-align: middle;
-}
-
-textarea {
- height: auto;
- min-height: 50px;
- &:focus {
- outline: none;
- }
-}
-
-select {
- width: 100%;
-}
-
-.row {
- width: 100%;
- margin-left: auto;
- margin-right: auto;
- margin-top: 0;
- margin-bottom: 0;
- &:before {
- content: " ";
- display: table;
- }
- &:after {
- content: " ";
- display: table;
- clear: both;
- }
- &.collapse {
- > {
- .column, .columns {
- padding-left: 0;
- padding-right: 0;
- }
- }
- .row {
- margin-left: 0;
- margin-right: 0;
- }
- }
- .row {
- width: auto;
- margin-left: -0.9375em;
- margin-right: -0.9375em;
- margin-top: 0;
- margin-bottom: 0;
- max-width: none;
- &:before {
- content: " ";
- display: table;
- }
- &:after {
- content: " ";
- display: table;
- clear: both;
- }
- &.collapse {
- width: auto;
- margin: 0;
- max-width: none;
- &:before {
- content: " ";
- display: table;
- }
- &:after {
- content: " ";
- display: table;
- clear: both;
- }
- }
- }
-}
-
-.column, .columns {
- padding-left: 0.9375em;
- padding-right: 0.9375em;
- width: 100%;
- float: left;
-}
-
-@media only screen {
- .small-push-0 {
- position: relative;
- left: 0%;
- right: auto;
- }
- .small-pull-0 {
- position: relative;
- right: 0%;
- left: auto;
- }
- .small-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto;
- }
- .small-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto;
- }
- .small-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto;
- }
- .small-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto;
- }
- .small-push-3 {
- position: relative;
- left: 25%;
- right: auto;
- }
- .small-pull-3 {
- position: relative;
- right: 25%;
- left: auto;
- }
- .small-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto;
- }
- .small-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto;
- }
- .small-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto;
- }
- .small-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto;
- }
- .small-push-6 {
- position: relative;
- left: 50%;
- right: auto;
- }
- .small-pull-6 {
- position: relative;
- right: 50%;
- left: auto;
- }
- .small-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto;
- }
- .small-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto;
- }
- .small-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto;
- }
- .small-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto;
- }
- .small-push-9 {
- position: relative;
- left: 75%;
- right: auto;
- }
- .small-pull-9 {
- position: relative;
- right: 75%;
- left: auto;
- }
- .small-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto;
- }
- .small-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto;
- }
- .small-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto;
- }
- .small-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto;
- }
- .column, .columns {
- position: relative;
- padding-left: 0.9375em;
- padding-right: 0.9375em;
- float: left;
- }
- .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%;
- }
- [class*="column"] + [class*="column"] {
- &:last-child {
- float: right;
- }
- &.end {
- float: left;
- }
- }
- .small-offset-0 {
- margin-left: 0% !important;
- }
- .small-offset-1 {
- margin-left: 8.33333% !important;
- }
- .small-offset-2 {
- margin-left: 16.66667% !important;
- }
- .small-offset-3 {
- margin-left: 25% !important;
- }
- .small-offset-4 {
- margin-left: 33.33333% !important;
- }
- .small-offset-5 {
- margin-left: 41.66667% !important;
- }
- .small-offset-6 {
- margin-left: 50% !important;
- }
- .small-offset-7 {
- margin-left: 58.33333% !important;
- }
- .small-offset-8 {
- margin-left: 66.66667% !important;
- }
- .small-offset-9 {
- margin-left: 75% !important;
- }
- .small-offset-10 {
- margin-left: 83.33333% !important;
- }
- .small-offset-11 {
- margin-left: 91.66667% !important;
- }
- .small-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left;
- }
- .column.small-centered, .columns.small-centered {
- margin-left: auto;
- margin-right: auto;
- float: none !important;
- }
- .column.small-uncentered, .columns.small-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left !important;
- }
- .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
- float: right;
- }
-}
-
-@media only screen and (min-width: 40.063em) {
- .medium-push-0 {
- position: relative;
- left: 0%;
- right: auto;
- }
- .medium-pull-0 {
- position: relative;
- right: 0%;
- left: auto;
- }
- .medium-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto;
- }
- .medium-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto;
- }
- .medium-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto;
- }
- .medium-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto;
- }
- .medium-push-3 {
- position: relative;
- left: 25%;
- right: auto;
- }
- .medium-pull-3 {
- position: relative;
- right: 25%;
- left: auto;
- }
- .medium-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto;
- }
- .medium-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto;
- }
- .medium-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto;
- }
- .medium-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto;
- }
- .medium-push-6 {
- position: relative;
- left: 50%;
- right: auto;
- }
- .medium-pull-6 {
- position: relative;
- right: 50%;
- left: auto;
- }
- .medium-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto;
- }
- .medium-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto;
- }
- .medium-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto;
- }
- .medium-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto;
- }
- .medium-push-9 {
- position: relative;
- left: 75%;
- right: auto;
- }
- .medium-pull-9 {
- position: relative;
- right: 75%;
- left: auto;
- }
- .medium-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto;
- }
- .medium-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto;
- }
- .medium-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto;
- }
- .medium-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto;
- }
- .column, .columns {
- position: relative;
- padding-left: 0.9375em;
- padding-right: 0.9375em;
- 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%;
- }
- [class*="column"] + [class*="column"] {
- &:last-child {
- float: right;
- }
- &.end {
- float: left;
- }
- }
- .medium-offset-0 {
- margin-left: 0% !important;
- }
- .medium-offset-1 {
- margin-left: 8.33333% !important;
- }
- .medium-offset-2 {
- margin-left: 16.66667% !important;
- }
- .medium-offset-3 {
- margin-left: 25% !important;
- }
- .medium-offset-4 {
- margin-left: 33.33333% !important;
- }
- .medium-offset-5 {
- margin-left: 41.66667% !important;
- }
- .medium-offset-6 {
- margin-left: 50% !important;
- }
- .medium-offset-7 {
- margin-left: 58.33333% !important;
- }
- .medium-offset-8 {
- margin-left: 66.66667% !important;
- }
- .medium-offset-9 {
- margin-left: 75% !important;
- }
- .medium-offset-10 {
- margin-left: 83.33333% !important;
- }
- .medium-offset-11 {
- margin-left: 91.66667% !important;
- }
- .medium-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left;
- }
- .column.medium-centered, .columns.medium-centered {
- margin-left: auto;
- margin-right: auto;
- float: none !important;
- }
- .column.medium-uncentered, .columns.medium-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left !important;
- }
- .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
- float: right;
- }
- .push-0 {
- position: relative;
- left: 0%;
- right: auto;
- }
- .pull-0 {
- position: relative;
- right: 0%;
- left: auto;
- }
- .push-1 {
- position: relative;
- left: 8.33333%;
- right: auto;
- }
- .pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto;
- }
- .push-2 {
- position: relative;
- left: 16.66667%;
- right: auto;
- }
- .pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto;
- }
- .push-3 {
- position: relative;
- left: 25%;
- right: auto;
- }
- .pull-3 {
- position: relative;
- right: 25%;
- left: auto;
- }
- .push-4 {
- position: relative;
- left: 33.33333%;
- right: auto;
- }
- .pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto;
- }
- .push-5 {
- position: relative;
- left: 41.66667%;
- right: auto;
- }
- .pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto;
- }
- .push-6 {
- position: relative;
- left: 50%;
- right: auto;
- }
- .pull-6 {
- position: relative;
- right: 50%;
- left: auto;
- }
- .push-7 {
- position: relative;
- left: 58.33333%;
- right: auto;
- }
- .pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto;
- }
- .push-8 {
- position: relative;
- left: 66.66667%;
- right: auto;
- }
- .pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto;
- }
- .push-9 {
- position: relative;
- left: 75%;
- right: auto;
- }
- .pull-9 {
- position: relative;
- right: 75%;
- left: auto;
- }
- .push-10 {
- position: relative;
- left: 83.33333%;
- right: auto;
- }
- .pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto;
- }
- .push-11 {
- position: relative;
- left: 91.66667%;
- right: auto;
- }
- .pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto;
- }
-}
-
-@media only screen and (min-width: 64.063em) {
- .large-push-0 {
- position: relative;
- left: 0%;
- right: auto;
- }
- .large-pull-0 {
- position: relative;
- right: 0%;
- left: auto;
- }
- .large-push-1 {
- position: relative;
- left: 8.33333%;
- right: auto;
- }
- .large-pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto;
- }
- .large-push-2 {
- position: relative;
- left: 16.66667%;
- right: auto;
- }
- .large-pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto;
- }
- .large-push-3 {
- position: relative;
- left: 25%;
- right: auto;
- }
- .large-pull-3 {
- position: relative;
- right: 25%;
- left: auto;
- }
- .large-push-4 {
- position: relative;
- left: 33.33333%;
- right: auto;
- }
- .large-pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto;
- }
- .large-push-5 {
- position: relative;
- left: 41.66667%;
- right: auto;
- }
- .large-pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto;
- }
- .large-push-6 {
- position: relative;
- left: 50%;
- right: auto;
- }
- .large-pull-6 {
- position: relative;
- right: 50%;
- left: auto;
- }
- .large-push-7 {
- position: relative;
- left: 58.33333%;
- right: auto;
- }
- .large-pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto;
- }
- .large-push-8 {
- position: relative;
- left: 66.66667%;
- right: auto;
- }
- .large-pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto;
- }
- .large-push-9 {
- position: relative;
- left: 75%;
- right: auto;
- }
- .large-pull-9 {
- position: relative;
- right: 75%;
- left: auto;
- }
- .large-push-10 {
- position: relative;
- left: 83.33333%;
- right: auto;
- }
- .large-pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto;
- }
- .large-push-11 {
- position: relative;
- left: 91.66667%;
- right: auto;
- }
- .large-pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto;
- }
- .column, .columns {
- position: relative;
- padding-left: 0.9375em;
- padding-right: 0.9375em;
- 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%;
- }
- [class*="column"] + [class*="column"] {
- &:last-child {
- float: right;
- }
- &.end {
- float: left;
- }
- }
- .large-offset-0 {
- margin-left: 0% !important;
- }
- .large-offset-1 {
- margin-left: 8.33333% !important;
- }
- .large-offset-2 {
- margin-left: 16.66667% !important;
- }
- .large-offset-3 {
- margin-left: 25% !important;
- }
- .large-offset-4 {
- margin-left: 33.33333% !important;
- }
- .large-offset-5 {
- margin-left: 41.66667% !important;
- }
- .large-offset-6 {
- margin-left: 50% !important;
- }
- .large-offset-7 {
- margin-left: 58.33333% !important;
- }
- .large-offset-8 {
- margin-left: 66.66667% !important;
- }
- .large-offset-9 {
- margin-left: 75% !important;
- }
- .large-offset-10 {
- margin-left: 83.33333% !important;
- }
- .large-offset-11 {
- margin-left: 91.66667% !important;
- }
- .large-reset-order {
- margin-left: 0;
- margin-right: 0;
- left: auto;
- right: auto;
- float: left;
- }
- .column.large-centered, .columns.large-centered {
- margin-left: auto;
- margin-right: auto;
- float: none !important;
- }
- .column.large-uncentered, .columns.large-uncentered {
- margin-left: 0;
- margin-right: 0;
- float: left !important;
- }
- .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
- float: right;
- }
- .push-0 {
- position: relative;
- left: 0%;
- right: auto;
- }
- .pull-0 {
- position: relative;
- right: 0%;
- left: auto;
- }
- .push-1 {
- position: relative;
- left: 8.33333%;
- right: auto;
- }
- .pull-1 {
- position: relative;
- right: 8.33333%;
- left: auto;
- }
- .push-2 {
- position: relative;
- left: 16.66667%;
- right: auto;
- }
- .pull-2 {
- position: relative;
- right: 16.66667%;
- left: auto;
- }
- .push-3 {
- position: relative;
- left: 25%;
- right: auto;
- }
- .pull-3 {
- position: relative;
- right: 25%;
- left: auto;
- }
- .push-4 {
- position: relative;
- left: 33.33333%;
- right: auto;
- }
- .pull-4 {
- position: relative;
- right: 33.33333%;
- left: auto;
- }
- .push-5 {
- position: relative;
- left: 41.66667%;
- right: auto;
- }
- .pull-5 {
- position: relative;
- right: 41.66667%;
- left: auto;
- }
- .push-6 {
- position: relative;
- left: 50%;
- right: auto;
- }
- .pull-6 {
- position: relative;
- right: 50%;
- left: auto;
- }
- .push-7 {
- position: relative;
- left: 58.33333%;
- right: auto;
- }
- .pull-7 {
- position: relative;
- right: 58.33333%;
- left: auto;
- }
- .push-8 {
- position: relative;
- left: 66.66667%;
- right: auto;
- }
- .pull-8 {
- position: relative;
- right: 66.66667%;
- left: auto;
- }
- .push-9 {
- position: relative;
- left: 75%;
- right: auto;
- }
- .pull-9 {
- position: relative;
- right: 75%;
- left: auto;
- }
- .push-10 {
- position: relative;
- left: 83.33333%;
- right: auto;
- }
- .pull-10 {
- position: relative;
- right: 83.33333%;
- left: auto;
- }
- .push-11 {
- position: relative;
- left: 91.66667%;
- right: auto;
- }
- .pull-11 {
- position: relative;
- right: 91.66667%;
- left: auto;
- }
-}
-
-.inline-list {
- margin: 0 auto 1.0625rem auto;
- margin-left: -1.375rem;
- margin-right: 0;
- padding: 0;
- list-style: none;
- overflow: hidden;
- > li {
- list-style: none;
- float: left;
- margin-left: 1.375rem;
- display: block;
- > * {
- display: block;
- }
- }
-}
-
-.text-left {
- text-align: left !important;
-}
-
-.text-right {
- text-align: right !important;
-}
-
-.text-center {
- text-align: center !important;
-}
-
-.text-justify {
- text-align: justify !important;
-}
-
-@media only screen and (max-width: 40em) {
- .small-only-text-left {
- text-align: left !important;
- }
- .small-only-text-right {
- text-align: right !important;
- }
- .small-only-text-center {
- text-align: center !important;
- }
- .small-only-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen {
- .small-text-left {
- text-align: left !important;
- }
- .small-text-right {
- text-align: right !important;
- }
- .small-text-center {
- text-align: center !important;
- }
- .small-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (max-width: 64em) {
- .medium-only-text-left {
- text-align: left !important;
- }
- .medium-only-text-right {
- text-align: right !important;
- }
- .medium-only-text-center {
- text-align: center !important;
- }
- .medium-only-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 40.063em) {
- .medium-text-left {
- text-align: left !important;
- }
- .medium-text-right {
- text-align: right !important;
- }
- .medium-text-center {
- text-align: center !important;
- }
- .medium-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 64.063em) and (max-width: 90em) {
- .large-only-text-left {
- text-align: left !important;
- }
- .large-only-text-right {
- text-align: right !important;
- }
- .large-only-text-center {
- text-align: center !important;
- }
- .large-only-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 64.063em) {
- .large-text-left {
- text-align: left !important;
- }
- .large-text-right {
- text-align: right !important;
- }
- .large-text-center {
- text-align: center !important;
- }
- .large-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 90.063em) and (max-width: 120em) {
- .xlarge-only-text-left {
- text-align: left !important;
- }
- .xlarge-only-text-right {
- text-align: right !important;
- }
- .xlarge-only-text-center {
- text-align: center !important;
- }
- .xlarge-only-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 90.063em) {
- .xlarge-text-left {
- text-align: left !important;
- }
- .xlarge-text-right {
- text-align: right !important;
- }
- .xlarge-text-center {
- text-align: center !important;
- }
- .xlarge-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
- .xxlarge-only-text-left {
- text-align: left !important;
- }
- .xxlarge-only-text-right {
- text-align: right !important;
- }
- .xxlarge-only-text-center {
- text-align: center !important;
- }
- .xxlarge-only-text-justify {
- text-align: justify !important;
- }
-}
-
-@media only screen and (min-width: 120.063em) {
- .xxlarge-text-left {
- text-align: left !important;
- }
- .xxlarge-text-right {
- text-align: right !important;
- }
- .xxlarge-text-center {
- text-align: center !important;
- }
- .xxlarge-text-justify {
- text-align: justify !important;
- }
-}
-
-/* Typography resets */
-
-div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
- margin: 0;
- padding: 0;
-}
-
-/* Default Link Styles */
-
-a {
- color: #2ba6cb;
- text-decoration: none;
- line-height: inherit;
- &:hover, &:focus {
- color: #258faf;
- outline: none;
- }
- img {
- border: none;
- }
-}
-
-/* Default paragraph styles */
-
-p {
- font-family: inherit;
- font-weight: normal;
- font-size: 0.9rem;
- line-height: 1.4;
- margin-bottom: 1.25rem;
- text-rendering: optimizeLegibility;
- &.lead {
- font-size: 1.21875rem;
- line-height: 1.4;
- }
- aside {
- font-size: 0.875rem;
- line-height: 1.35;
- font-style: italic;
- }
-}
-
-/* Default header styles */
-
-h1, h2, h3, h4, h5, h6 {
- font-weight: normal;
- font-style: normal;
- color: #222;
- text-rendering: optimizeLegibility;
- margin-top: 0.2rem;
- margin-bottom: 0.5rem;
- line-height: 1.2;
-}
-
-h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
- font-size: 60%;
- color: #6f6f6f;
- line-height: 0;
-}
-
-h1 {
- font-size: 2.125rem;
-}
-
-h2 {
- font-size: 1.6875rem;
-}
-
-h3 {
- font-size: 1.375rem;
-}
-
-h4, h5 {
- font-size: 1.125rem;
-}
-
-h6 {
- font-size: 1rem;
-}
-
-.subheader {
- line-height: 1.4;
- color: #6f6f6f;
- font-weight: normal;
- margin-top: 0.2rem;
- margin-bottom: 0.5rem;
-}
-
-hr {
- border: solid #dddddd;
- border-width: 1px 0 0;
- clear: both;
- margin: 1.25rem 0 1.1875rem;
- height: 0;
-}
-
-/* Helpful Typography Defaults */
-
-em, i {
- font-style: italic;
- line-height: inherit;
-}
-
-strong, b {
- font-weight: bold;
- line-height: inherit;
-}
-
-small {
- font-size: 60%;
- line-height: inherit;
-}
-
-code {
- font-family: Consolas, "Liberation Mono", Courier, monospace;
- font-weight: bold;
- color: #910b0e;
-}
-
-/* Lists */
-
-ul, ol, dl {
- font-size: 0.9rem;
- line-height: 1.6;
- margin-bottom: 1.25rem;
- list-style-position: outside;
- font-family: inherit;
-}
-
-ul {
- margin-left: 0;
- &.bullets {
- margin-left: 1.1rem;
- li {
- margin-left: 1.25rem;
- margin-bottom: 0;
- list-style: circle;
- }
- }
- li {
- margin-bottom: 0;
- list-style: none;
- }
-}
-
-/* Abbreviations */
-
-abbr, acronym {
- text-transform: uppercase;
- font-size: 90%;
- color: #222222;
- border-bottom: 1px dotted #dddddd;
- cursor: help;
-}
-
-abbr {
- text-transform: none;
-}
-
-/* Blockquotes */
-
-blockquote {
- margin: 0 0 1.25rem;
- padding: 0.5625rem 1.25rem 0 1.1875rem;
- border-left: 1px solid #dddddd;
- cite {
- display: block;
- font-size: 0.8125rem;
- color: #555555;
- &:before {
- content: "\2014 \0020";
- }
- a {
- color: #555555;
- &:visited {
- color: #555555;
- }
- }
- }
- line-height: 1.6;
- color: #6f6f6f;
- p {
- line-height: 1.6;
- color: #6f6f6f;
- }
-}
-
-/* Microformats */
-
-.vcard {
- display: inline-block;
- margin: 0 0 1.25rem 0;
- border: 1px solid #dddddd;
- padding: 0.625rem 0.75rem;
- li {
- margin: 0;
- display: block;
- }
- .fn {
- font-weight: bold;
- font-size: 0.9375rem;
- }
-}
-
-.vevent {
- .summary {
- font-weight: bold;
- }
- abbr {
- cursor: default;
- text-decoration: none;
- font-weight: bold;
- border: none;
- padding: 0 0.0625rem;
- }
-}
-
-@media only screen and (min-width: 40.063em) {
- h1, h2, h3, h4, h5, h6 {
- line-height: 1.2;
- }
- h1 {
- font-size: 2.55rem;
- }
- h2 {
- font-size: 2.3125rem;
- }
- h3 {
- font-size: 1.4875rem;
- }
- h4 {
- font-size: 1.1375rem;
- }
-}
-
-/*
- * Print styles.
- *
- * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
- * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
-*/
-
-.print-only {
- display: none !important;
-}
-
-@media print {
- * {
- background: transparent !important;
- color: black !important;
- /* Black prints faster: h5bp.com/s */
- box-shadow: none !important;
- text-shadow: none !important;
- }
- a {
- text-decoration: underline;
- &:visited {
- text-decoration: underline;
- }
- &[href]:after {
- content: " (" attr(href) ")";
- }
- }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
- .ir a:after {
- content: "";
- }
- a {
- &[href^="javascript:"]:after, &[href^="#"]:after {
- content: "";
- }
- }
- pre, blockquote {
- border: 1px solid #999999;
- page-break-inside: avoid;
- }
- thead {
- display: table-header-group;
- /* h5bp.com/t */
- }
- tr {
- page-break-inside: avoid;
- }
- img {
- page-break-inside: avoid;
- max-width: 100% !important;
- }
- @page {
- margin: 0.5cm;
- }
-
- p, h2, h3 {
- orphans: 3;
- widows: 3;
- }
- h2, h3 {
- page-break-after: avoid;
- }
- .hide-on-print {
- display: none !important;
- }
- .print-only {
- display: block !important;
- }
- .hide-for-print {
- display: none !important;
- }
- .show-for-print {
- display: inherit !important;
- }
-}
-
-.reveal-modal-bg {
- position: fixed;
- height: 100%;
- width: 100%;
- background: black;
- background: rgba(0, 0, 0, 0.45);
- z-index: 99;
- display: none;
- top: 0;
- left: 0;
-}
-
-dialog, .reveal-modal {
- visibility: hidden;
- display: none;
- position: absolute;
- z-index: 100;
- width: 100vw;
- top: 0;
- left: 0;
- background-color: white;
- padding: 1.25rem;
- border: solid 1px #666666;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-}
-
-@media only screen and (max-width: 40em) {
- dialog, .reveal-modal {
- min-height: 100vh;
- }
-}
-
-@media only screen and (min-width: 40.063em) {
- dialog, .reveal-modal {
- left: 50%;
- }
-}
-
-dialog {
- .column, .columns {
- min-width: 0;
- }
-}
-
-.reveal-modal {
- .column, .columns {
- min-width: 0;
- }
-}
-
-dialog > :first-child, .reveal-modal > :first-child {
- margin-top: 0;
-}
-
-dialog > :last-child, .reveal-modal > :last-child {
- margin-bottom: 0;
-}
-
-@media only screen and (min-width: 40.063em) {
- dialog, .reveal-modal {
- margin-left: -26%;
- width: 50%;
- }
-}
-
-@media only screen and (min-width: 40.063em) {
- dialog, .reveal-modal {
- top: 6.25rem;
- }
-}
-
-dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
- font-size: 2.5rem;
- line-height: 1;
- position: absolute;
- top: 0.5rem;
- right: 0.6875rem;
- color: #aaaaaa;
- font-weight: bold;
- cursor: pointer;
-}
-
-dialog[open] {
- display: block;
- visibility: visible;
-}
-
-@media only screen and (min-width: 40.063em) {
- dialog, .reveal-modal {
- padding: 1.875rem;
- }
- dialog.radius, .reveal-modal.radius {
- border-radius: 3px;
- }
- dialog.round, .reveal-modal.round {
- border-radius: 1000px;
- }
- dialog.collapse, .reveal-modal.collapse {
- padding: 0;
- }
- dialog.full, .reveal-modal.full {
- top: 0;
- left: 0;
- height: 100vh;
- min-height: 100vh;
- margin-left: 0 !important;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
- dialog.tiny, .reveal-modal.tiny {
- margin-left: -15%;
- width: 30%;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
- dialog.small, .reveal-modal.small {
- margin-left: -20%;
- width: 40%;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
- dialog.medium, .reveal-modal.medium {
- margin-left: -30%;
- width: 60%;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
- dialog.large, .reveal-modal.large {
- margin-left: -35%;
- width: 70%;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
- dialog.xlarge, .reveal-modal.xlarge {
- margin-left: -47.5%;
- width: 95%;
- }
-}
-
-@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
- dialog.full, .reveal-modal.full {
- margin-left: -50vw;
- width: 100vw;
- }
-}
-
-@media print {
- dialog, .reveal-modal {
- background: white !important;
- }
-}
-
-.label {
- font-weight: normal;
- text-align: center;
- text-decoration: none;
- line-height: 1;
- white-space: nowrap;
- display: inline-block;
- position: relative;
- margin-bottom: inherit;
- padding: 0.25rem 0.5rem 0.375rem;
- font-size: 0.6875rem;
- background-color: #2ba6cb;
- color: white;
- &.radius {
- border-radius: 3px;
- }
- &.round {
- border-radius: 1000px;
- }
- &.alert {
- background-color: #c60f13;
- color: white;
- }
- &.success {
- background-color: #5da423;
- color: white;
- }
- &.secondary {
- background-color: #e9e9e9;
- color: #333333;
- }
-}
-
-button, .button, input[type=button] {
- cursor: pointer;
- margin: 0 0 1.25rem;
- border: none;
- position: relative;
- text-decoration: none;
- text-align: center;
- -webkit-appearance: none;
- display: inline-block;
- padding: 0.4rem 1.1rem;
- font-size: 0.9rem;
- background-color: #2ba6cb;
- border-color: #2285a2;
- color: white;
- transition: background-color 150ms ease-out;
- @include border-radius(2px);
- &:hover, &:focus {
- background-color: #2285a2;
- outline: none;
- color: white;
- }
- &.large {
- padding-top: 1.125rem;
- padding-right: 2.25rem;
- padding-bottom: 1.1875rem;
- padding-left: 2.25rem;
- font-size: 1.25rem;
- }
-
- &.small {
- padding-top: 0.875rem;
- padding-right: 1.75rem;
- padding-bottom: 0.9375rem;
- padding-left: 1.75rem;
- font-size: 0.8125rem;
- }
-
- &.tiny {
- padding-top: 0.625rem;
- padding-right: 1.25rem;
- padding-bottom: 0.6875rem;
- padding-left: 1.25rem;
- font-size: 0.6875rem;
- }
-
- &.expand {
- padding-right: 0;
- padding-left: 0;
- width: 100%;
- }
-
- &.left-align {
- text-align: left;
- text-indent: 0.75rem;
- }
-
- &.right-align {
- text-align: right;
- padding-right: 0.75rem;
- }
-
- &.round {
- border-radius: 1000px;
- }
-
- &.disabled, &[disabled] {
- background-color: #2285a2;
- border-color: #2285a2;
- color: white;
- cursor: default;
- opacity: 0.5;
- box-shadow: none;
- &:hover, &:focus {
- background-color: #2285a2;
- opacity: 0.5;
- }
- }
-}
-
-
-@media only screen and (min-width: 40.063em) {
- button, .button {
- display: inline-block;
- }
-}
-
-.keystroke, kbd {
- background-color: #ededed;
- border-color: #dddddd;
- color: #222222;
- border-style: solid;
- border-width: 1px;
- margin: 0;
- font-family: "Consolas", "Menlo", "Courier", monospace;
- font-size: inherit;
- padding: 0.125rem 0.25rem 0;
- border-radius: 3px;
-}
-
-
-
-/* We use this to get basic styling on all basic form elements */
-input[type="text"],
-input[type="password"],
-input[type="date"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="month"],
-input[type="week"],
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="tel"],
-input[type="time"],
-input[type="url"],
-textarea {
- -webkit-appearance: none;
- background-color: white;
- font-family: inherit;
- border: 1px solid #cccccc;
- color: rgba(0, 0, 0, 0.75);
- display: block;
- font-size: 0.875rem;
- margin: 0 0 1rem 0;
- padding: 0.4rem;
- width: 100%;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
- input[type="text"]:focus,
- input[type="password"]:focus,
- input[type="date"]:focus,
- input[type="datetime"]:focus,
- input[type="datetime-local"]:focus,
- input[type="month"]:focus,
- input[type="week"]:focus,
- input[type="email"]:focus,
- input[type="number"]:focus,
- input[type="search"]:focus,
- input[type="tel"]:focus,
- input[type="time"]:focus,
- input[type="url"]:focus,
- textarea:focus {}
- input[type="text"]:focus,
- input[type="password"]:focus,
- input[type="date"]:focus,
- input[type="datetime"]:focus,
- input[type="datetime-local"]:focus,
- input[type="month"]:focus,
- input[type="week"]:focus,
- input[type="email"]:focus,
- input[type="number"]:focus,
- input[type="search"]:focus,
- input[type="tel"]:focus,
- input[type="time"]:focus,
- input[type="url"]:focus,
- textarea:focus {
- background: #fafafa;
- border-color: #999999;
- outline: none; }
- input[type="text"][disabled], fieldset[disabled] input[type="text"],
- input[type="password"][disabled], fieldset[disabled]
- input[type="password"],
- input[type="date"][disabled], fieldset[disabled]
- input[type="date"],
- input[type="datetime"][disabled], fieldset[disabled]
- input[type="datetime"],
- input[type="datetime-local"][disabled], fieldset[disabled]
- input[type="datetime-local"],
- input[type="month"][disabled], fieldset[disabled]
- input[type="month"],
- input[type="week"][disabled], fieldset[disabled]
- input[type="week"],
- input[type="email"][disabled], fieldset[disabled]
- input[type="email"],
- input[type="number"][disabled], fieldset[disabled]
- input[type="number"],
- input[type="search"][disabled], fieldset[disabled]
- input[type="search"],
- input[type="tel"][disabled], fieldset[disabled]
- input[type="tel"],
- input[type="time"][disabled], fieldset[disabled]
- input[type="time"],
- input[type="url"][disabled], fieldset[disabled]
- input[type="url"],
- textarea[disabled], fieldset[disabled]
- textarea {
- background-color: #dddddd; }
- input[type="text"].radius,
- input[type="password"].radius,
- input[type="date"].radius,
- input[type="datetime"].radius,
- input[type="datetime-local"].radius,
- input[type="month"].radius,
- input[type="week"].radius,
- input[type="email"].radius,
- input[type="number"].radius,
- input[type="search"].radius,
- input[type="tel"].radius,
- input[type="time"].radius,
- input[type="url"].radius,
- textarea.radius {
- border-radius: 3px; }
-
-input[type="submit"] {
- -webkit-appearance: none; }
-
-/* Respect enforced amount of rows for textarea */
-textarea[rows] {
- height: auto; }
-
-/* Add height value for select elements to match text input height */
-select {
- -webkit-appearance: none !important;
- background-color: #fafafa;
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
- background-repeat: no-repeat;
- background-position: 97% center;
- border: 1px solid #cccccc;
- padding: 0.5rem;
- font-size: 0.875rem;
- color: rgba(0, 0, 0, 0.75);
- line-height: normal;
- border-radius: 0;
-}
- select.radius {
- border-radius: 3px; }
- select:hover {
- background-color: #f3f3f3;
- border-color: #999999; }
-
-/* Adjust margin for form elements below */
-input[type="file"],
-input[type="checkbox"],
-input[type="radio"],
-select {
- margin: 0 0 1rem 0; }
-
-input[type="checkbox"] + label,
-input[type="radio"] + label {
- display: inline-block;
-
- margin-left: 0.5rem;
- margin-right: 1rem;
- margin-bottom: 0;
- vertical-align: baseline; }
-
-/* Normalize file input width */
-input[type="file"] {
- width: 100%; }