| body { |
| font-family: 'Segoe UI', tahoma, arial, helvetica, sans-serif; |
| font-size: 16px; |
| margin: 0; |
| } |
| |
| h2 { |
| padding: 48px 0; |
| font-size: 34px; |
| } |
| |
| /*--------------------------------------------------- |
| Pluggy and msg |
| ---------------------------------------------------*/ |
| #headerBackground { |
| background: url('../img/grid.png'); |
| } |
| |
| #topContent { |
| margin-top: 25px; |
| } |
| |
| #pluggy { |
| background: transparent url('../img/pluggy.png') no-repeat center; |
| background-size: contain; |
| height: 200px; |
| margin-left: 25px; |
| } |
| |
| .discover-message { |
| background-color: white; |
| font-size: 56px; |
| margin: 25px 5px 5px 5px; |
| text-align: left; |
| display: inline-block; |
| padding: 0px 8px; |
| font-family: 'Segoe UI', tahoma, arial, helvetica, sans-serif; |
| } |
| |
| /*--------------------------------------------------- |
| Searchbox |
| ---------------------------------------------------*/ |
| |
| #searchwrapper { |
| margin: 25px 0px; |
| border: 2px solid gray; |
| background-color: white; |
| } |
| |
| #searchwrapper .searchBox { |
| display: block; |
| height: 35px; |
| width: 100%; |
| border: 0; |
| background: none; |
| outline: 0; |
| font-size: 14px; |
| padding: 0 5px 0 35px; |
| color: #363636; |
| background: url('../img/search.png') no-repeat; |
| background-position: 5.5px 5.5px; |
| } |
| |
| #supportedPlatforms div { |
| margin: 12px 2px 2px 0; |
| border: 1px solid #363636; |
| border-radius: 8px; |
| padding: .4em .5em; |
| height: 11px; |
| font-size: 11px; |
| line-height: 11px; |
| display: inline-block; |
| align-items: center; |
| |
| } |
| |
| /*--------------------------------------------------- |
| Plugin List |
| ---------------------------------------------------*/ |
| |
| .pluginList { |
| list-style-type: none; |
| padding: 0px; |
| } |
| |
| .pluginList li { |
| margin: 0 0 60px 0; |
| } |
| |
| /*--------------------------------------------------- |
| PluginCards |
| ---------------------------------------------------*/ |
| .pluginCard { |
| position: relative; |
| border: 1px solid #CDCDCD; |
| background: white; |
| min-height: 10em; |
| height: 10em; |
| } |
| |
| .pluginCard:after { |
| z-index: -1; |
| position: absolute; |
| content: ""; |
| bottom: 18px; |
| right: 2px; |
| left: auto; |
| width: 50%; |
| top: 80%; |
| max-width:300px; |
| background: #777; |
| -webkit-box-shadow: 0 15px 10px #777; |
| -moz-box-shadow: 0 15px 10px #777; |
| box-shadow: 0 15px 10px #777; |
| -webkit-transform: rotate(3deg); |
| -moz-transform: rotate(3deg); |
| -o-transform: rotate(3deg); |
| -ms-transform: rotate(3deg); |
| transform: rotate(3deg); |
| } |
| |
| .pluginCard h3 { |
| margin: 0.2em 0.2em 0.4em 0em; |
| font-size: 1.5em; |
| display: inline-block; |
| } |
| |
| .pluginCard a:link, |
| .pluginCard a:visited { |
| text-decoration: none; |
| color: #404D58; |
| } |
| |
| .pluginCard a:hover, |
| .pluginCard a:active { |
| text-decoration: underline; |
| } |
| |
| .featuredPlugin { |
| -webkit-box-shadow: -3px 0px 0px #4CC2E4; |
| -moz-box-shadow: -3px 0px 0px #4CC2E4; |
| box-shadow: -3px 0px 0px #4CC2E4; |
| border-left-width: 0px; |
| } |
| |
| .pluginCardContents { |
| border: 1px solid #363636; |
| margin-bottom: 10px; |
| position: relative; |
| background: white; |
| } |
| |
| .primaryContent { |
| display: flex; |
| display: -webkit-flex; |
| flex-direction: column; |
| -webkit-flex-direction: column; |
| } |
| |
| .primaryContent .header small { |
| color: #83878B; |
| } |
| |
| .primaryContent .pluginAuthor { |
| font-weight: bold; |
| } |
| |
| .primaryContent .pluginDesc { |
| -webkit-flex-grow: 1; |
| flex-grow: 1; |
| font-size: 1em; |
| color: #404040; |
| } |
| |
| .supportedPlatforms { |
| list-style-type: none; |
| padding: 5px 0px; |
| font-size: 0.8em; |
| } |
| |
| .supportedPlatforms li { |
| margin: 0 5px 0 0; |
| display: inline-block; |
| border: 1px solid #F2F2F2; |
| padding: 2px 10px; |
| color: #7A828B; |
| } |
| |
| .secondaryContent { |
| display: flex; |
| display: -webkit-flex; |
| flex-direction: column; |
| -webkit-flex-direction: column; |
| text-align: right; |
| font-size: 0.9em; |
| color: #7A828B; |
| } |
| |
| .download { |
| -webkit-flex-grow: 1; |
| flex-grow: 1; |
| } |
| |
| .extraInfo p { |
| margin-top: 2px; |
| margin-bottom: 2px; |
| } |
| |
| .clickable { |
| cursor: pointer; |
| } |
| |
| /*--------------------------------------------------- |
| Misc |
| ---------------------------------------------------*/ |
| |
| .icon { |
| background: url('../img/sprite.png') no-repeat; |
| background-position: 0 -220px; |
| padding-left: 78px; |
| } |
| .icon-about { |
| background-position: 0 -220px; |
| } |
| |
| /*--------------------------------------------------- |
| Layout - Header |
| ---------------------------------------------------*/ |
| #wrap, |
| .wrap { |
| width: 1008px; |
| margin: 0 auto; |
| position: relative; |
| } |
| |
| .header-placeholder { |
| height: 90px; |
| } |
| #header { |
| height: 90px; |
| position: fixed; |
| z-index: 10; |
| left: 0; |
| right: 0; |
| background: #fff; |
| border-bottom: 1px solid #ddd; |
| } |
| #header .shadow { |
| position: absolute; |
| left: 0; |
| right: 0; |
| bottom: -3px; |
| height: 3px; |
| background: url('../img/shadow.png'); |
| } |
| |
| .logo, |
| .closing { |
| background: url('../img/sprite.png') no-repeat; |
| -webkit-transition: background 0.25s linear; |
| -moz-transition: background 0.25s linear; |
| transition: background 0.25s linear; |
| background-color: #3b4854; |
| background-position: 0 0px; |
| position: absolute; |
| left: 0; |
| top: 5px; |
| width: 220px; |
| height: 75px; |
| } |
| .logo:hover { |
| background-color: #4cc2e4; |
| } |
| .menu { |
| padding: 16px 0; |
| float: right; |
| } |
| .menu a { |
| text-decoration: none; |
| -webkit-transition: background 0.25s linear; |
| -moz-transition: background 0.25s linear; |
| transition: background 0.25s linear; |
| padding: 8px; |
| margin: 0 8px; |
| line-height: 55px; |
| } |
| .menu a:hover, |
| .menu a:link, |
| .menu a:visited { |
| color: #4cc2e4; |
| } |
| .menu-dropdown { |
| display: none; |
| position: absolute; |
| right: 16px; |
| top: 32px; |
| width: 40%; |
| } |
| .menu-dropdown select { |
| width: 100%; |
| } |
| |
| /*--------------------------------------------------- |
| Code |
| ---------------------------------------------------*/ |
| pre, code { |
| font-size: 12px; |
| font-family: Consolas, "Liberation Mono", Courier, monospace; |
| } |
| |
| code { |
| margin: 0 0px; |
| padding: 0px 0px; |
| white-space: nowrap; |
| border: 1px solid #eaeaea; |
| background-color: #f8f8f8; |
| border-radius: 3px; |
| } |
| |
| pre>code { |
| margin: 0; |
| padding: 0; |
| white-space: pre; |
| border: none; |
| background: transparent; |
| } |
| |
| pre { |
| background-color: #f8f8f8; |
| border: 1px solid #ccc; |
| font-size: 13px; |
| line-height: 19px; |
| overflow: auto; |
| padding: 6px 10px; |
| border-radius: 3px; |
| } |
| |
| pre code { |
| background-color: transparent; |
| border: none; |
| } |
| |
| |
| /*--------------------------------------------------- |
| Mobile |
| ---------------------------------------------------*/ |
| @media all and (max-width: 1024px) { |
| #wrap, |
| .wrap { |
| width: auto; |
| margin-left: 24px; |
| margin-right: 24px; |
| } |
| .pluginCard { |
| height: auto; |
| } |
| } |
| @media all and (max-width: 890px) { |
| h2 { |
| font-size: 24px; |
| padding-top: 54px; |
| } |
| .menu { |
| display: none; |
| } |
| .menu-dropdown { |
| display: block; |
| } |
| .pluginCard { |
| height: auto; |
| } |
| } |
| @media all and (max-width: 720px) { |
| h2 { |
| font-size: 22px; |
| padding-top: 54px; |
| } |
| .menu-dropdown { |
| top: 16px; |
| } |
| #header, |
| .header-placeholder { |
| height: 52px; |
| } |
| .logo { |
| top: 7px; |
| width: 110px; |
| height: 37px; |
| background-size: 112px 425px; |
| } |
| .pluginCard { |
| height: auto; |
| } |
| } |
| @media all and (max-width: 585px) { |
| h2 { |
| letter-spacing: 0; |
| } |
| .wrap { |
| margin-left: 12px; |
| margin-right: 12px; |
| } |
| .icon { |
| background-size: 112px 425px; |
| padding: 20px 48px 20px 48px; |
| overflow: hidden; |
| display: block; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| .icon-about { |
| background-position: 0 -110px; |
| } |
| .pluginCard { |
| height: auto; |
| } |
| } |
| @media all and (max-width: 440px) { |
| .icon { |
| padding: 22px 16px 20px 35px; |
| } |
| h2 { |
| font-size: 20px; |
| } |
| .pluginCard { |
| height: auto; |
| } |
| } |
| |
| /* |
| * Copyright 2013 Kristofer Joseph |
| * |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| /* |
| * |
| * Uncomment and set these variables to customize the grid. |
| * |
| * :root { |
| * --gutter-width: 1rem; |
| * --outer-margin: 2rem; |
| * --gutter-compensation: calc( var( --gutter-width / 2 ) * -1 ); |
| * --half-gutter-width: calc( var( --gutter-width / 2 ) ); |
| * --screen-xs-min: 30em; |
| * --screen-sm-min: 48em; |
| * --screen-md-min: 62em; |
| * --screen-lg-min: 75em; |
| * --container-sm: calc( 45rem + var( --gutter-width ) ); |
| * --container-md: calc( 60rem + var( --gutter-width ) ); |
| * --container-lg: calc( 70rem + var( --gutter-width ) ); |
| * } |
| * |
| */ |
| |
| .container-fluid { |
| margin-right: auto; |
| margin-left: auto; |
| padding-right: 2rem; |
| padding-left: 2rem; |
| } |
| |
| .row { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; |
| -webkit-flex: 0 1 auto; |
| -ms-flex: 0 1 auto; |
| flex: 0 1 auto; |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; |
| margin-right: -0.5rem; |
| margin-left: -0.5rem; |
| } |
| |
| .row.reverse { |
| -webkit-flex-direction: row-reverse; |
| -ms-flex-direction: row-reverse; |
| flex-direction: row-reverse; |
| } |
| |
| .col.reverse { |
| -webkit-flex-direction: column-reverse; |
| -ms-flex-direction: column-reverse; |
| flex-direction: column-reverse; |
| } |
| |
| .col-xs, |
| .col-xs-1, |
| .col-xs-2, |
| .col-xs-3, |
| .col-xs-4, |
| .col-xs-5, |
| .col-xs-6, |
| .col-xs-7, |
| .col-xs-8, |
| .col-xs-9, |
| .col-xs-10, |
| .col-xs-11, |
| .col-xs-12, |
| .col-xs-offset-1, |
| .col-xs-offset-2, |
| .col-xs-offset-3, |
| .col-xs-offset-4, |
| .col-xs-offset-5, |
| .col-xs-offset-6, |
| .col-xs-offset-7, |
| .col-xs-offset-8, |
| .col-xs-offset-9, |
| .col-xs-offset-10, |
| .col-xs-offset-11, |
| .col-xs-offset-12 { |
| box-sizing: border-box; |
| -webkit-flex: 0 0 auto; |
| -ms-flex: 0 0 auto; |
| flex: 0 0 auto; |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| |
| .col-xs { |
| -webkit-flex-grow: 1; |
| -ms-flex-positive: 1; |
| flex-grow: 1; |
| -webkit-flex-basis: 0; |
| -ms-flex-preferred-size: 0; |
| flex-basis: 0; |
| max-width: 100%; |
| } |
| |
| .col-xs-1 { |
| -webkit-flex-basis: 8.333%; |
| -ms-flex-preferred-size: 8.333%; |
| flex-basis: 8.333%; |
| max-width: 8.333%; |
| } |
| |
| .col-xs-2 { |
| -webkit-flex-basis: 16.667%; |
| -ms-flex-preferred-size: 16.667%; |
| flex-basis: 16.667%; |
| max-width: 16.667%; |
| } |
| |
| .col-xs-3 { |
| -webkit-flex-basis: 25%; |
| -ms-flex-preferred-size: 25%; |
| flex-basis: 25%; |
| max-width: 25%; |
| } |
| |
| .col-xs-4 { |
| -webkit-flex-basis: 33.333%; |
| -ms-flex-preferred-size: 33.333%; |
| flex-basis: 33.333%; |
| max-width: 33.333%; |
| } |
| |
| .col-xs-5 { |
| -webkit-flex-basis: 41.667%; |
| -ms-flex-preferred-size: 41.667%; |
| flex-basis: 41.667%; |
| max-width: 41.667%; |
| } |
| |
| .col-xs-6 { |
| -webkit-flex-basis: 50%; |
| -ms-flex-preferred-size: 50%; |
| flex-basis: 50%; |
| max-width: 50%; |
| } |
| |
| .col-xs-7 { |
| -webkit-flex-basis: 58.333%; |
| -ms-flex-preferred-size: 58.333%; |
| flex-basis: 58.333%; |
| max-width: 58.333%; |
| } |
| |
| .col-xs-8 { |
| -webkit-flex-basis: 66.667%; |
| -ms-flex-preferred-size: 66.667%; |
| flex-basis: 66.667%; |
| max-width: 66.667%; |
| } |
| |
| .col-xs-9 { |
| -webkit-flex-basis: 75%; |
| -ms-flex-preferred-size: 75%; |
| flex-basis: 75%; |
| max-width: 75%; |
| } |
| |
| .col-xs-10 { |
| -webkit-flex-basis: 83.333%; |
| -ms-flex-preferred-size: 83.333%; |
| flex-basis: 83.333%; |
| max-width: 83.333%; |
| } |
| |
| .col-xs-11 { |
| -webkit-flex-basis: 91.667%; |
| -ms-flex-preferred-size: 91.667%; |
| flex-basis: 91.667%; |
| max-width: 91.667%; |
| } |
| |
| .col-xs-12 { |
| -webkit-flex-basis: 100%; |
| -ms-flex-preferred-size: 100%; |
| flex-basis: 100%; |
| max-width: 100%; |
| } |
| |
| .col-xs-offset-1 { |
| margin-left: 8.333%; |
| } |
| |
| .col-xs-offset-2 { |
| margin-left: 16.667%; |
| } |
| |
| .col-xs-offset-3 { |
| margin-left: 25%; |
| } |
| |
| .col-xs-offset-4 { |
| margin-left: 33.333%; |
| } |
| |
| .col-xs-offset-5 { |
| margin-left: 41.667%; |
| } |
| |
| .col-xs-offset-6 { |
| margin-left: 50%; |
| } |
| |
| .col-xs-offset-7 { |
| margin-left: 58.333%; |
| } |
| |
| .col-xs-offset-8 { |
| margin-left: 66.667%; |
| } |
| |
| .col-xs-offset-9 { |
| margin-left: 75%; |
| } |
| |
| .col-xs-offset-10 { |
| margin-left: 83.333%; |
| } |
| |
| .col-xs-offset-11 { |
| margin-left: 91.667%; |
| } |
| |
| .start-xs { |
| -webkit-justify-content: flex-start; |
| -ms-flex-pack: start; |
| justify-content: flex-start; |
| text-align: start; |
| } |
| |
| .center-xs { |
| -webkit-justify-content: center; |
| -ms-flex-pack: center; |
| justify-content: center; |
| text-align: center; |
| } |
| |
| .end-xs { |
| -webkit-justify-content: flex-end; |
| -ms-flex-pack: end; |
| justify-content: flex-end; |
| text-align: end; |
| } |
| |
| .top-xs { |
| -webkit-align-items: flex-start; |
| -ms-flex-align: start; |
| align-items: flex-start; |
| } |
| |
| .middle-xs { |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; |
| } |
| |
| .bottom-xs { |
| -webkit-align-items: flex-end; |
| -ms-flex-align: end; |
| align-items: flex-end; |
| } |
| |
| .around-xs { |
| -webkit-justify-content: space-around; |
| -ms-flex-pack: distribute; |
| justify-content: space-around; |
| } |
| |
| .between-xs { |
| -webkit-justify-content: space-between; |
| -ms-flex-pack: justify; |
| justify-content: space-between; |
| } |
| |
| .first-xs { |
| -webkit-order: -1; |
| -ms-flex-order: -1; |
| order: -1; |
| } |
| |
| .last-xs { |
| -webkit-order: 1; |
| -ms-flex-order: 1; |
| order: 1; |
| } |
| |
| @media only screen and (min-width: 48em) { |
| .container { |
| width: 46rem; |
| } |
| |
| .col-sm, |
| .col-sm-1, |
| .col-sm-2, |
| .col-sm-3, |
| .col-sm-4, |
| .col-sm-5, |
| .col-sm-6, |
| .col-sm-7, |
| .col-sm-8, |
| .col-sm-9, |
| .col-sm-10, |
| .col-sm-11, |
| .col-sm-12, |
| .col-sm-offset-1, |
| .col-sm-offset-2, |
| .col-sm-offset-3, |
| .col-sm-offset-4, |
| .col-sm-offset-5, |
| .col-sm-offset-6, |
| .col-sm-offset-7, |
| .col-sm-offset-8, |
| .col-sm-offset-9, |
| .col-sm-offset-10, |
| .col-sm-offset-11, |
| .col-sm-offset-12 { |
| box-sizing: border-box; |
| -webkit-flex: 0 0 auto; |
| -ms-flex: 0 0 auto; |
| flex: 0 0 auto; |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| |
| .col-sm { |
| -webkit-flex-grow: 1; |
| -ms-flex-positive: 1; |
| flex-grow: 1; |
| -webkit-flex-basis: 0; |
| -ms-flex-preferred-size: 0; |
| flex-basis: 0; |
| max-width: 100%; |
| } |
| |
| .col-sm-1 { |
| -webkit-flex-basis: 8.333%; |
| -ms-flex-preferred-size: 8.333%; |
| flex-basis: 8.333%; |
| max-width: 8.333%; |
| } |
| |
| .col-sm-2 { |
| -webkit-flex-basis: 16.667%; |
| -ms-flex-preferred-size: 16.667%; |
| flex-basis: 16.667%; |
| max-width: 16.667%; |
| } |
| |
| .col-sm-3 { |
| -webkit-flex-basis: 25%; |
| -ms-flex-preferred-size: 25%; |
| flex-basis: 25%; |
| max-width: 25%; |
| } |
| |
| .col-sm-4 { |
| -webkit-flex-basis: 33.333%; |
| -ms-flex-preferred-size: 33.333%; |
| flex-basis: 33.333%; |
| max-width: 33.333%; |
| } |
| |
| .col-sm-5 { |
| -webkit-flex-basis: 41.667%; |
| -ms-flex-preferred-size: 41.667%; |
| flex-basis: 41.667%; |
| max-width: 41.667%; |
| } |
| |
| .col-sm-6 { |
| -webkit-flex-basis: 50%; |
| -ms-flex-preferred-size: 50%; |
| flex-basis: 50%; |
| max-width: 50%; |
| } |
| |
| .col-sm-7 { |
| -webkit-flex-basis: 58.333%; |
| -ms-flex-preferred-size: 58.333%; |
| flex-basis: 58.333%; |
| max-width: 58.333%; |
| } |
| |
| .col-sm-8 { |
| -webkit-flex-basis: 66.667%; |
| -ms-flex-preferred-size: 66.667%; |
| flex-basis: 66.667%; |
| max-width: 66.667%; |
| } |
| |
| .col-sm-9 { |
| -webkit-flex-basis: 75%; |
| -ms-flex-preferred-size: 75%; |
| flex-basis: 75%; |
| max-width: 75%; |
| } |
| |
| .col-sm-10 { |
| -webkit-flex-basis: 83.333%; |
| -ms-flex-preferred-size: 83.333%; |
| flex-basis: 83.333%; |
| max-width: 83.333%; |
| } |
| |
| .col-sm-11 { |
| -webkit-flex-basis: 91.667%; |
| -ms-flex-preferred-size: 91.667%; |
| flex-basis: 91.667%; |
| max-width: 91.667%; |
| } |
| |
| .col-sm-12 { |
| -webkit-flex-basis: 100%; |
| -ms-flex-preferred-size: 100%; |
| flex-basis: 100%; |
| max-width: 100%; |
| } |
| |
| .col-sm-offset-1 { |
| margin-left: 8.333%; |
| } |
| |
| .col-sm-offset-2 { |
| margin-left: 16.667%; |
| } |
| |
| .col-sm-offset-3 { |
| margin-left: 25%; |
| } |
| |
| .col-sm-offset-4 { |
| margin-left: 33.333%; |
| } |
| |
| .col-sm-offset-5 { |
| margin-left: 41.667%; |
| } |
| |
| .col-sm-offset-6 { |
| margin-left: 50%; |
| } |
| |
| .col-sm-offset-7 { |
| margin-left: 58.333%; |
| } |
| |
| .col-sm-offset-8 { |
| margin-left: 66.667%; |
| } |
| |
| .col-sm-offset-9 { |
| margin-left: 75%; |
| } |
| |
| .col-sm-offset-10 { |
| margin-left: 83.333%; |
| } |
| |
| .col-sm-offset-11 { |
| margin-left: 91.667%; |
| } |
| |
| .start-sm { |
| -webkit-justify-content: flex-start; |
| -ms-flex-pack: start; |
| justify-content: flex-start; |
| text-align: start; |
| } |
| |
| .center-sm { |
| -webkit-justify-content: center; |
| -ms-flex-pack: center; |
| justify-content: center; |
| text-align: center; |
| } |
| |
| .end-sm { |
| -webkit-justify-content: flex-end; |
| -ms-flex-pack: end; |
| justify-content: flex-end; |
| text-align: end; |
| } |
| |
| .top-sm { |
| -webkit-align-items: flex-start; |
| -ms-flex-align: start; |
| align-items: flex-start; |
| } |
| |
| .middle-sm { |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; |
| } |
| |
| .bottom-sm { |
| -webkit-align-items: flex-end; |
| -ms-flex-align: end; |
| align-items: flex-end; |
| } |
| |
| .around-sm { |
| -webkit-justify-content: space-around; |
| -ms-flex-pack: distribute; |
| justify-content: space-around; |
| } |
| |
| .between-sm { |
| -webkit-justify-content: space-between; |
| -ms-flex-pack: justify; |
| justify-content: space-between; |
| } |
| |
| .first-sm { |
| -webkit-order: -1; |
| -ms-flex-order: -1; |
| order: -1; |
| } |
| |
| .last-sm { |
| -webkit-order: 1; |
| -ms-flex-order: 1; |
| order: 1; |
| } |
| } |
| |
| @media only screen and (min-width: 62em) { |
| .container { |
| width: 61rem; |
| } |
| |
| .col-md, |
| .col-md-1, |
| .col-md-2, |
| .col-md-3, |
| .col-md-4, |
| .col-md-5, |
| .col-md-6, |
| .col-md-7, |
| .col-md-8, |
| .col-md-9, |
| .col-md-10, |
| .col-md-11, |
| .col-md-12, |
| .col-md-offset-1, |
| .col-md-offset-2, |
| .col-md-offset-3, |
| .col-md-offset-4, |
| .col-md-offset-5, |
| .col-md-offset-6, |
| .col-md-offset-7, |
| .col-md-offset-8, |
| .col-md-offset-9, |
| .col-md-offset-10, |
| .col-md-offset-11, |
| .col-md-offset-12 { |
| box-sizing: border-box; |
| -webkit-flex: 0 0 auto; |
| -ms-flex: 0 0 auto; |
| flex: 0 0 auto; |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| |
| .col-md { |
| -webkit-flex-grow: 1; |
| -ms-flex-positive: 1; |
| flex-grow: 1; |
| -webkit-flex-basis: 0; |
| -ms-flex-preferred-size: 0; |
| flex-basis: 0; |
| max-width: 100%; |
| } |
| |
| .col-md-1 { |
| -webkit-flex-basis: 8.333%; |
| -ms-flex-preferred-size: 8.333%; |
| flex-basis: 8.333%; |
| max-width: 8.333%; |
| } |
| |
| .col-md-2 { |
| -webkit-flex-basis: 16.667%; |
| -ms-flex-preferred-size: 16.667%; |
| flex-basis: 16.667%; |
| max-width: 16.667%; |
| } |
| |
| .col-md-3 { |
| -webkit-flex-basis: 25%; |
| -ms-flex-preferred-size: 25%; |
| flex-basis: 25%; |
| max-width: 25%; |
| } |
| |
| .col-md-4 { |
| -webkit-flex-basis: 33.333%; |
| -ms-flex-preferred-size: 33.333%; |
| flex-basis: 33.333%; |
| max-width: 33.333%; |
| } |
| |
| .col-md-5 { |
| -webkit-flex-basis: 41.667%; |
| -ms-flex-preferred-size: 41.667%; |
| flex-basis: 41.667%; |
| max-width: 41.667%; |
| } |
| |
| .col-md-6 { |
| -webkit-flex-basis: 50%; |
| -ms-flex-preferred-size: 50%; |
| flex-basis: 50%; |
| max-width: 50%; |
| } |
| |
| .col-md-7 { |
| -webkit-flex-basis: 58.333%; |
| -ms-flex-preferred-size: 58.333%; |
| flex-basis: 58.333%; |
| max-width: 58.333%; |
| } |
| |
| .col-md-8 { |
| -webkit-flex-basis: 66.667%; |
| -ms-flex-preferred-size: 66.667%; |
| flex-basis: 66.667%; |
| max-width: 66.667%; |
| } |
| |
| .col-md-9 { |
| -webkit-flex-basis: 75%; |
| -ms-flex-preferred-size: 75%; |
| flex-basis: 75%; |
| max-width: 75%; |
| } |
| |
| .col-md-10 { |
| -webkit-flex-basis: 83.333%; |
| -ms-flex-preferred-size: 83.333%; |
| flex-basis: 83.333%; |
| max-width: 83.333%; |
| } |
| |
| .col-md-11 { |
| -webkit-flex-basis: 91.667%; |
| -ms-flex-preferred-size: 91.667%; |
| flex-basis: 91.667%; |
| max-width: 91.667%; |
| } |
| |
| .col-md-12 { |
| -webkit-flex-basis: 100%; |
| -ms-flex-preferred-size: 100%; |
| flex-basis: 100%; |
| max-width: 100%; |
| } |
| |
| .col-md-offset-1 { |
| margin-left: 8.333%; |
| } |
| |
| .col-md-offset-2 { |
| margin-left: 16.667%; |
| } |
| |
| .col-md-offset-3 { |
| margin-left: 25%; |
| } |
| |
| .col-md-offset-4 { |
| margin-left: 33.333%; |
| } |
| |
| .col-md-offset-5 { |
| margin-left: 41.667%; |
| } |
| |
| .col-md-offset-6 { |
| margin-left: 50%; |
| } |
| |
| .col-md-offset-7 { |
| margin-left: 58.333%; |
| } |
| |
| .col-md-offset-8 { |
| margin-left: 66.667%; |
| } |
| |
| .col-md-offset-9 { |
| margin-left: 75%; |
| } |
| |
| .col-md-offset-10 { |
| margin-left: 83.333%; |
| } |
| |
| .col-md-offset-11 { |
| margin-left: 91.667%; |
| } |
| |
| .start-md { |
| -webkit-justify-content: flex-start; |
| -ms-flex-pack: start; |
| justify-content: flex-start; |
| text-align: start; |
| } |
| |
| .center-md { |
| -webkit-justify-content: center; |
| -ms-flex-pack: center; |
| justify-content: center; |
| text-align: center; |
| } |
| |
| .end-md { |
| -webkit-justify-content: flex-end; |
| -ms-flex-pack: end; |
| justify-content: flex-end; |
| text-align: end; |
| } |
| |
| .top-md { |
| -webkit-align-items: flex-start; |
| -ms-flex-align: start; |
| align-items: flex-start; |
| } |
| |
| .middle-md { |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; |
| } |
| |
| .bottom-md { |
| -webkit-align-items: flex-end; |
| -ms-flex-align: end; |
| align-items: flex-end; |
| } |
| |
| .around-md { |
| -webkit-justify-content: space-around; |
| -ms-flex-pack: distribute; |
| justify-content: space-around; |
| } |
| |
| .between-md { |
| -webkit-justify-content: space-between; |
| -ms-flex-pack: justify; |
| justify-content: space-between; |
| } |
| |
| .first-md { |
| -webkit-order: -1; |
| -ms-flex-order: -1; |
| order: -1; |
| } |
| |
| .last-md { |
| -webkit-order: 1; |
| -ms-flex-order: 1; |
| order: 1; |
| } |
| } |
| |
| @media only screen and (min-width: 75em) { |
| .container { |
| width: 71rem; |
| } |
| |
| .col-lg, |
| .col-lg-1, |
| .col-lg-2, |
| .col-lg-3, |
| .col-lg-4, |
| .col-lg-5, |
| .col-lg-6, |
| .col-lg-7, |
| .col-lg-8, |
| .col-lg-9, |
| .col-lg-10, |
| .col-lg-11, |
| .col-lg-12, |
| .col-lg-offset-1, |
| .col-lg-offset-2, |
| .col-lg-offset-3, |
| .col-lg-offset-4, |
| .col-lg-offset-5, |
| .col-lg-offset-6, |
| .col-lg-offset-7, |
| .col-lg-offset-8, |
| .col-lg-offset-9, |
| .col-lg-offset-10, |
| .col-lg-offset-11, |
| .col-lg-offset-12 { |
| box-sizing: border-box; |
| -webkit-flex: 0 0 auto; |
| -ms-flex: 0 0 auto; |
| flex: 0 0 auto; |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| |
| .col-lg { |
| -webkit-flex-grow: 1; |
| -ms-flex-positive: 1; |
| flex-grow: 1; |
| -webkit-flex-basis: 0; |
| -ms-flex-preferred-size: 0; |
| flex-basis: 0; |
| max-width: 100%; |
| } |
| |
| .col-lg-1 { |
| -webkit-flex-basis: 8.333%; |
| -ms-flex-preferred-size: 8.333%; |
| flex-basis: 8.333%; |
| max-width: 8.333%; |
| } |
| |
| .col-lg-2 { |
| -webkit-flex-basis: 16.667%; |
| -ms-flex-preferred-size: 16.667%; |
| flex-basis: 16.667%; |
| max-width: 16.667%; |
| } |
| |
| .col-lg-3 { |
| -webkit-flex-basis: 25%; |
| -ms-flex-preferred-size: 25%; |
| flex-basis: 25%; |
| max-width: 25%; |
| } |
| |
| .col-lg-4 { |
| -webkit-flex-basis: 33.333%; |
| -ms-flex-preferred-size: 33.333%; |
| flex-basis: 33.333%; |
| max-width: 33.333%; |
| } |
| |
| .col-lg-5 { |
| -webkit-flex-basis: 41.667%; |
| -ms-flex-preferred-size: 41.667%; |
| flex-basis: 41.667%; |
| max-width: 41.667%; |
| } |
| |
| .col-lg-6 { |
| -webkit-flex-basis: 50%; |
| -ms-flex-preferred-size: 50%; |
| flex-basis: 50%; |
| max-width: 50%; |
| } |
| |
| .col-lg-7 { |
| -webkit-flex-basis: 58.333%; |
| -ms-flex-preferred-size: 58.333%; |
| flex-basis: 58.333%; |
| max-width: 58.333%; |
| } |
| |
| .col-lg-8 { |
| -webkit-flex-basis: 66.667%; |
| -ms-flex-preferred-size: 66.667%; |
| flex-basis: 66.667%; |
| max-width: 66.667%; |
| } |
| |
| .col-lg-9 { |
| -webkit-flex-basis: 75%; |
| -ms-flex-preferred-size: 75%; |
| flex-basis: 75%; |
| max-width: 75%; |
| } |
| |
| .col-lg-10 { |
| -webkit-flex-basis: 83.333%; |
| -ms-flex-preferred-size: 83.333%; |
| flex-basis: 83.333%; |
| max-width: 83.333%; |
| } |
| |
| .col-lg-11 { |
| -webkit-flex-basis: 91.667%; |
| -ms-flex-preferred-size: 91.667%; |
| flex-basis: 91.667%; |
| max-width: 91.667%; |
| } |
| |
| .col-lg-12 { |
| -webkit-flex-basis: 100%; |
| -ms-flex-preferred-size: 100%; |
| flex-basis: 100%; |
| max-width: 100%; |
| } |
| |
| .col-lg-offset-1 { |
| margin-left: 8.333%; |
| } |
| |
| .col-lg-offset-2 { |
| margin-left: 16.667%; |
| } |
| |
| .col-lg-offset-3 { |
| margin-left: 25%; |
| } |
| |
| .col-lg-offset-4 { |
| margin-left: 33.333%; |
| } |
| |
| .col-lg-offset-5 { |
| margin-left: 41.667%; |
| } |
| |
| .col-lg-offset-6 { |
| margin-left: 50%; |
| } |
| |
| .col-lg-offset-7 { |
| margin-left: 58.333%; |
| } |
| |
| .col-lg-offset-8 { |
| margin-left: 66.667%; |
| } |
| |
| .col-lg-offset-9 { |
| margin-left: 75%; |
| } |
| |
| .col-lg-offset-10 { |
| margin-left: 83.333%; |
| } |
| |
| .col-lg-offset-11 { |
| margin-left: 91.667%; |
| } |
| |
| .start-lg { |
| -webkit-justify-content: flex-start; |
| -ms-flex-pack: start; |
| justify-content: flex-start; |
| text-align: start; |
| } |
| |
| .center-lg { |
| -webkit-justify-content: center; |
| -ms-flex-pack: center; |
| justify-content: center; |
| text-align: center; |
| } |
| |
| .end-lg { |
| -webkit-justify-content: flex-end; |
| -ms-flex-pack: end; |
| justify-content: flex-end; |
| text-align: end; |
| } |
| |
| .top-lg { |
| -webkit-align-items: flex-start; |
| -ms-flex-align: start; |
| align-items: flex-start; |
| } |
| |
| .middle-lg { |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; |
| } |
| |
| .bottom-lg { |
| -webkit-align-items: flex-end; |
| -ms-flex-align: end; |
| align-items: flex-end; |
| } |
| |
| .around-lg { |
| -webkit-justify-content: space-around; |
| -ms-flex-pack: distribute; |
| justify-content: space-around; |
| } |
| |
| .between-lg { |
| -webkit-justify-content: space-between; |
| -ms-flex-pack: justify; |
| justify-content: space-between; |
| } |
| |
| .first-lg { |
| -webkit-order: -1; |
| -ms-flex-order: -1; |
| order: -1; |
| } |
| |
| .last-lg { |
| -webkit-order: 1; |
| -ms-flex-order: 1; |
| order: 1; |
| } |
| } |