.drag-reorderable [draggable] { cursor: move; } .drag-reorderable [data-being-dragged] { opacity: 0.5; } .ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}.rc-slider { position: relative; height: 4px; width: 100%; border-radius: 6px; background-color: #e9e9e9; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-slider-track { position: absolute; left: 0; height: 4px; border-radius: 6px; background-color: #abe2fb; z-index: 1; } .rc-slider-handle { position: absolute; margin-left: -7px; margin-top: -5px; width: 14px; height: 14px; cursor: pointer; border-radius: 50%; border: solid 2px #96dbfa; background-color: #fff; z-index: 2; } .rc-slider-handle:hover { border-color: #57c5f7; } .rc-slider-handle-active:active { border-color: #57c5f7; box-shadow: 0 0 5px #57c5f7; } .rc-slider-mark { position: absolute; top: 10px; left: 0; width: 100%; font-size: 12px; z-index: 3; } .rc-slider-mark-text { position: absolute; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; color: #999; } .rc-slider-mark-text-active { color: #666; } .rc-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; z-index: 1; } .rc-slider-dot { position: absolute; top: -2px; margin-left: -4px; width: 8px; height: 8px; border: 2px solid #e9e9e9; background-color: #fff; cursor: pointer; border-radius: 50%; vertical-align: middle; } .rc-slider-dot:first-child { margin-left: -4px; } .rc-slider-dot:last-child { margin-left: -4px; } .rc-slider-dot-active { border-color: #96dbfa; } .rc-slider-disabled { background-color: #e9e9e9; } .rc-slider-disabled .rc-slider-track { background-color: #ccc; } .rc-slider-disabled .rc-slider-handle, .rc-slider-disabled .rc-slider-dot { border-color: #ccc; background-color: #fff; cursor: not-allowed; } .rc-slider-disabled .rc-slider-mark-text, .rc-slider-disabled .rc-slider-dot { cursor: not-allowed !important; } .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block !important; -webkit-animation-play-state: paused; animation-play-state: paused; } .rc-slider-tooltip-zoom-down-leave { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block !important; -webkit-animation-play-state: paused; animation-play-state: paused; } .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active { -webkit-animation-name: rcSliderTooltipZoomDownIn; animation-name: rcSliderTooltipZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running; } .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active { -webkit-animation-name: rcSliderTooltipZoomDownOut; animation-name: rcSliderTooltipZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; } .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-appear { -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .rc-slider-tooltip-zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes rcSliderTooltipZoomDownIn { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes rcSliderTooltipZoomDownIn { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes rcSliderTooltipZoomDownOut { 0% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @keyframes rcSliderTooltipZoomDownOut { 0% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } .rc-tooltip { position: absolute; left: -9999px; top: -9999px; z-index: 4; visibility: visible; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-tooltip * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .rc-tooltip-hidden { display: none; } .rc-tooltip-placement-top { padding: 4px 0 8px 0; } .rc-tooltip-inner { padding: 6px 2px; min-width: 24px; height: 24px; font-size: 12px; line-height: 1; color: #fff; text-align: center; text-decoration: none; background-color: #6c6c6c; border-radius: 6px; box-shadow: 0 0 4px #d9d9d9; } .rc-tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .rc-tooltip-placement-top .rc-tooltip-arrow { bottom: 4px; left: 50%; margin-left: -4px; border-width: 4px 4px 0; border-top-color: #6c6c6c; } /** * React Select * ============ * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/ * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs * MIT License: https://github.com/JedWatson/react-select */ .Select { position: relative; } .Select, .Select div, .Select input, .Select span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Select.is-disabled > .Select-control { background-color: #f9f9f9; } .Select.is-disabled > .Select-control:hover { box-shadow: none; } .Select.is-disabled .Select-arrow-zone { cursor: default; pointer-events: none; opacity: 0.35; } .Select-control { background-color: #fff; border-color: #d9d9d9 #ccc #b3b3b3; border-radius: 4px; border: 1px solid #ccc; color: #333; cursor: default; display: table; border-spacing: 0; border-collapse: separate; height: 36px; outline: none; overflow: hidden; position: relative; width: 100%; } .Select-control:hover { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); } .Select-control .Select-input:focus { outline: none; } .is-searchable.is-open > .Select-control { cursor: text; } .is-open > .Select-control { border-bottom-right-radius: 0; border-bottom-left-radius: 0; background: #fff; border-color: #b3b3b3 #ccc #d9d9d9; } .is-open > .Select-control .Select-arrow { top: -2px; border-color: transparent transparent #999; border-width: 0 5px 5px; } .is-searchable.is-focused:not(.is-open) > .Select-control { cursor: text; } .is-focused:not(.is-open) > .Select-control { border-color: #007eff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1); } .Select-placeholder, .Select--single > .Select-control .Select-value { bottom: 0; color: #aaa; left: 0; line-height: 34px; padding-left: 10px; padding-right: 10px; position: absolute; right: 0; top: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label { color: #333; } .has-value.Select--single > .Select-control .Select-value a.Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label { cursor: pointer; text-decoration: none; } .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus { color: #007eff; outline: none; text-decoration: underline; } .Select-input { height: 34px; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .Select-input > input { width: 100%; background: none transparent; border: 0 none; box-shadow: none; cursor: default; display: inline-block; font-family: inherit; font-size: inherit; margin: 0; outline: none; line-height: 14px; /* For IE 8 compatibility */ padding: 8px 0 12px; /* For IE 8 compatibility */ -webkit-appearance: none; } .is-focused .Select-input > input { cursor: text; } .has-value.is-pseudo-focused .Select-input { opacity: 0; } .Select-control:not(.is-searchable) > .Select-input { outline: none; } .Select-loading-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 16px; } .Select-loading { -webkit-animation: Select-animation-spin 400ms infinite linear; -o-animation: Select-animation-spin 400ms infinite linear; animation: Select-animation-spin 400ms infinite linear; width: 16px; height: 16px; box-sizing: border-box; border-radius: 50%; border: 2px solid #ccc; border-right-color: #333; display: inline-block; position: relative; vertical-align: middle; } .Select-clear-zone { -webkit-animation: Select-animation-fadeIn 200ms; -o-animation: Select-animation-fadeIn 200ms; animation: Select-animation-fadeIn 200ms; color: #999; cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 17px; } .Select-clear-zone:hover { color: #D0021B; } .Select-clear { display: inline-block; font-size: 18px; line-height: 1; } .Select--multi .Select-clear-zone { width: 17px; } .Select-arrow-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 25px; padding-right: 5px; } .Select-arrow { border-color: #999 transparent transparent; border-style: solid; border-width: 5px 5px 2.5px; display: inline-block; height: 0; width: 0; position: relative; } .is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow { border-top-color: #666; } .Select--multi .Select-multi-value-wrapper { display: inline-block; } .Select .Select-aria-only { display: inline-block; height: 1px; width: 1px; margin: -1px; clip: rect(0, 0, 0, 0); overflow: hidden; float: left; } @-webkit-keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes Select-animation-fadeIn { from { opacity: 0; } to { opacity: 1; } } .Select-menu-outer { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: #fff; border: 1px solid #ccc; border-top-color: #e6e6e6; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); box-sizing: border-box; margin-top: -1px; max-height: 200px; position: absolute; top: 100%; width: 100%; z-index: 1; -webkit-overflow-scrolling: touch; } .Select-menu { max-height: 198px; overflow-y: auto; } .Select-option { box-sizing: border-box; background-color: #fff; color: #666666; cursor: pointer; display: block; padding: 8px 10px; } .Select-option:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .Select-option.is-selected { background-color: #f5faff; /* Fallback color for IE 8 */ background-color: rgba(0, 126, 255, 0.04); color: #333; } .Select-option.is-focused { background-color: #ebf5ff; /* Fallback color for IE 8 */ background-color: rgba(0, 126, 255, 0.08); color: #333; } .Select-option.is-disabled { color: #cccccc; cursor: default; } .Select-noresults { box-sizing: border-box; color: #999999; cursor: default; display: block; padding: 8px 10px; } .Select--multi .Select-input { vertical-align: middle; margin-left: 10px; padding: 0; } .Select--multi.has-value .Select-input { margin-left: 5px; } .Select--multi .Select-value { background-color: #ebf5ff; /* Fallback color for IE 8 */ background-color: rgba(0, 126, 255, 0.08); border-radius: 2px; border: 1px solid #c2e0ff; /* Fallback color for IE 8 */ border: 1px solid rgba(0, 126, 255, 0.24); color: #007eff; display: inline-block; font-size: 0.9em; line-height: 1.4; margin-left: 5px; margin-top: 5px; vertical-align: top; } .Select--multi .Select-value-icon, .Select--multi .Select-value-label { display: inline-block; vertical-align: middle; } .Select--multi .Select-value-label { border-bottom-right-radius: 2px; border-top-right-radius: 2px; cursor: default; padding: 2px 5px; } .Select--multi a.Select-value-label { color: #007eff; cursor: pointer; text-decoration: none; } .Select--multi a.Select-value-label:hover { text-decoration: underline; } .Select--multi .Select-value-icon { cursor: pointer; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: 1px solid #c2e0ff; /* Fallback color for IE 8 */ border-right: 1px solid rgba(0, 126, 255, 0.24); padding: 1px 5px 3px; } .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus { background-color: #d8eafd; /* Fallback color for IE 8 */ background-color: rgba(0, 113, 230, 0.08); color: #0071e6; } .Select--multi .Select-value-icon:active { background-color: #c2e0ff; /* Fallback color for IE 8 */ background-color: rgba(0, 126, 255, 0.24); } .Select--multi.is-disabled .Select-value { background-color: #fcfcfc; border: 1px solid #e3e3e3; color: #333; } .Select--multi.is-disabled .Select-value-icon { cursor: not-allowed; border-right: 1px solid #e3e3e3; } .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active { background-color: #fcfcfc; } @keyframes Select-animation-spin { to { transform: rotate(1turn); } } @-webkit-keyframes Select-animation-spin { to { -webkit-transform: rotate(1turn); } } button::-moz-focus-inner { border: 0; padding: 0; } @-moz-document url-prefix() { button:focus { outline: 1px dotted; } } .secret-button, .standard-button, .major-button, .minor-button, .minor-button.active, .pill-button, .on-home-page .standard-button, .on-landing-page .standard-button, .ghost-button, .link-button, .media-icon-delete-button, .modal-form-trigger, .modal-dialog-toolbar-button, .dialog-controls button, .markdown-editor-controls button, .about-tabs, .tabbed-content-tab, .collections-page .collections-show .select-subjects-button, .collections-page .collections-show .collection-subject-viewer__button--cover, .collections-create-form .collection-create-form-actions button, .pulsar-hunters-feedback button, .classifier .subject-frame-pip, .classifier .warning-banner, .field-guide-pullout-toggle, .field-guide-header-button, .field-guide-menu-item, .step-through-direction, .survey-identification-remove, .survey-task-chooser-characteristics .modal-form-trigger, .survey-task-chooser-characteristic-menu .survey-task-chooser-characteristic-clear-button, .survey-task-chooser-characteristic-value, .survey-task-chooser-choice-button, .survey-task-chooser-characteristic-clear-button, .survey-task-image-flipper-pip, .survey-task-choice-confusions .modal-form-trigger, .survey-task-confusions-modal .dropdown-form .survey-task-choice-confusion-buttons button, .dropdown-task-list-item-edit-button, .dropdown-task-list-item-reset-button, .grid-button-tab, .grid-button-template, .template-select .template-form-button, .classification-task-summary .toggle-more, .classification-task-summary-with-feedback .toggle-more, .field-guide-editor-article-button, .field-guide-editor-article-list-item-remove-button, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-remove-button, .workflow-choice-editor .workflow-choice-remove-button, .workflow-choice-add-button, .talk .button, .talk button:not(.link-style), .talk button.link-style, .user-profile .private-message-page .block-user .block-button { background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; line-height: inherit; margin: 0; padding: 0; position: relative; text-decoration: none; } .secret-button:disabled, .standard-button:disabled, .major-button:disabled, .minor-button:disabled, .minor-button.active:disabled, .pill-button:disabled, .on-home-page .standard-button:disabled, .on-landing-page .standard-button:disabled, .ghost-button:disabled, .link-button:disabled, .media-icon-delete-button:disabled, .modal-form-trigger:disabled, .modal-dialog-toolbar-button:disabled, .dialog-controls button:disabled, .markdown-editor-controls button:disabled, .about-tabs:disabled, .tabbed-content-tab:disabled, .collections-page .collections-show .select-subjects-button:disabled, .collections-page .collections-show .collection-subject-viewer__button--cover:disabled, .collections-create-form .collection-create-form-actions button:disabled, .pulsar-hunters-feedback button:disabled, .classifier .subject-frame-pip:disabled, .classifier .warning-banner:disabled, .field-guide-pullout-toggle:disabled, .field-guide-header-button:disabled, .field-guide-menu-item:disabled, .step-through-direction:disabled, .survey-identification-remove:disabled, .survey-task-chooser-characteristics .modal-form-trigger:disabled, .survey-task-chooser-characteristic-menu .survey-task-chooser-characteristic-clear-button:disabled, .survey-task-chooser-characteristic-value:disabled, .survey-task-chooser-choice-button:disabled, .survey-task-chooser-characteristic-clear-button:disabled, .survey-task-image-flipper-pip:disabled, .survey-task-choice-confusions .modal-form-trigger:disabled, .survey-task-confusions-modal .dropdown-form .survey-task-choice-confusion-buttons button:disabled, .dropdown-task-list-item-edit-button:disabled, .dropdown-task-list-item-reset-button:disabled, .grid-button-tab:disabled, .grid-button-template:disabled, .template-select .template-form-button:disabled, .classification-task-summary .toggle-more:disabled, .classification-task-summary-with-feedback .toggle-more:disabled, .field-guide-editor-article-button:disabled, .field-guide-editor-article-list-item-remove-button:disabled, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button:disabled, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-remove-button:disabled, .workflow-choice-editor .workflow-choice-remove-button:disabled, .workflow-choice-add-button:disabled, .talk .button:disabled, .talk button:not(.link-style):disabled, .talk button.link-style:disabled, .user-profile .private-message-page .block-user .block-button:disabled, .secret-button[data-disabled], .standard-button[data-disabled], .major-button[data-disabled], .minor-button[data-disabled], .minor-button.active[data-disabled], .pill-button[data-disabled], .on-home-page .standard-button[data-disabled], .on-landing-page .standard-button[data-disabled], .ghost-button[data-disabled], .link-button[data-disabled], .media-icon-delete-button[data-disabled], .modal-form-trigger[data-disabled], .modal-dialog-toolbar-button[data-disabled], .dialog-controls button[data-disabled], .markdown-editor-controls button[data-disabled], .about-tabs[data-disabled], .tabbed-content-tab[data-disabled], .collections-page .collections-show .select-subjects-button[data-disabled], .collections-page .collections-show .collection-subject-viewer__button--cover[data-disabled], .collections-create-form .collection-create-form-actions button[data-disabled], .pulsar-hunters-feedback button[data-disabled], .classifier .subject-frame-pip[data-disabled], .classifier .warning-banner[data-disabled], .field-guide-pullout-toggle[data-disabled], .field-guide-header-button[data-disabled], .field-guide-menu-item[data-disabled], .step-through-direction[data-disabled], .survey-identification-remove[data-disabled], .survey-task-chooser-characteristics .modal-form-trigger[data-disabled], .survey-task-chooser-characteristic-menu .survey-task-chooser-characteristic-clear-button[data-disabled], .survey-task-chooser-characteristic-value[data-disabled], .survey-task-chooser-choice-button[data-disabled], .survey-task-chooser-characteristic-clear-button[data-disabled], .survey-task-image-flipper-pip[data-disabled], .survey-task-choice-confusions .modal-form-trigger[data-disabled], .survey-task-confusions-modal .dropdown-form .survey-task-choice-confusion-buttons button[data-disabled], .dropdown-task-list-item-edit-button[data-disabled], .dropdown-task-list-item-reset-button[data-disabled], .grid-button-tab[data-disabled], .grid-button-template[data-disabled], .template-select .template-form-button[data-disabled], .classification-task-summary .toggle-more[data-disabled], .classification-task-summary-with-feedback .toggle-more[data-disabled], .field-guide-editor-article-button[data-disabled], .field-guide-editor-article-list-item-remove-button[data-disabled], .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button[data-disabled], .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-remove-button[data-disabled], .workflow-choice-editor .workflow-choice-remove-button[data-disabled], .workflow-choice-add-button[data-disabled], .talk .button[data-disabled], .talk button:not(.link-style)[data-disabled], .talk button.link-style[data-disabled], .user-profile .private-message-page .block-user .block-button[data-disabled] { cursor: inherit; opacity: 0.3; pointer-events: none; } .secret-button[data-busy]::after, .standard-button[data-busy]::after, .major-button[data-busy]::after, .minor-button[data-busy]::after, .minor-button.active[data-busy]::after, .pill-button[data-busy]::after, .on-home-page .standard-button[data-busy]::after, .on-landing-page .standard-button[data-busy]::after, .ghost-button[data-busy]::after, .link-button[data-busy]::after, .media-icon-delete-button[data-busy]::after, .modal-form-trigger[data-busy]::after, .modal-dialog-toolbar-button[data-busy]::after, .dialog-controls button[data-busy]::after, .markdown-editor-controls button[data-busy]::after, .about-tabs[data-busy]::after, .tabbed-content-tab[data-busy]::after, .collections-page .collections-show .select-subjects-button[data-busy]::after, .collections-page .collections-show .collection-subject-viewer__button--cover[data-busy]::after, .collections-create-form .collection-create-form-actions button[data-busy]::after, .pulsar-hunters-feedback button[data-busy]::after, .classifier .subject-frame-pip[data-busy]::after, .classifier .warning-banner[data-busy]::after, .field-guide-pullout-toggle[data-busy]::after, .field-guide-header-button[data-busy]::after, .field-guide-menu-item[data-busy]::after, .step-through-direction[data-busy]::after, .survey-identification-remove[data-busy]::after, .survey-task-chooser-characteristics .modal-form-trigger[data-busy]::after, .survey-task-chooser-characteristic-menu .survey-task-chooser-characteristic-clear-button[data-busy]::after, .survey-task-chooser-characteristic-value[data-busy]::after, .survey-task-chooser-choice-button[data-busy]::after, .survey-task-chooser-characteristic-clear-button[data-busy]::after, .survey-task-image-flipper-pip[data-busy]::after, .survey-task-choice-confusions .modal-form-trigger[data-busy]::after, .survey-task-confusions-modal .dropdown-form .survey-task-choice-confusion-buttons button[data-busy]::after, .dropdown-task-list-item-edit-button[data-busy]::after, .dropdown-task-list-item-reset-button[data-busy]::after, .grid-button-tab[data-busy]::after, .grid-button-template[data-busy]::after, .template-select .template-form-button[data-busy]::after, .classification-task-summary .toggle-more[data-busy]::after, .classification-task-summary-with-feedback .toggle-more[data-busy]::after, .field-guide-editor-article-button[data-busy]::after, .field-guide-editor-article-list-item-remove-button[data-busy]::after, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button[data-busy]::after, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-remove-button[data-busy]::after, .workflow-choice-editor .workflow-choice-remove-button[data-busy]::after, .workflow-choice-add-button[data-busy]::after, .talk .button[data-busy]::after, .talk button:not(.link-style)[data-busy]::after, .talk button.link-style[data-busy]::after, .user-profile .private-message-page .block-user .block-button[data-busy]::after { animation: busy-button-animation 1s linear infinite alternate; background: linear-gradient(90deg, rgba(128,128,128,0), rgba(128,128,128,0.2), rgba(128,128,128,0)); bottom: 0; content: ""; left: 0; position: absolute; top: 0; right: 0; } .form-label, .nav-list-header { font-size: 0.7em; font-weight: bold; letter-spacing: 0.1em; opacity: 0.7; text-transform: uppercase; } .approval-status { display: block; } .project-about-page .team-list-item .project-role, .talk .talk-latest-comment-link .talk-display-roles .project-role, .talk .talk-comment-author .project-role { background: #555; border-radius: 2px; color: #fff; font-size: 0.5em; font-weight: bold; letter-spacing: 0.05em; margin: 0 0.3em; padding: 0.1em 0.4em; text-transform: uppercase; } .project-announcement-banner, .classify-page .classifier-announcement-banner { border: 2px solid; border-radius: 0.2em; box-shadow: 0 2px 4px rgba(0,0,0,0.3); box-sizing: border-box; color: #fff; margin: 0 3vw; padding: 0 1.5vw; text-align: center; } .collections-card-list, .project-card-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 1200px; margin: 0 auto; text-align: center; overflow: hidden; position: relative; font-size: 14px; margin-top: 2.33em; } .collection-card, .project-card { background-position: 50% 0; background-size: cover; border: solid thin #ebebeb; display: inline-block; margin: 0 0.5em 1em; max-height: 325px; max-width: 220px; overflow: hidden; text-align: left; text-decoration: none; } .collection-card svg, .project-card svg { height: 150px; } .collection-card .details, .project-card .details { background: #fff; box-sizing: border-box; color: #404040; display: flex; flex-direction: column; padding: 20px; text-align: left; } .collection-card .name, .project-card .name { color: #000; font-weight: 400; text-align: center; } .collection-card .type, .project-card .type, .collection-card .owner, .project-card .owner { color: #bababa; flex-grow: 1; font-size: 0.8em; font-style: italic; } .collection-card .card-button, .project-card .card-button { background: #00979d; min-height: 35px; padding: 0.6em; position: static; width: 180px; } .collection-card .card-button:hover, .project-card .card-button:hover { background: #00dbe4; } .color-label { display: inline; border-radius: 2px; font-size: 0.5em; font-weight: bold; letter-spacing: 0.05em; margin: 0 0.3em; padding: 0 0.3em; vertical-align: middle; text-transform: uppercase; pointer-events: none; } .color-label.green { border: 1px solid #008000; color: #008000; } .color-label.red { border: 1px solid #f00; color: #f00; } .color-label.orange { border: 1px solid #ffa500; color: #ffa500; } .color-label.blue { border: 1px solid #00f; color: #00f; } .color-label.yellow { border: 1px solid #ff0; color: #ffa500; } @-moz-keyframes busy-animation { from { background-position: 0 0; } to { background-position: 1em 0; } } @-webkit-keyframes busy-animation { from { background-position: 0 0; } to { background-position: 1em 0; } } @-o-keyframes busy-animation { from { background-position: 0 0; } to { background-position: 1em 0; } } @keyframes busy-animation { from { background-position: 0 0; } to { background-position: 1em 0; } } @font-face { font-family: "zoo-font"; src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABn0AA0AAAAAJmAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAZ2AAAABoAAAAcdldsKU9TLzIAAAGgAAAASgAAAGBP7V1xY21hcAAAAhgAAABbAAABYuJ56X1jdnQgAAACdAAAAAQAAAAEABEBRGdhc3AAABnQAAAACAAAAAj//wADZ2x5ZgAAApwAABXGAAAgIFR9osFoZWFkAAABMAAAADAAAAA2CA1IWWhoZWEAAAFgAAAAIAAAACQFuf/XaG10eAAAAewAAAAsAAAALAT5AItsb2NhAAACeAAAACQAAAAkMzw6jG1heHAAAAGAAAAAHwAAACAAZgJ2bmFtZQAAGGQAAAERAAAB/o9TSOFwb3N0AAAZeAAAAFgAAACs930xkXjaY2BkYGAA4v/lX13i+W2+MnAzMYDApT7mdzD6/83/J5l/Mm4HcjkYwNIAfj8OXnjaY2BkYGDc/v8kgx4Tw/+b/ziYfzIARVAAKwCk9QaSeNpjYGRgYBBkcmUQZgABJiBmZACJOTDogQQADZAA3wB42mNgYXzJOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWE4wKDw0ZDxwP8DDHqM2xnMQWqQlCgwMAIATqYMAQAAALsAEQAAAAAAqgAAAMgAAAIA/9oAQgAfAAsAIgAWABUAGwAYACcAHgAmABR42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkK3xU/Kj5Ueej4f//QFEQT+Wj9ke9////P+Z7zPeQ7wHffagJcMDIxgAXYmQCEkwMaAogVg9nAAC5MBO2AAARAUQAAAAqACoAKgAqAFwCNAMIA+IE/AgWCNgKQAsgDAwN0A5wEBB42nVZCYxkx1l+f9Wrqndf/Y7pmeljume6d2d3Z/pu787e9sbrA5/xtWs7iWLsRLJjkhCMHQfsBGMTckECBjlxLgMRASQbQwJCQSEiQBQpIQaBo0RCClhKIAcIojgks3z13szaG4np6ffq1fHX/6r+//u/v9pgRmwYxm/TDQY3lLHxNBmbh59RpvHt0dNSfO3wM5yhaDzNdbXQ1c8oST86/Azp+nE8jvvjuBs/dt+dd9IN25+MaQxp5rnnz/0d69OnIDE0CmMJdR2Z5qPZZHWUp7LTm4x2nueC1uhVn3n00c88uv3Vh86ceejMs5Neb9J7YfsL29+iGf3uo7pt64xu6umWr39j+3++AXk14+S5b9PV9BFj0dhjnDAuN24xXmO81fgl4w+N54xvGy9SSAs0p5N0O72e3oIBnd50cpTGo2K0RbOx1qPb6e+jTl/OOwFlaZONoVBPdfqdLpp2e49nRdW7P5pOulrtYpRnacB2uuSTXvku893afrcaP8GwAoOL0bwa10d/XbdFhzDVHMUmplVajR7mxKiyPJx3ZJYW40FxiIZbNBjjM7+IxsPxYDIajKeD8Ww62aDazht0Xj7daDyCvqOjhA7dToY5zzecf2WpX1iVq9+TE/RuMr0kR9luh0G3s49QQHu3XJkc47Wq8sKXy4vxUa4w2bRagvHoKNspvs0NlacSORyRqDlh6NQEjdqxeJgLRtxkppR7EpnEMik7ojWORc0Nw9sdR0i53w1N5QgHbbG0pbQvqypSk4aDsp8bq+FQJg65EPXnQehEik64ezshJxUpV5kqkKbPiK67jgnlSYF+gi74Y1z8kVYtRT2kpii70HhIJBNucvy78t5Kdyi68xbegjjhkLKkfE/oCAsyBwMi5UrdnEiGJ2iVSYEXldbTeLfQiRVdf52KdQ87YE+Rqay/L5ulfJ5zzvQb0j2hAzXjOMjChGqrXHBmcpKW+tMkCV28UY2oFmbQ0UF/J3CFrcxyTMNS0OfhqqaGPkFMFHcdF7WrKsK0FKCbUh6TgZI2X5Gm5HoFsBGCb38WUvWwMEkwrRAcS/VI+agbMOuq3hJbviILiQtlCltAySjKbAktTciEenhGb9c2LcFXy2qozqqdthT8VRmtc19hQ3qnccC407jLeJ3xZuMXjF8xjDVYpJLwAHjHfDbv4Tsr8qK67nxU5RkSvjkq8qrHeDjSBT1w96O79bs7hWoUjLcasNZXuQqog9ZjhKJGoSmK/WK3ek7D8epiu9tajpPM9qyF2srBaegttPtr7ZpvLqaFVEnUaq0tLDbX2BnT7IxWloRcyDtLy34oRS1esBh34sZKt5lbktxgMF6OU8Ut144bC412Y8EkSbdFnJzQIRZKFN3A5ZF4hThf+cZGyLnnpGl9KXNUt1V3a4sKdik9rwgTK6rVm0sLQWDFdIA3GIWcKc/LsoU0DjBT4GWOK0UisSdF7GSLTctUdpzVVmyX84C9m76URcpxVJSps+dLr1S1pCoahjTcc/9BX6IngauHjdPGh4yPGr9jGFRhQ7dBKSDzCOuU6Debj6Y07Wbj6WTUoP/vOp/q3dHoprK5Rp3uSgUXs/lhms52dm4HDis07M2PUrnxY20Tsybp3dwFuV5/g1V7iw86zSaddDUdTei+1fF4lZvW9y2TrY03VojMF+rR+U/m+/ztZuzFP26srze3v9PEdaEFjFBZ7sDr4RvSsxU8IHLVUtC2GT1Eou1kifA9GTq+7whBzPRClXFibtR2t3/g0JOT05P+c5b1XH+y2hlx2r79c5973LIe/8nvcx0Zhlk9ckVnc31r376t9cYCnFCZdc4jeLuAY3uMRJG6HjNXBby0oziH5xe+l3iMcyF1s1LadxO/NnMc13HgW8zonPsW/ZA+YFxr/DX2KlVFnoYawrs7tyzHHRvXzcvnTVKyt0kbBPvXhd68Xz3Pdx57u7EqL4Ofmk02KUD7Js0HoynCgo5QeTGfjVqkp/p/SnmLmojDRT46RjMts9+boVE/TSf96SbHI4Ml5FWFnrpsn9MPj5iuwxyYN64R9sglzyfGyGUaRy2SseKKS+KIMjz0uKrpJ8msRHGbLyX167cOrHpOfzq/+pQQ71zaqCecn4X8yeV5tBAr+CVgk1lVQTF7tyYQpWQRWDIU8FfB3qp8+ZD0JRPmtT2CjajNa4h8l8Ea6GHpyV8WIfod6ZtOwyU3dJhLuHghHhyLCWYxlcBwII2HEVcETWuKSdxtP6qv7d+6ftFyVq/6PMQ8kqUMFniG9lw+6beLIFJQJoV+ardgVQWtKEMJtmkJvHgoGLsPSj6ILkIpk65aIwvPGz9FeuWksqDs21DxdiFgMuBl+bn/4i/SPcYT5b4OaEgjepS+Rl+nHzOP9dhRdoJdovG5d4QmR6grK7/kIBjj6WE+nUw19eipddL18NL5aNzTgKx0/QDMpLSh2RZNwZjwGTdprH0aJEmCtgy098KLAQTa9dHUhFlqQtZNtXXp6qKq7Pe6miEB07PlijIN+qBbstD95ogDUwBJrz/RIWMEc5rP9IAemIzUhqzVg3j005WdXgcGjKppD7V6dCm+1820g4A0FaBng5GWUpT6YTpEHh1RxodIa6X10uCDhl7VAC0GRX/eJ71G5dTgX/pSrlmJYdqntH3DK3T/bFAtWRWmlBymVaiD+SMelfEMvEw3csyA2t14VnUb78bGUT7UUXBSzlrGTIAlkHWmJ6vCYjlRuS9qJ9L2ezUsJ7TbYPBoMDh0KC+z3Xjb18sIpJUq4AqARd2Kp04ncNUt0i4Otkv9sd4n+C4mw+oBXDIN7MeoO1fjPqsnMQ2XUksqElKxvT3SrMfNZD0meJzXX9thYr7NMpaKKAEP2ZuARViWzZNTdmrZNtmO2d1XERZlg7II1q0lnmeFtLaBwa407dpSlqQ2YM9ZT0zd07aTNdvRFMd1TFO7QLEmUwFgdWy1t2bZNaQxJIR3YA2+LqxoDXJNCzCLvu5my+TC5E54bW7bixMnjk3L4fBhu0JfU7jdPaCIgCXu8dyVVoTRwl3bo/kct5c3T192KW3/L6IEkWNK25FCvkYejQMnovCyEdPVEdzU9+tWzSV24IAbFNjdIN7T4FTPuJpMgzZncWAvLDQ07ill579pCk+J0HWTI0ctSzob/Z/mnsUdDxwS6wDKihfWFM7tFjKXmvAKO5wPY1UUdrywkTk2lHPUxn5bKuEl8sOvYhRthabviiwizgi8NeD1mlLS9AqswL3coisUYk3BEI4Yv2LZT96Wuo3I88Td4Yq5Et4t3NqXP7BgRU7A73ZyM7fv4T7Y+BNvOtg41ACtj0cuNolCN8WS6hcH5zSBqkSBFwPIUbY9vbtp5INganMwyQ9yU5WrRxwWgD8o0wZXMm1LiyC2GgWwG8Z40uWgULbzDsdZWokdyDZNG4vRjX0PC8fItGqlICkRGrARHAQc0RTb7yeKuS4SEh9LBfx0Ej2TslKb6UhvYjbHFJGlbB33uauvlD/BaPsFaABcsiNkIBHZnCsvCL3pqp4obltBHZHEb6eQtlSXVGSe7SzE0GW8CfS3mWj5yE1gKyRNHns+p1uZCuxGknj7NiT+TGbJiCEfSLFYDIEH62SDICidFOAFhKWIW4qH483ECZY9KZVD5uIiXsLOWvb2vxxhSqtILMCsgnNYL2IUs4oNJAktZlO3HsbMNE12f2N9/5LnxZbz3Xb7u7bl1dxbpkngcPm9LPseVsyPXv3Im0/pmGEZ2bn/Zq+g3zB6xo3Ga417jfuMXzQeNd6r+WEWpwDvTF90xND8MJ5sIcaNsxSAcYTGvNef57pbX+eVPAOKA7SG3Q0kzeAj6D4/yirq3+QUgzL2VDzTebKINUOMS0LSg9ARSGjR7ZQl9RN3Ngtt+U9KnVb+F5WfLi7RC3IqXzDtYFEo/oaDSTP24d0Mlsa8vctb95hKOHvu2NhXr+9bPrpvb7T9/bxPt55dqF+yMaGVs2f3ZM3J/lP1T1lPWNYTT+jLBf/0c/72pyyXWUGomKfoMl9uPxsKEdKVMGQmtj9tCmpJy4VBaTiKWrBlOi3AI33Bakg1TemK7b+kScyc1vbfKhkt07zlsHj7i0UkfxBFsyialle9B66xdO6f2RfoE8Ze4zj43muRR73N+DXjD4y/Mf7deBE7sRNQNF6XkWiiUbyMRDvZ1bwidmB180FnqINKQGAU6XhWhoGiyqk6fdTOquBylM17eo/UuAolZSDJFGIxWtA+lXrTphNkSM2St2/RbvDrIhhpIfMNVj6WpxxqlFVp2QaVuUFV3ZGqjGs6rxvNB3oQSET//EDo04H8YTVFqQhG6Bg4HrGP94UZr11z8PhFm4JfOVlG4nrVGlPE1J6bEAcu6oxvu2NlZXVl9V/hyX2AN5yORnX4UvgjkEx/aZ0sMwHIWIOzGgVaK7XIDdmkx8n6B6I+8gSV1ix+zanlhhQiTkENs9a+LWCss8de2MPYR4iafVnAWdk7M6kNTC14dOM6/bpoEYut6/Zq9OMb5cz3zIFN4UFGy4pHGtCQ+itnjwlUCA/Bi6F30zq0zC4DyTAHl5riRImid/cPrXSvPLm5WPDDK0NUNIYEDeRspdu+Yr6SYxH8IHVj4TLeur8pwUBhdo03xSYP3cxjy3flFJmLtzDEI/jAK39WQ+7gVgoyxh9Wy4AXQZ27OLv4dYBZccdD6BWYB5b7nNz97uIGexeJGneBjHRrgLcAlr56wC7hOo+xxIECawHQPr2K+4A1LZZBZ41ZIYlEQ7AZm+2Ibuw06/mwTaxuakxZOPePYJ1PGsqoGRvGJcYZ4MqjyDuNVZ3vIe/s7xwu6UOtkgXlVZq4TlWuiKSiNOe8NGxtFtr0tL2CC9VyzdPQrzxcACEtD/9qZbqBLlVWqyRo1SgpPUcT0N58J/2BsC04BLiNfGleWXIe8vc2GnsbwzBNQztynOjJSYSg4tsBcgEK4kuuv344aZ/GjWqRGVuSMffA5sdORv6q5e4ffFTleXFpkecIUJ5FSda1s6xW9z2BJ8ayLB39cbE1v/nmU3TatZqQK+TsOjwtj6KjdPGNV01RJUUhrGMXf/KxhtZlnjYyJ6pF9nTSUgiwNoKMs3d9MDnu2ut7f5VTBMMq9m9ea7NQ34idvO3Wk6dOnfyzk5JLZXuL2+84dubM8cOJjD11/Nljh+nYxfv3Nhsr9RZiqsf7S83Xrg1oeWkNkdHn9XDhEPavf+4c/Sd9yBjtnMG+0XjE+C3jEzomNLBsYPuDbunD1SFOZ0PoLUNOgQ3R7t4oCaWa6ixEIhXHprWoxBmA0TFS+lhgPtgA+OiwwY5RGS8KfV7ZpLVOhXMVpsn+Bi9eKpdxpdsBR67gUGsxG9N3md8K+ylcP9sf1qJGG6k1rN3z4yhR3YyCg6fpuoHfUXTigfx4ll16MOmE676/rwPWYFk+Ax2wTA+2jQAq7QeXVoKFSD3mkQit1EKWqnT79qdtZIx44HZac7mPWGDK2xW38GTCebglbIHkcBn0lAVFN1hK4HN4GNKTJ1rhok3WYljrZL5mTGCQgbV6gtOTmB0xnvmn2c1Pwlkh5snDnahuirALpuMFXYc0m1HQTfOLR+d+FtyF9NFJEXGEFLe4JtJHMDyliVi4U8aLueYxkL7aSrIUCK4QZ5pGyK+GX9aNPcZbEGMeMz5u/InxPfJoEVmjsbZ7KrdRJQ76/IbplE7nIlj3Bmmnnc+UDidqmHVSNRzIQdZRAyUHAQ3ksJMNOllniBr97Q5UZ9AZdMujJeRzk+lkNBkeoSryyBLyezs/G/Sq4yiEj4l4SY8L/LbQxiELnUjmwypJ6ffE7mlTng6LQZoPUlyHRZoNskGZ0oGTdIb6/HvQG3YH5a1K72ZrL0OenQkZplnVCepoB07K9AxW298JalUcznfC1QA2r9UbjAZIJIeDYjBGCbEyR1U+hJqjdDjKBkM8FKNsBJ3G2aBAC/t58+Ds6jje2n9EXTS7+uDQTVTgyOX9vu1J7tmxSeGAk6avrMqoWFVgVLHAMKdmJ4qvGA/kZHblFcd7y8u95csmq6uLcSOinxE33fBgY+nsqY2xjof1JPJufP+DZzcmP/4rNyZfc2fhRcqi5682xQ033//u66sT9MXk/CSalN548/33U2Cutrd4Pa57N925tvbArUcuURcdfCNd+cCRSz7shtwKXQSDyaHDnLfb8zP3ra1+7N7x0qJsty667+N33LCgJTJ24Tn9+dI393ZaiqLietxMJ5DwCWLZgu27pmC2F/F7lttxeOEY/OXh+aIk2Vw+XsuUfHCpv7TU37c2XouX40V2eLTpsoVo2AgCP00WnSOeuxINVORGFqRFnmPZj+wfj1ot1zu4I7+cAxkXS+rIN51Rs+06792/b60FplovmjZfyU9cdWX7eGN/fuKbkaOkHyJ/qU2bl612G420zYNjjU7nFIr7QP3LM72FC3+h0HxPGL1zL9Lz9PtG2xgYVxq3Gw+Up7Hg0QF1V0qWDfzUeHqUgKNNguOp7nQ8Q43OyQNd0U+Lse6ikTbXHc43y4zi6kQWEptsvDKa9bVzlVR+h8jrYVMdiqHlsyFijLP9eJhl4VSg+Fl8xV/cH7jWvQC0vUFopuG9QWaGqPms5dKWa20/brn6lwN6veW+Xdm2mtu+M5eOI+eOb9P1Wbj9HUjJQkrCzFJ7rNDC/x7kOEiBkHwpU3qex5CV+rWaLy1lunukbcvt91NiuZD/HXB47n4YwuYXijcMz0jPfZndTb9nOEZiTMGX3wAse8r4ivFV49/IoXn5y6B+OX2eMdvBF463Ls9PjulIVBzSKzueFYPqfEaGlEquz31QnRWpvs2OkU4/QD6m2veH+nBsH63TsNMdyEyuvTRHX8NEk0pE2mC18lSlX0411dRcz3Wo/JnypcnUy2dr0sunK7Uc9ndm61az9c4zp+rnOwBmTaMq2DSmKY+jMHjnBCnNNKnaRyqg3Vn0sW01yWz3nQZlyO5qk1GDLEVkvy9vtw+0wzq187ydx+teTHbgBGKBuEiAB1eA4EqkQIUMncBObspNW1mm5VhiXVhko6gcM9dpmCTzciTl2uQ/X2ihQT2Mcidxohw+7q97tn2B5MvxDXVGzgoR2oFtOTcV3Ja2admm4rvSpcNzXjm9Fo8b0cMHtPgZREPlXKx7iag5kQW/M1Xt8kSVXs0KO3AzjEhuWFCecC19SFFpbSJ796WtCg167uX6tOggBLaLYDG4NW8VRWv7hsz7IPOT9DZkFUQ6yp7Naj77oJ/Spbf4rq2ekq4rn4Icn25k1WHGYnuj1SrCenhbHmndIgvovn3Ec0pR2a3EmQ3dICmFJFTT6Zt9z7Kewlt68ilwkuAmqkStaHUOHHZiN4Q2+fbRxD/t1zbex7hl6rMr8AIg2nsGEaoTOvm+PvzpGu1M12A79tK7iOtDlVIWB/z8H6MOpZ4AAHjafY8xbsJAEEX/GoNIE9Gmm4ICJGytrbiAFslJlZI6FjLGjRetKQKHyiFymZwhXb7tCUUKLK3nzeyfP7MAHvEJg+F7wrOywRTvygFCtMojzPGlHFLzozzGzMyVJ5iaFypN+MAs7bs6NpjhTTlgb608wis+lENqvpXHEBMoT+ifYQuHEy7w7K1wxBmCBfZYMqawSJBhRW5RUFNQga07XXxdHc+y2C8ltUm2krbwBa+udHOIcOC/oReuzkUH15BupSHNNe2i5+SynxdzomDD899pqK5ZSaiLbrshp13ufFVKGlvZyN9E4jpK0qjb7+5iO872fF/dXwl9O+e4j9022JW+rV0j1iaxtVbuuf0CH7JLzgAAAHjabcU7DkBAGEXh/85gvBOlXRhvLTF70ejsz84QbukkJ58oebtOKeWv4hmiRENBw4OPAAYhIsRIkCJDbo59c7a2tKUd7elARzrRmS50pe6zqai9AVR7Hx4AAAAB//8AAnjaY2BgYGQAgovWKT4g+lIf8zsYDQA/UgZgAAA=") format('woff'); font-weight: normal; font-style: normal; } [data-icon]:before { content: attr(data-icon); } [data-icon]:before, .filmstrip--disciplines__discipline-card__icon-arts:before, .filmstrip--disciplines__discipline-card__icon-astronomy:before, .filmstrip--disciplines__discipline-card__icon-biology:before, .filmstrip--disciplines__discipline-card__icon-climate:before, .filmstrip--disciplines__discipline-card__icon-history:before, .filmstrip--disciplines__discipline-card__icon-humanitarian:before, .filmstrip--disciplines__discipline-card__icon-language:before, .filmstrip--disciplines__discipline-card__icon-literature:before, .filmstrip--disciplines__discipline-card__icon-medicine:before, .filmstrip--disciplines__discipline-card__icon-nature:before, .filmstrip--disciplines__discipline-card__icon-physics:before, .filmstrip--disciplines__discipline-card__icon-social-science:before, .filmstrip--disciplines__discipline-card__icon-zooniverse-logo:before { display: inline-block; font-family: "zoo-font"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } .filmstrip--disciplines__discipline-card__icon-arts:before { content: "\F12E"; } .filmstrip--disciplines__discipline-card__icon-astronomy:before { content: "\F12F"; } .filmstrip--disciplines__discipline-card__icon-biology:before { content: "\F124"; } .filmstrip--disciplines__discipline-card__icon-climate:before { content: "\F125"; } .filmstrip--disciplines__discipline-card__icon-history:before { content: "\F126"; } .filmstrip--disciplines__discipline-card__icon-humanitarian:before { content: "\F127"; } .filmstrip--disciplines__discipline-card__icon-language:before { content: "\F128"; } .filmstrip--disciplines__discipline-card__icon-literature:before { content: "\F129"; } .filmstrip--disciplines__discipline-card__icon-medicine:before { content: "\F130"; } .filmstrip--disciplines__discipline-card__icon-nature:before { content: "\F12B"; } .filmstrip--disciplines__discipline-card__icon-physics:before { content: "\F12C"; } .filmstrip--disciplines__discipline-card__icon-social-science:before { content: "\F131"; } .filmstrip--disciplines__discipline-card__icon-zooniverse-logo:before { content: "\F121"; } body { margin: 0; } .panoptes-main { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .main-content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .content-container, .tutorial-steps .media-card.tutorial-step > .media-card-content, .notification-section { margin: 1.5em 3vw; } .columns-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .columns-container.inline { -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .columns-container.spread { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .columns-container > :not(:last-child) { margin-right: 1.5vw; } .columns-container > :not(hr) { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; } .columns-container > .column { -webkit-box-flex: 5; -moz-box-flex: 5; -o-box-flex: 5; -ms-box-flex: 5; box-flex: 5; -webkit-flex-grow: 5; flex-grow: 5; min-width: 0; } .columns-container > .column img { max-width: 100%; } .columns-container > hr { border-width: 0 0 0 1px; height: auto; margin-bottom: 0; margin-top: 0; } .flex-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } html { background: #fff; color: #404040; font: 400 15px/1.5 "Open Sans", "Gill Sans", Arial, sans-serif; } .attribution { font-size: 0.7em; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); text-align: center; } .attribution:last-child { -webkit-column-span: all; column-span: all; } .partners { text-align: center; } .partners:last-child { -webkit-column-span: all; column-span: all; } .partners img { max-width: 100%; } hr { border: 0 solid rgba(128,128,128,0.5); border-top-width: 1px; margin: 1em 0; } a, .link-button { color: #43bbfd; } .emoji { max-height: 1em; } h1, h2, h3, h4, h5, h6 { -webkit-font-smoothing: antialiased; font-weight: bold; margin: 0; } .on-home-page, .on-landing-page { font-size: 10px; } .on-home-page h1, .on-landing-page h1, .on-home-page h2, .on-landing-page h2, .on-home-page h3, .on-landing-page h3, .on-home-page h4, .on-landing-page h4, .on-home-page h5, .on-landing-page h5, .on-home-page h6, .on-landing-page h6 { color: #646464; } .on-home-page h1, .on-landing-page h1 { font-size: 50px; } .on-home-page h2, .on-landing-page h2 { font-size: 42px; } .on-home-page h3, .on-landing-page h3 { font-size: 36px; } .on-home-page h4, .on-landing-page h4 { font-size: 30px; } .on-home-page h5, .on-landing-page h5 { font-size: 24px; line-height: 26px; } .on-home-page h6, .on-landing-page h6 { font-size: 15px; } .on-home-page p, .on-landing-page p { color: #646464; font-size: 14px; -webkit-font-smoothing: antialiased; } .on-home-page a, .on-landing-page a { font-size: 14px; } .on-home-page .dialog-container, .on-landing-page .dialog-container { font-size: 15px; line-height: 1.5; } .on-home-page .on-dark h1, .on-landing-page .on-dark h1, .on-home-page .on-dark h2, .on-landing-page .on-dark h2, .on-home-page .on-dark h3, .on-landing-page .on-dark h3, .on-home-page .on-dark h4, .on-landing-page .on-dark h4, .on-home-page .on-dark h5, .on-landing-page .on-dark h5, .on-home-page .on-dark h6, .on-landing-page .on-dark h6 { color: #fff; } .on-home-page .on-dark p, .on-landing-page .on-dark p { color: #c1c1c1; } .on-home-page .promo h1, .on-landing-page .promo h1, .on-home-page .promo h2, .on-landing-page .promo h2, .on-home-page .promo h3, .on-landing-page .promo h3, .on-home-page .promo h4, .on-landing-page .promo h4, .on-home-page .promo h5, .on-landing-page .promo h5, .on-home-page .promo h6, .on-landing-page .promo h6 { color: #5a5a5a; } .on-home-page .promo p, .on-landing-page .promo p { color: #989898; } img:not([src]), img[src=""] { background-image: -webkit-linear-gradient(45deg, #69c9fd 25%, #2d9460 25%, #2d9460 50%, #69c9fd 50%, #69c9fd 75%, #2d9460 75%, #2d9460); background-image: -moz-linear-gradient(45deg, #69c9fd 25%, #2d9460 25%, #2d9460 50%, #69c9fd 50%, #69c9fd 75%, #2d9460 75%, #2d9460); background-image: -o-linear-gradient(45deg, #69c9fd 25%, #2d9460 25%, #2d9460 50%, #69c9fd 50%, #69c9fd 75%, #2d9460 75%, #2d9460); background-image: -ms-linear-gradient(45deg, #69c9fd 25%, #2d9460 25%, #2d9460 50%, #69c9fd 50%, #69c9fd 75%, #2d9460 75%, #2d9460); background-image: linear-gradient(45deg, #69c9fd 25%, #2d9460 25%, #2d9460 50%, #69c9fd 50%, #69c9fd 75%, #2d9460 75%, #2d9460); -webkit-background-size: 1em 1em; -moz-background-size: 1em 1em; background-size: 1em 1em; } .app-layout { background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; position: relative; } .app-layout--site-header-demoted { background-color: #005d69; color: #fff; } .app-layout__admin-indicator { border: 0.3em solid; -webkit-border-image: -webkit-repeating-linear-gradient(45deg, #000, #000 1%, #ff0 1%, #ff0 2%) 5; -moz-border-image: -moz-repeating-linear-gradient(45deg, #000, #000 1%, #ff0 1%, #ff0 2%) 5; -o-border-image: -o-repeating-linear-gradient(45deg, #000, #000 1%, #ff0 1%, #ff0 2%) 5; border-image: repeating-linear-gradient(45deg, #000, #000 1%, #ff0 1%, #ff0 2%) 5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 2; } .app-layout__header { background-color: #00979d; color: #fff; } .app-layout__header--demoted { background-color: transparent; color: inherit; position: absolute; right: 0; top: 0; } .on-home-page .app-layout__header:not(.app-layout__header--demoted), .on-secondary-page .app-layout__header:not(.app-layout__header--demoted), .app-layout__header--detached { background-color: transparent; position: absolute; width: 100%; z-index: 1; } .app-layout__not-header { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .app-layout__main { background: #fff; color: #404040; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; position: relative; -webkit-transform-origin: center top; -moz-transform-origin: center top; -o-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transition: opacity 250ms, -webkit-transform 125ms; -moz-transition: opacity 250ms, -moz-transform 125ms; -o-transition: opacity 250ms, -o-transform 125ms; -ms-transition: opacity 250ms, -ms-transform 125ms; transition: opacity 250ms, transform 125ms; } .app-layout__main--set-aside .project-page > div, .app-layout__main--set-aside .project-page > nav { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .app-layout__main--set-aside .project-page > .talk { opacity: 1; -ms-filter: none; filter: none; } .app-layout__page-header, .app-layout__page-content { padding: 1em 5vw; } .app-layout:not(.app-layout--site-header-demoted) .app-layout__footer { background: #272727; color: rgba(255,255,255,0.5); } .site-nav { -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; font-size: 14px; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.5em 1em; } .site-nav__main-links { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .site-nav__main-links--vertical { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .site-nav__link { border-bottom: 2px solid transparent; color: inherit; display: inline-block; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); padding: 0.5em 1em 0.3em; text-decoration: inherit; white-space: nowrap; } .site-nav__link:hover { opacity: 1; -ms-filter: none; filter: none; background: rgba(255,255,255,0.2); position: relative; z-index: 1; } .site-nav__link--active { opacity: 1; -ms-filter: none; filter: none; border-bottom-color: #fff; } .site-nav__icon { padding: 0.5em 0.5em 0.3em 0.5em; } .site-nav__icon--inbox { margin-left: 0.5em; } .site-nav__icon--notifications { margin-right: 1em; } .site-nav__inbox-link { position: relative; } .site-nav__inbox-link::after { background: #f00; border-radius: 50%; content: ''; height: 0.5em; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; right: -0.1em; top: 0.2em; width: 0.5em; } .site-nav__inbox-link--unread::after { opacity: 1; -ms-filter: none; filter: none; } .site-nav__link-buncher { display: inline-block; margin: 0 -0.5em; } .site-nav__user-avatar { margin: -0.3em 0; } .site-nav__modal.modal-form-underlay { background: transparent; z-index: 1; } .site-nav__modal.modal-form { margin-top: 0.2em; } .site-nav__modal.modal-form-pointer { height: 1.5em; width: 1.5em; } .site-nav .account-bar, .site-nav .login-bar { z-index: 2; } .site-nav .site-nav__reveal-toggle { position: relative; z-index: 2; } .app-footer { font-size: 14px; } .app-footer a { color: rgba(255,255,255,0.5); text-decoration: none; } .app-footer a:hover { color: rgba(255,255,255,0.7); } .app-footer__upper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; max-width: 960px; padding: 2em 5vw 1em; } .app-footer__brand { -webkit-flex-basis: 30%; flex-basis: 30%; margin: 0 2em 1em 0; } .app-footer__nav-lists { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .app-footer__nav-list { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 2em 1em 0; padding: 0; } .app-footer__nav-list > li { display: block; } .app-footer__nav-list--social { white-space: nowrap; } .app-footer__nav-list--social > li { display: inline-block; margin: 0 0.5em; } .app-footer__sole { background: rgba(0,0,0,0.2); font-size: 0.8em; padding: 2em 0; text-align: center; width: 100%; } .footer-admin-toggle { display: inline-block; color: #fff; margin-left: -1em; padding: 0.5em 1em; } .footer-admin-toggle--active { background: #f00; } .standard-table, .markdown table { border-spacing: 0; } .standard-table.full, .markdown table.full { width: 100%; } .standard-table th, .markdown table th { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); text-align: left; } .standard-table th, .markdown table th, .standard-table td, .markdown table td { border-bottom: 1px solid rgba(128,128,128,0.3); padding: 0.3em 1vw 0.3em 0; vertical-align: top; } .standard-table tr:last-child > th, .markdown table tr:last-child > th, .standard-table tr:last-child > td, .markdown table tr:last-child > td { border-bottom: 0; } .standard-button, .major-button, .minor-button, .minor-button.active, .collections-create-form .collection-create-form-actions button, .classification-task-summary .toggle-more, .classification-task-summary-with-feedback .toggle-more, .talk .button, .talk button:not(.link-style), .user-profile .private-message-page .block-user .block-button { background: #43bbfd; border-radius: 3px; color: #fff; padding: 0.4em 1.4em; text-align: center; } .standard-button:focus, .major-button:focus, .minor-button:focus, .minor-button.active:focus, .collections-create-form .collection-create-form-actions button:focus, .classification-task-summary .toggle-more:focus, .classification-task-summary-with-feedback .toggle-more:focus, .talk .button:focus, .talk button:not(.link-style):focus, .user-profile .private-message-page .block-user .block-button:focus, .standard-button:hover, .major-button:hover, .minor-button:hover, .minor-button.active:hover, .collections-create-form .collection-create-form-actions button:hover, .classification-task-summary .toggle-more:hover, .classification-task-summary-with-feedback .toggle-more:hover, .talk .button:hover, .talk button:not(.link-style):hover, .user-profile .private-message-page .block-user .block-button:hover { background: #69c9fd; } .standard-button:disabled, .major-button:disabled, .minor-button:disabled, .minor-button.active:disabled, .collections-create-form .collection-create-form-actions button:disabled, .classification-task-summary .toggle-more:disabled, .classification-task-summary-with-feedback .toggle-more:disabled, .talk .button:disabled, .talk button:not(.link-style):disabled, .user-profile .private-message-page .block-user .block-button:disabled { pointer-events: none; } .standard-button.full, .major-button.full, .minor-button.full, .minor-button.active.full, .collections-create-form .collection-create-form-actions button.full, .classification-task-summary .toggle-more.full, .classification-task-summary-with-feedback .toggle-more.full, .talk .button.full, .talk button:not(.link-style).full, .user-profile .private-message-page .block-user .block-button.full { display: block; width: 100%; } .major-button { background: #38b978; font-weight: bold; } .major-button:focus, .major-button:hover { background: #5acd93; } .minor-button { color: #404040; background: #ececec; } .minor-button:focus, .minor-button:hover { background: #f6f6f6; } .pill-button { border-radius: 1em; -webkit-box-shadow: 0 0 1px inset; box-shadow: 0 0 1px inset; display: inline-block; font-size: 0.7em; line-height: 1.2; padding: 0 0.8em 0 0.5em; vertical-align: middle; } .on-home-page .secret-button, .on-landing-page .secret-button { font-size: 14px; } .on-home-page .standard-button, .on-landing-page .standard-button { background: #00979d; border-radius: 4px; color: #fff; font-size: 14px; padding: 1em; } .on-home-page .standard-button:focus, .on-landing-page .standard-button:focus, .on-home-page .standard-button:hover, .on-landing-page .standard-button:hover { background: #00dbe4; } .on-home-page .standard-button:disabled, .on-landing-page .standard-button:disabled { pointer-events: none; } .on-home-page .standard-button.full, .on-landing-page .standard-button.full { display: block; width: 100%; } .on-home-page .standard-button.x-large, .on-landing-page .standard-button.x-large { font-weight: 700; width: 250px; } .on-home-page .standard-button.large, .on-landing-page .standard-button.large { width: 160px; } .on-home-page .standard-button.medium, .on-landing-page .standard-button.medium { width: 120px; } .on-home-page .standard-button.small, .on-landing-page .standard-button.small { width: 80px; } .on-home-page .standard-button.project-card-button, .on-landing-page .standard-button.project-card-button { font-size: 14px; } .on-all-projects-page .standard-button .project-card-button { font-size: 14px; } .ghost-button { background: transparent; border: 3px solid #00979d; border-radius: 4px; color: #00979d; position: static; } .ghost-button:focus, .ghost-button:hover { background: #00979d; color: #fff; } .link-button { text-decoration: underline; } .auto-save[data-waiting] { background: rgba(128,128,128,0.05); } .auto-save[data-busy] { background-image: -webkit-linear-gradient(45deg, rgba(128,128,128,0.3) 25%, transparent 25%, transparent 50%, rgba(128,128,128,0.3) 50%, rgba(128,128,128,0.3) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(128,128,128,0.3) 25%, transparent 25%, transparent 50%, rgba(128,128,128,0.3) 50%, rgba(128,128,128,0.3) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(128,128,128,0.3) 25%, transparent 25%, transparent 50%, rgba(128,128,128,0.3) 50%, rgba(128,128,128,0.3) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(45deg, rgba(128,128,128,0.3) 25%, transparent 25%, transparent 50%, rgba(128,128,128,0.3) 50%, rgba(128,128,128,0.3) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(128,128,128,0.3) 25%, transparent 25%, transparent 50%, rgba(128,128,128,0.3) 50%, rgba(128,128,128,0.3) 75%, transparent 75%, transparent); -webkit-background-size: 1em 1em; -moz-background-size: 1em 1em; background-size: 1em 1em; -webkit-animation: busy-animation 1s linear infinite; -moz-animation: busy-animation 1s linear infinite; -o-animation: busy-animation 1s linear infinite; -ms-animation: busy-animation 1s linear infinite; animation: busy-animation 1s linear infinite; } .auto-save[data-success] { background: rgba(0,255,0,0.2); } .auto-save[data-error] { background: rgba(255,0,0,0.2); } .standard-input, .markdown-editor-input { border: 1px solid; border-radius: 2px; -webkit-box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.2) inset; box-shadow: 1px 2px 5px -1px rgba(0,0,0,0.2) inset; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: inherit; padding: 0.5em 1vw; } .standard-input:disabled, .markdown-editor-input:disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .standard-input.full, .markdown-editor-input.full { display: block; width: 100%; } .form-help { color: #646464; } .form-help.info { font-style: italic; } .form-help.error { color: #f00; } .form-help.warning { color: #ff4500; } .form-help.success { color: #008000; } select.multiline-select { width: 100%; margin-top: 1em; margin-bottom: 1em; } .embed-responsive iframe { max-height: 390px; max-width: 600px; width: 100%; } .upload-drop-target { background: rgba(128,128,128,0.1); border: 1px dashed rgba(128,128,128,0.3); border-radius: 5px; cursor: pointer; display: block; font-size: 0.8em; padding: 1em 2.5vw; } .media-area { background: rgba(128,128,128,0.1); border: 1px solid rgba(128,128,128,0.2); border-radius: 5px; overflow: auto; padding: 0.5em 0.5em 1em; text-align: center; } .file-drop-target { border: 2px dashed transparent; border-radius: 3px; } .file-drop-target[data-can-drop] { border-color: #43bbfd; } .media-area-list { -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0; padding: 0; } .media-area-item { display: block; -webkit-flex-basis: 25ch; flex-basis: 25ch; margin: 1px; padding: 0.5em; } .media-icon { font-size: 12px; text-align: center; } .media-icon-thumbnail { -webkit-box-shadow: 0 3px 10px -3px rgba(0,0,0,0.5); box-shadow: 0 3px 10px -3px rgba(0,0,0,0.5); } .media-icon-thumbnail-container { display: inline-block; position: relative; } .media-icon-delete-button { background: #808080; border-radius: 50%; color: #fff; font-size: 16px; height: 1em; line-height: 1; position: absolute; right: -0.5em; top: -0.3em; width: 1em; } .media-icon-thumbnail { font-size: 12px; } .media-icon-markdown { border: 0; background: transparent; color: inherit; font: inherit; font-size: 10px; height: 4.2em; white-space: pre; width: 100%; } .media-area-add-button { border: 2px dashed; border-radius: 5px; color: #43bbfd; display: inline-block; } .media-area-add-button:active { color: #000; } .image-selector { background: rgba(128,128,128,0.2); border: 1px solid rgba(128,128,128,0.4); border-radius: 5px; overflow: hidden; } .avatar { border-radius: 50%; height: 1.2em; vertical-align: -0.3em; } .modal-form-underlay { background: rgba(128,128,128,0.2); z-index: 10; } .modal-form-pointer { background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); height: 1em; -webkit-transform: translateX(0.3em) rotate(45deg); -moz-transform: translateX(0.3em) rotate(45deg); -o-transform: translateX(0.3em) rotate(45deg); -ms-transform: translateX(0.3em) rotate(45deg); transform: translateX(0.3em) rotate(45deg); width: 1em; z-index: -1; } .modal-form { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5); box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5); color: #000; font-size: 14px; margin: 0.5em 3vw; padding: 0.5em 1em; } .modal-dialog-toolbar { bottom: 100%; margin-bottom: 0.5em; position: absolute; right: 0; } .modal-dialog-toolbar-button { background: rgba(0,0,0,0.5); border-radius: 2em; color: #fff; height: 1em; font-size: 2em; line-height: 1; min-width: 1em; text-shadow: 0 2px 4px #000; } .modal-dialog-toolbar-button:hover { background: rgba(0,0,0,0.8); } .modal-dialog-toolbar-button:active { background: #000; } .dialog-container { position: relative; z-index: 10; } .dialog-underlay { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: rgba(0,0,0,0.6); color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; height: 100%; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; } .dialog { background: #fff; -webkit-box-shadow: 0 1px 3px -1px #000; box-shadow: 0 1px 3px -1px #000; color: #000; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 90%; max-width: 100%; overflow: auto; } .dialog-controls { height: 0; line-height: 1; position: relative; z-index: 1; } .dialog-controls > .wrapper { position: absolute; right: 0; top: 0; } @media screen and (min-width: 768px) { .dialog-controls > .wrapper { top: -2em; right: 2em; } } .dialog-controls button { font-size: 2em; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); padding: 0 0.2em; } .dialog-controls button:hover { opacity: 1; -ms-filter: none; filter: none; } @media screen and (min-width: 768px) { .dialog-controls button[aria-label="Close"] { color: #fff; position: fixed; } } .dialog-content { overflow: visible; max-width: 800px; width: 100%; } .dialog-content img { max-width: 100%; } .blurred-image__container { position: relative; min-width: 1em; min-height: 1em; overflow: hidden; } .blurred-image__display { background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; bottom: -1em; -webkit-filter: blur(1em); filter: blur(1em); left: -1em; position: absolute; right: -1em; top: -1em; } .circle-ribbon__loading-ring { -webkit-animation: circle-ribbon__loading-ring-animation 5s linear infinite; -moz-animation: circle-ribbon__loading-ring-animation 5s linear infinite; -o-animation: circle-ribbon__loading-ring-animation 5s linear infinite; -ms-animation: circle-ribbon__loading-ring-animation 5s linear infinite; animation: circle-ribbon__loading-ring-animation 5s linear infinite; stroke-dasharray: 10; } .circle-ribbon__project-arc { cursor: pointer; } .circle-ribbon__tooltip { background: #f0f0f0; border-radius: 0.2em; border-style: solid; border-width: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.5); color: #000; font-size: 0.8em; padding: 0.1em 1em; pointer-events: none; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; } .circle-ribbon__tooltip--hangs-left { margin-left: -1em; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .circle-ribbon__tooltip--hangs-right { margin-left: 1em; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @-moz-keyframes circle-ribbon__loading-ring-animation { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes circle-ribbon__loading-ring-animation { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes circle-ribbon__loading-ring-animation { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes circle-ribbon__loading-ring-animation { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .collection-card { background: url(/ffd420325576a08e183ff99ff958a7f7.png) center center repeat; border-radius: 1em; position: relative; } .collection-card .name { margin-bottom: 1em; height: 2.9em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.45em; max-height: 2.9em; } .collection-card .name .fa-lock { margin-left: 0.3em; } .collection-card .owner { margin: 0 auto; height: 1.5em; } .collection-card__badge { background: rgba(0,0,0,0.4); border-radius: 100%; color: #fff; font-weight: bold; height: 1.5em; margin: 0.2em 0.2em 0 0; padding: 0 0.5em; position: absolute; right: 0; z-index: 1; } .filmstrip { padding: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-bottom: 1.5em; max-width: 1200px; margin: 0 auto; overflow: hidden; } .filmstrip button::-moz-focus-inner { border: 0; } .filmstrip__nav-btn { border: 0; margin: 0; height: 100%; background-color: transparent; width: 40px; color: #00979d; font-weight: bold; font-size: 24pt; cursor: pointer; } .filmstrip__nav-btn:focus, .filmstrip__nav-btn:active { outline: 0; } @media screen and (max-width: 450px) { .filmstrip__nav-btn { display: none; } } .filmstrip__viewport { height: 100%; overflow-x: auto; overflow-y: hidden; width: 100%; } .filmstrip__strip { white-space: nowrap; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-left: -0.28em; } .filmstrip__strip ul { padding: 0; list-style-type: none; } .filmstrip--disciplines ul li { display: inline-block; line-height: 4em; margin: 0.28em; vertical-align: middle; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card { background-color: #fff; border: 2px solid transparent; border-radius: 1em; color: #00979d; font-size: 25px; height: 4em; line-height: 1.2; min-width: 100px; padding: 0.2em 0.5em 0.5em; text-align: center; width: 5em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card:hover { background-color: #fff; border: 2px solid #fff; cursor: pointer; outline: none; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card .filmstrip--disciplines__discipline-card__icon { font-size: 50px; height: 2em; margin: 0 auto; width: 1.5em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card p { font-size: 14px; margin-bottom: 0px; margin-top: 0.333em; padding: 0; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-all:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-all.filmstrip--disciplines__discipline-card--active { background-color: #00979d; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-all:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-all:hover { border-color: #00979d; color: #00979d; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-arts:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-arts.filmstrip--disciplines__discipline-card--active { background-color: #afa48c; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-arts:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-arts:hover { border-color: #afa48c; color: #afa48c; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-astronomy { min-width: 4em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-astronomy:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-astronomy.filmstrip--disciplines__discipline-card--active { background-color: #512bad; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-astronomy:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-astronomy:hover { border-color: #512bad; color: #512bad; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-astronomy .filmstrip--disciplines__discipline-card__icon { margin-left: -0.6em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-biology:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-biology.filmstrip--disciplines__discipline-card--active { background-color: #18807f; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-biology:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-biology:hover { border-color: #18807f; color: #18807f; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-biology .filmstrip--disciplines__discipline-card__icon { margin-left: 0.3em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-climate { min-width: 4em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-climate:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-climate.filmstrip--disciplines__discipline-card--active { background-color: #a1bfbe; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-climate:hover, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-climate:focus { border-color: #a1bfbe; color: #a1bfbe; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-history:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-history.filmstrip--disciplines__discipline-card--active { background-color: #f9db46; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-history:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-history:hover { border-color: #f9db46; color: #f9db46; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-history .filmstrip--disciplines__discipline-card__icon { margin-left: 0.1em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-humanitarian:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-humanitarian.filmstrip--disciplines__discipline-card--active { background-color: #c46fc6; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-humanitarian:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-humanitarian:hover { border-color: #c46fc6; color: #c46fc6; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-language { min-width: 4em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-language:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-language.filmstrip--disciplines__discipline-card--active { background-color: #9dddf9; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-language:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-language:hover { border-color: #9dddf9; color: #9dddf9; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-language .filmstrip--disciplines__discipline-card__icon { margin-left: -1em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-literature:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-literature.filmstrip--disciplines__discipline-card--active { background-color: #eadf5c; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-literature:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-literature:hover { border-color: #eadf5c; color: #eadf5c; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-medicine:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-medicine.filmstrip--disciplines__discipline-card--active { background-color: #ef4343; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-medicine:hover, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-medicine:focus { border-color: #ef4343; color: #ef4343; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-nature:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-nature.filmstrip--disciplines__discipline-card--active { background-color: #46d178; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-nature:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-nature:hover { border-color: #46d178; color: #46d178; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-nature .filmstrip--disciplines__discipline-card__icon { margin-left: -0.4em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-physics:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-physics.filmstrip--disciplines__discipline-card--active { background-color: #f27441; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-physics:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-physics:hover { border-color: #f27441; color: #f27441; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-social-science:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-social-science.filmstrip--disciplines__discipline-card--active { background-color: #7ea8ce; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-social-science:focus, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-social-science:hover { border-color: #7ea8ce; color: #7ea8ce; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card--discipline-social-science .filmstrip--disciplines__discipline-card__icon { margin-left: -0.3em; } .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card:active, .filmstrip--disciplines ul .filmstrip--disciplines__discipline-card.filmstrip--disciplines__discipline-card--active { color: #fff; outline: none; } .loading-indicator-icon { -webkit-animation: loading-indicator-spin-z 4s infinite linear; -moz-animation: loading-indicator-spin-z 4s infinite linear; -o-animation: loading-indicator-spin-z 4s infinite linear; -ms-animation: loading-indicator-spin-z 4s infinite linear; animation: loading-indicator-spin-z 4s infinite linear; display: inline-block; height: 0.9em; -webkit-perspective: 0.9em; -moz-perspective: 0.9em; -ms-perspective: 0.9em; perspective: 0.9em; position: relative; vertical-align: middle; width: 0.9em; } .loading-indicator-icon::before, .loading-indicator-icon::after { -webkit-animation: loading-indicator-spin-x 3s -0.75s infinite linear; -moz-animation: loading-indicator-spin-x 3s -0.75s infinite linear; -o-animation: loading-indicator-spin-x 3s -0.75s infinite linear; -ms-animation: loading-indicator-spin-x 3s -0.75s infinite linear; animation: loading-indicator-spin-x 3s -0.75s infinite linear; border: 0.1em solid; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .loading-indicator-icon::after { -webkit-animation: loading-indicator-spin-y 3s infinite linear; -moz-animation: loading-indicator-spin-y 3s infinite linear; -o-animation: loading-indicator-spin-y 3s infinite linear; -ms-animation: loading-indicator-spin-y 3s infinite linear; animation: loading-indicator-spin-y 3s infinite linear; } @-moz-keyframes loading-indicator-spin-x { 0% { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); } } @-webkit-keyframes loading-indicator-spin-x { 0% { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); } } @-o-keyframes loading-indicator-spin-x { 0% { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); } } @keyframes loading-indicator-spin-x { 0% { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); -ms-transform: rotateX(360deg); transform: rotateX(360deg); } } @-moz-keyframes loading-indicator-spin-y { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes loading-indicator-spin-y { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes loading-indicator-spin-y { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes loading-indicator-spin-y { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } } @-moz-keyframes loading-indicator-spin-z { 0% { -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-webkit-keyframes loading-indicator-spin-z { 0% { -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @-o-keyframes loading-indicator-spin-z { 0% { -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } } @keyframes loading-indicator-spin-z { 0% { -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); } 100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } } .project-card { background-color: #fff; height: 270px; position: relative; text-align: center; } .project-card svg { height: 215px; } .project-card .details { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; transition: height 0.5s ease; } .project-card .details .name { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 11px; color: #646464; } .project-card .details .name span { display: inline-block; line-height: normal; vertical-align: middle; } .project-card .details .description { color: #646464; font-size: 0.9em; height: 150px; margin: 0.8em 0; overflow: hidden; text-align: center; } .project-card .card-button { display: none; } :hover > .project-card .details, :focus > .project-card .details { height: 175px; } .stats-project-icon { border-radius: 0.3em; display: inline-block; font-size: 12px; overflow: hidden; position: relative; text-decoration: none; } .stats-project-icon > img { display: block; height: 15em; width: 15em; } .stats-project-icon > .label { bottom: 0; left: 0; position: absolute; text-align: left; } .stats-project-icon > .label > .owner, .stats-project-icon > .label > .display-name { background: rgba(0,0,0,0.4); display: inline-block; color: #fff; padding: 0.3em 0.5em; } .stats-project-icon > .badge { background: rgba(0,0,0,0.4); border-radius: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-weight: bold; height: 1.5em; padding: 0 0.5em; position: absolute; right: 1em; text-align: center; top: 0.3em; min-width: 1.5em; } .markdown-editor { display: inline-block; } .markdown-editor.full { width: 100%; } .editor-area { position: relative; display: inline-block; } .full .editor-area { width: 100%; } .markdown-editor-input { display: block; font-family: Courier, monospace; position: relative; width: 100%; } .markdown-editor-preview { bottom: 0; border: 1px solid rgba(128,128,128,0.2); left: 0; overflow: auto; padding: 0 1em 0 0.5em; position: absolute; right: 0; top: 0; } .markdown-editor-preview > :first-child { margin-top: 0; } .markdown-editor-preview > :last-child { margin-bottom: 0; } .markdown-editor-controls { float: right; } .markdown-editor-controls button { padding: 0 0.2em; } .markdown-editor:not([data-previewing]) .markdown-editor-input { opacity: 1; -ms-filter: none; filter: none; z-index: 1; } .markdown-editor:not([data-previewing]) .markdown-editor-preview { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .markdown-editor[data-previewing] .markdown-editor-input { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .markdown-editor[data-previewing] .markdown-editor-preview { opacity: 1; -ms-filter: none; filter: none; z-index: 1; } .markdown-editor-help { margin: 2em; } .markdown-editor-help table { margin: auto; width: 100%; border-collapse: collapse; } .markdown-editor-help td { border: 1px solid #000; padding: 10px; } .search { padding-left: 0; padding-right: 0; background: #fff; } .search .Select-control { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: none !important; } .search .Select-placeholder { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: none !important; } .search .Select-menu { max-height: 174px; } .subject-viewer { min-width: 0; max-width: 100%; } .subject-viewer .default-root-style { display: block; } .subject-viewer .subject-frame-pips .subject-frame-pip { display: inline-block; overflow: hidden; position: relative; vertical-align: middle; } .subject-viewer .subject-frame-pips .subject-frame-pip input[type=radio] { position: absolute; opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); left: -100px; } .subject-viewer .subject-frame-pips .subject-frame-pip.active { font-weight: 700; } .subject-viewer video { background-color: #000; width: 100%; } .subject-viewer video::-internal-media-controls-download-button { display: none; } .subject-viewer video::-webkit-media-controls-enclosure { overflow: hidden; } .subject-viewer video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ } .subject-viewer .subject-video-controls { display: inline-block; position: absolute; bottom: -1.4em; left: 0; width: 30vw; } .subject-viewer .video-scrubber { width: 80%; } .subject-viewer .video-speed { white-space: nowrap; display: inline-block; padding: 0.3em 0; line-height: 0.8; vertical-align: middle; } .subject-viewer .video-speed label { overflow: hidden; padding: 0 0.3em; } .subject-viewer .video-speed label input[type=radio] { position: absolute; left: -50px; height: 0; width: 0; } .subject-viewer .video-speed label input[type=radio]:checked + span { color: #43bbfd; } .subject-viewer .subject-container > * { max-width: 100%; } .subject-viewer .subject-container .frame-annotator { -webkit-box-flex: 9; -moz-box-flex: 9; -o-box-flex: 9; box-flex: 9; -webkit-flex: 9; -ms-flex: 9; flex: 9; } .subject-viewer .subject-container .text-viewer { background-color: #404040; color: #fff; width: 96%; padding: 2%; white-space: pre-wrap; } .subject-viewer .subject-container image.pan-active { cursor: all-scroll; } .subject-viewer .subject-container .pan-zoom-controls { text-align: center; background: #808080; border-radius: 0.1em; } .subject-viewer .subject-container .pan-zoom-controls .draw-pan-toggle { background-color: #f9f9f9; border: solid 1px #989898; border-radius: 0.2em; } .subject-viewer .subject-container .pan-zoom-controls .draw-pan-toggle div { border-radius: 0.1em; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; } .subject-viewer .subject-container .pan-zoom-controls .draw-pan-toggle div.active { background-color: #43bbfd; color: #000; border: none; } .subject-viewer .subject-container .pan-zoom-controls .draw-pan-toggle button { background-color: transparent; border: none; } .subject-viewer .subject-container .pan-zoom-controls button { background-color: #f9f9f9; border: solid 1px #989898; -webkit-border-radius: 0.2em; border-radius: 0.2em; } .subject-viewer .subject-container .pan-zoom-controls button.disabled { background-color: #bbc0c0; color: #575959; } .subject-viewer:not(.subject-viewer--flipbook) .subject-container { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .subject-viewer:not(.subject-viewer--flipbook).subject-viewer--layout-grid2 .subject-container > * { width: 49%; } .subject-viewer:not(.subject-viewer--flipbook).subject-viewer--layout-grid3 .subject-container > * { width: 33%; } .subject .subject-tools button:not(:last-child) { margin-right: 0.5em; } .frame-annotator { position: relative; max-width: 100%; } .frame-annotator svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .frame-annotator button.disabled { color: #adabab; } .app-status, .lab-status { background: #fff; color: #404040; border: 0.2em solid #f48a21; border-radius: 1em; padding: 0.5em 1em; -webkit-box-shadow: 0 0.15em 0.2em #404040; box-shadow: 0 0.15em 0.2em #404040; } .app-status { position: fixed; left: 50%; bottom: 1em; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 80%; max-width: 40em; z-index: 1000; } .app-status button.fa-close { float: right; cursor: pointer; } .lab-status { margin: 1em auto; width: 40em; max-width: 80%; } .on-home-page .home-intro video, .on-home-page .home-intro .home-mobile-video-image, .on-home-page .home-promoted .promoted-projects .promoted-project, .on-home-page .home-promoted .background-image, .on-home-page .home-promoted .layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .on-home-page section, .on-home-page .home-promoted .promoted-projects .promoted-project { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; } .on-home-page-not-logged-in .app-layout__header, .on-home-page-logged-in .app-layout__header { background: rgba(0,0,0,0.5); background: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); background: -moz-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); background: -o-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); background: -ms-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); position: absolute; width: 100%; z-index: 1; top: 0; left: 0; } .on-home-page-not-logged-in .zooniverse-logo, .on-home-page-logged-in .zooniverse-logo, .on-home-page-not-logged-in .site-nav__link, .on-home-page-logged-in .site-nav__link { opacity: 1; -ms-filter: none; filter: none; color: #fff; } .on-home-page-not-logged-in .modal-form .site-nav__link, .on-home-page-logged-in .modal-form .site-nav__link { color: #000; } .on-home-page-not-logged-in h1, .on-home-page-logged-in h1, .on-home-page-not-logged-in h2, .on-home-page-logged-in h2 { color: #fff; font-size: 3em; } @media (max-width: 900px) { .on-home-page-not-logged-in h1, .on-home-page-logged-in h1, .on-home-page-not-logged-in h2, .on-home-page-logged-in h2 { font-size: 2em; } } .on-home-page-not-logged-in h1.lighter, .on-home-page-logged-in h1.lighter, .on-home-page-not-logged-in h2.lighter, .on-home-page-logged-in h2.lighter { font-weight: 400; } .on-home-page *:focus { outline: none; } .on-home-page section { position: relative; min-height: 40vw; } @media (max-width: 900px) { .on-home-page section { min-height: 100vh; padding-top: 2em; padding-bottom: 2em; } } .on-home-page .zooniverse-logo { position: relative; width: 0.82em; top: 0.14em; } .on-home-page .standard-button { border: 2px solid; border-radius: 6px; border-color: #fff; background: none; padding: 0.75em 1.75em; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -o-transition: background 500ms ease; -ms-transition: background 500ms ease; transition: background 500ms ease; margin: 50px 10px 0 10px; font-size: 1.5em; font-weight: bold; text-decoration: none; } @media (max-width: 900px) { .on-home-page .standard-button { margin-top: 20px; } } .on-home-page .standard-button:visited { color: #fff; } .on-home-page .standard-button:hover, .on-home-page .standard-button:active, .on-home-page .standard-button:focus { background: #fff; color: #007482; } .on-home-page .alternate-button { border: 2px solid; border-radius: 6px; border-color: #0c4881; background: none; padding: 0.75em 1.75em; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -o-transition: background 500ms ease; -ms-transition: background 500ms ease; transition: background 500ms ease; margin: 50px 10px 0 10px; font-size: 1.5em; font-weight: bold; text-decoration: none; color: #0c4881; } @media (max-width: 900px) { .on-home-page .alternate-button { margin-top: 20px; } } .on-home-page .alternate-button:hover, .on-home-page .alternate-button:active, .on-home-page .alternate-button:focus { background: #0c4881; color: #fff; } .on-home-page .home-link-down { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; border: none; background: none; color: #fff; font-size: 5em; } @media (max-width: 900px) { .on-home-page .home-link-down { display: none; } } .on-home-page .home-intro h1, .on-home-page .home-promoted h1 { font-size: 3.5em; } .on-home-page .home-intro { background-color: #fff; z-index: 0; min-height: 50vw; } .on-home-page .home-intro video { display: none; } .on-home-page .home-intro .home-mobile-video-image { display: block; } @media (min-width: 900px) { .on-home-page .home-intro video { display: block; } .on-home-page .home-intro .home-mobile-video-image { display: none; } } @media (max-width: 900px) { .on-home-page .home-intro { min-height: 100vh; } } .on-home-page .home-intro video, .on-home-page .home-intro .home-mobile-video-image { z-index: -1; object-fit: cover; } .on-home-page .home-intro .home-intro-buttons { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .on-home-page .home-intro .intro-button { border: 0; border-radius: 6px; -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 2px 0; box-shadow: rgba(0,0,0,0.5) 0 1px 2px 0; background: rgba(255,255,255,0.9); padding: 0.75em 1.75em; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -o-transition: background 500ms ease; -ms-transition: background 500ms ease; transition: background 500ms ease; margin: 50px 10px 0 10px; font-size: 1.5em; font-weight: bold; text-decoration: none; color: #007482; } @media (max-width: 900px) { .on-home-page .home-intro .intro-button { margin-top: 20px; } } .on-home-page .home-intro .intro-button:hover, .on-home-page .home-intro .intro-button:active, .on-home-page .home-intro .intro-button:focus { background: #5cbdc1; color: #fff; } .on-home-page .home-featured { padding: 50px 30px; min-height: 40vw; background: #fff; } .on-home-page .home-featured h1 { color: #646464; font-size: 1.3em; text-transform: uppercase; } .on-home-page .home-featured h2 { color: #0c4881; } .on-home-page .home-featured p { color: #404040; width: 70vw; font-size: 2em; } .on-home-page .home-featured p a { font-size: inherit; } @media (max-width: 900px) { .on-home-page .home-featured p { width: 100%; } } .on-home-page .home-featured .home-featured-images { margin: 1em 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .on-home-page .home-featured .home-featured-images img { max-height: 34vh; display: block; margin: 1vw; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 900px) { .on-home-page .home-featured .home-featured-images img { max-width: 80vw; } } .on-home-page .home-featured .alternate-button { margin-top: 20px; } .on-home-page .home-discover { padding: 50px 0; background-color: #eef2f5; } @media (max-width: 900px) { .on-home-page .home-discover { min-height: auto; } } .on-home-page .home-discover h1, .on-home-page .home-discover p { color: #0c4881; } .on-home-page .home-discover p { margin: 20px auto; width: 50vw; font-size: 2em; } @media (max-width: 900px) { .on-home-page .home-discover p { width: 90vw; font-size: 1.5em; } } .on-home-page .home-promoted { padding: 0; } .on-home-page .home-promoted .promoted-projects { width: 100%; } .on-home-page .home-promoted .promoted-projects .promoted-project * { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .on-home-page .home-promoted .promoted-projects .promoted-project .description { top: 50px; -webkit-transition: top 0ms; -moz-transition: top 0ms; -o-transition: top 0ms; -ms-transition: top 0ms; transition: top 0ms; } .on-home-page .home-promoted .promoted-projects .promoted-project.current * { opacity: 1; -ms-filter: none; filter: none; z-index: 2; } .on-home-page .home-promoted .promoted-projects .promoted-project.current .description { top: 10px; -webkit-transition: all 750ms ease-out; -moz-transition: all 750ms ease-out; -o-transition: all 750ms ease-out; -ms-transition: all 750ms ease-out; transition: all 750ms ease-out; } .on-home-page .home-promoted .promoted-projects .promoted-project.current .layer { z-index: 1; } .on-home-page .home-promoted .promoted-projects .promoted-project.current .background-image { z-index: 0; } .on-home-page .home-promoted .background-image { object-fit: cover; -webkit-transition: opacity 750ms ease-out; -moz-transition: opacity 750ms ease-out; -o-transition: opacity 750ms ease-out; -ms-transition: opacity 750ms ease-out; transition: opacity 750ms ease-out; } .on-home-page .home-promoted .layer { background: -webkit-linear-gradient(top, rgba(0,116,130,0.25), rgba(0,116,130,0.4)); background: -moz-linear-gradient(top, rgba(0,116,130,0.25), rgba(0,116,130,0.4)); background: -o-linear-gradient(top, rgba(0,116,130,0.25), rgba(0,116,130,0.4)); background: -ms-linear-gradient(top, rgba(0,116,130,0.25), rgba(0,116,130,0.4)); background: linear-gradient(to bottom, rgba(0,116,130,0.25), rgba(0,116,130,0.4)); } .on-home-page .home-promoted .description { position: relative; margin-top: 10px; margin-bottom: 10px; font-size: 3em; color: #fff; } @media (max-width: 900px) { .on-home-page .home-promoted .description { font-size: 2em; } } .on-home-page .home-promoted:hover .controls { opacity: 1; -ms-filter: none; filter: none; } .on-home-page .home-promoted .controls { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; -ms-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; color: #fff; } .on-home-page .home-promoted .controls.angles { position: absolute; font-size: 4em; border: 3px solid #fff; border-radius: 50%; text-align: center; width: 25px; height: 25px; line-height: 25px; top: calc(50% - 12.5px); padding: 10px; cursor: pointer; } .on-home-page .home-promoted .controls.angles.fa-angle-left { left: 50px; } .on-home-page .home-promoted .controls.angles.fa-angle-right { right: 50px; } .on-home-page .home-promoted .controls.circles { position: absolute; bottom: 15%; left: 0; width: 100%; text-align: center; } .on-home-page .home-promoted .controls.circles .fa-circle, .on-home-page .home-promoted .controls.circles .fa-circle-o { margin: 0 5px 0 5px; cursor: pointer; } @media (max-width: 900px) { .on-home-page .home-promoted .controls.angles { display: none; } .on-home-page .home-promoted .controls.circles { opacity: 1; -ms-filter: none; filter: none; font-size: 1.5em; } .on-home-page .home-promoted .controls.circles .fa-circle, .on-home-page .home-promoted .controls.circles .fa-circle-o { margin: 0 15px; } } .on-home-page .home-promoted .owner { position: absolute; bottom: 50px; left: 2vw; margin: 0; color: #fff; } @media (max-width: 900px) { .on-home-page .home-promoted .owner { display: none; } } .on-home-page .home-social { background-color: #fff; border-top: 1px solid #333; padding: 50px 0; } @media (max-width: 900px) { .on-home-page .home-social { padding: 2em; } } .on-home-page .home-social h1 { color: #0c4881; margin: 20px auto; } .on-home-page .home-social h2, .on-home-page .home-social h2 a { color: #0c4881; margin: 20px auto; font-size: 20px; text-decoration: none; } .on-home-page .home-social .home-social-columns { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: distribute; -moz-box-pack: distribute; -o-box-pack: distribute; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } @media (max-width: 900px) { .on-home-page .home-social .home-social-columns { display: block; } } .on-home-page .home-social .home-social-columns .home-social-column { text-align: left; } .on-home-page .home-social .home-social-columns .home-social-column ul { list-style: none; padding: 0; } .on-home-page .home-social .home-social-columns .home-social-column ul li { margin: 0 0 2.5em 0; max-width: 100vw; } @media (min-width: 900px) { .on-home-page .home-social .home-social-columns .home-social-column ul li { max-width: 25vw; } } .on-home-page .home-social .home-social-columns .home-social-column ul li h3 { font-weight: bolder; line-height: 15px; } .on-home-page .home-social .home-social-columns .home-social-column ul li h3 a, .on-home-page .home-social .home-social-columns .home-social-column ul li p a { color: inherit; display: block; overflow: hidden; text-decoration: none; -o-text-overflow: ellipses; text-overflow: ellipses; } .on-home-page .home-social .home-social-columns .home-social-column .home-social-timestamp { margin: 0.5em 0; font-size: 1.25em; } .home-page { background: #f4f4f4; } .home-page .hero { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: url(/6b67a872f8be4f40bdb951f0e329e448.jpg) top left no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; color: #f9f9f9; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 800px; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 3vw; text-align: center; } @media screen and (max-width: 400px) { .home-page .hero svg { margin-top: 15vh; } } .home-page .hero .hero-title { color: inherit; font-weight: 300; line-height: 40px; padding: 1.5em 0 0.5em; } .home-page .hero .hero-tagline { color: inherit; font-size: 1.6em; line-height: 22px; margin: 0 auto; max-width: 600px; padding: 1em 0 6.5em; } .home-page .hero .hero-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fbfbfb; font-size: 1.6em; font-weight: 400; margin-bottom: 3vh; } .home-page .hero .hero-button:hover { background: #00dbe4; } .home-page-for-user { background: #000; color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; padding-top: 5vh; position: relative; } .home-page-for-user__background { background-color: #0f7481; height: 100%; left: 0; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); position: absolute; top: 0; width: 100%; } .home-page-for-user__content { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; font-size: 1.6em; margin-top: 5em; } .home-page-for-user__welcome { font-size: 1.2em; margin: 1em 2em; text-align: center; } .home-page-for-user__menu { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1em 2em; margin-bottom: 5em; } .home-page-for-user__menu-column { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .home-page-for-user__menu-button { color: inherit; display: block; text-decoration: none; white-space: nowrap; } .home-page-for-user__menu-button:focus, .home-page-for-user__menu-button:hover { background: rgba(161,161,161,0.25); } .home-page-for-user__menu-label { display: block; padding: 1em 2em; text-align: left; } .home-page-for-user__change-background { cursor: pointer; left: 5vw; position: absolute; top: 10vh; } .home-page-for-user__change-background label { border: 1px solid #fff; border-radius: 1em; cursor: pointer; display: block; opacity: 0.15; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; } .home-page-for-user__change-background label:hover { background: #fff; color: #000; opacity: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1000)"; filter: alpha(opacity=1000); } .home-page-for-user__change-background label span { display: block; font-weight: bold; padding: 1em; } .home-page-for-user__change-background input { left: -9999px; position: absolute; } .home-page-for-user__change-background input:focus + label { background: #fff; color: #000; opacity: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1000)"; filter: alpha(opacity=1000); } .home-page-section { -webkit-align-self: stretch; align-self: stretch; -ms-flex-item-align: stretch; background: #eef2f5; color: #000; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; font-size: 1em; } .home-page-section__header { background: #0f7481; color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 0.5em 2em; } .home-page-section__header-label { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align: center; } .home-page-section__error { background: rgba(255,0,0,0.3); color: #000; font-size: 0.8em; font-weight: bold; padding: 0.5em 2em; text-align: center; } .home-page-section__sub-header { font-size: 0.8em; font-weight: bold; text-align: right; } .home-page-section__content { background-color: #eff2f5; padding: 1em 2em; } .home-page-section__content .project-card-list { overflow: hidden; } .home-page-section__content .project-card-list .closed { max-height: 0; } .home-page-section__content .project-card-list .open { max-height: 10000px; -webkit-transition: max-height 1s ease-in; -moz-transition: max-height 1s ease-in; -o-transition: max-height 1s ease-in; -ms-transition: max-height 1s ease-in; transition: max-height 1s ease-in; } .home-page-project-stats { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; position: relative; z-index: 1; } .home-page-project-stats__content { position: relative; z-index: 1; } .outlined-button { border: 0.07em solid; border-radius: 0.3em; color: #0f7481; display: inline-block; margin-bottom: 0.5em; padding: 0.1em 1em; text-decoration: none; } .home-page-news-pullout { background: #fff; color: #000; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -ms-transition: -ms-transform 0.5s; transition: transform 0.5s; z-index: 5; } .home-page-news-pullout__toggle-button.secret-button { position: absolute; right: 100%; top: 33%; } .home-page-news-pullout__toggle-label { background: #0f7481; border-radius: 0.3em 0 0 0.3em; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.24); box-shadow: 0px 3px 6px rgba(0,0,0,0.24); color: #fff; font-size: 0.9em; padding: 0.5em 1em; } .on-home-page-logged-in { padding-top: 0; } .home-page-news-pullout .news-main { height: 100%; overflow: hidden; padding: 0em 2em; width: 100%; } .home-page-news-pullout .news-main.active { -webkit-box-shadow: -2px 3px 3px rgba(0,0,0,0.24); box-shadow: -2px 3px 3px rgba(0,0,0,0.24); } .home-page-news-pullout .news-main h2, .home-page-news-pullout .news-main h4 { color: #0f7481; margin-bottom: 0.8em; } .home-page-news-pullout .news-main a { color: inherit; text-decoration: none; } .home-page-news-pullout .news-container { height: 100%; overflow-y: scroll; padding: 1em 1em 0 1em; width: 100%; } .home-page-news-pullout .news-section { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.5em; max-width: 220px; } .home-page-news-pullout .news-section__timestamp { font-size: 0.8em; margin-top: 0.2em; } .home-page-news-pullout .news-section__content { font-size: 0.8em; margin-bottom: 1.25em; margin-top: 0.6em; } .home-page-news-pullout .news-section__link { cursor: pointer; } .home-page-news-pullout .news-section__title { color: #0c4881; } .home-page-news-pullout .news-section__close { cursor: pointer; position: absolute; right: 8%; } .home-page-news-pullout .news-section__close i { color: #9b9b9b; } .home-page-news-pullout .news-section .project-card { -webkit-box-shadow: -2px 3px 6px rgba(0,0,0,0.24); box-shadow: -2px 3px 6px rgba(0,0,0,0.24); margin: 0; } .home-page-news-pullout .news-section .fa-long-arrow-right { color: #f00; margin-left: 0.5em; } .recent-conversations-list { padding: 0; } .recent-conversations-list__item { display: block; } .recent-conversation-link { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #fff; border: 1px solid #808080; color: #000; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-bottom: -1px; padding: 1ch 1em; text-decoration: none; } @media (max-width: 600px) { .recent-conversation-link { display: block; } } .recent-conversation-link:hover { -webkit-box-shadow: 0 0 0 1px #eef2f5 inset; box-shadow: 0 0 0 1px #eef2f5 inset; } .recent-conversation-link--first { border-radius: 0.3em 0.3em 0 0; } .recent-conversation-link--last { border-radius: 0 0 0.3em 0.3em; } .recent-conversation-link__direction { -webkit-flex-basis: 3em; flex-basis: 3em; -webkit-flex-shrink: 0; flex-shrink: 0; margin: 0 0.5ch; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); text-align: right; } .recent-conversation-link__partner { -webkit-flex-basis: 10em; flex-basis: 10em; -webkit-flex-shrink: 0; flex-shrink: 0; font-weight: bold; margin: 0 0.5ch; } .recent-conversation-link__partner-avatar { border-radius: 50%; -webkit-flex-shrink: 0; flex-shrink: 0; height: 2em; margin: 0 0.5ch; vertical-align: middle; width: 2em; } .recent-conversation-link__preview { margin: 0 0.5ch; overflow: hidden; white-space: nowrap; } .recent-conversation-link__preview div { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .recent-conversation-link__title { font-size: 1.2em; font-weight: bold; white-space: nowrap; } .recent-conversation-link__body-preview { font-size: 0.8em; line-height: 1.5em; max-height: 3.5em; } .main-nav-item, .on-secondary-page .secondary-page .hero .hero-container .hero-nav a, .on-secondary-page .secondary-page .hero .hero-container .hero-nav button { color: rgba(255,255,255,0.5); padding: 7.5px 2vw; margin: 2.5px 0 0; } .main-nav-item:link:hover, .on-secondary-page .secondary-page .hero .hero-container .hero-nav a:link:hover, .on-secondary-page .secondary-page .hero .hero-container .hero-nav button:link:hover { background: rgba(255,255,255,0.2); color: #fff; } .main-nav-item.active, .on-secondary-page .secondary-page .hero .hero-container .hero-nav a.active, .on-secondary-page .secondary-page .hero .hero-container .hero-nav button.active { color: #fff; border-bottom: solid 2px #fff; font-weight: bold; } .main-nav-item .minor, .on-secondary-page .secondary-page .hero .hero-container .hero-nav a .minor, .on-secondary-page .secondary-page .hero .hero-container .hero-nav button .minor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; } .on-secondary-page .secondary-page .hero { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 200px; overflow: auto; background-color: #00979d; padding: 80px 3vw 5px 3vw; } .on-secondary-page .secondary-page .hero .hero-container { margin: 0 auto; max-width: 960px; } .on-secondary-page .secondary-page .hero .hero-container h1 { color: #fff; font-size: 2.5em; line-height: 1.1em; font-weight: 400; margin-bottom: 1em; } .on-secondary-page .secondary-page .hero .hero-container .hero-nav a { font-size: 14px; line-height: 3em; text-decoration: none; } .on-secondary-page .secondary-page .hero .hero-container .hero-nav button { background: none; border: 0; font: 400 15px/1.5 Open Sans, Gill Sans, Arial, sans-serif; font-size: 14px; line-height: 1em; outline: none; cursor: pointer; text-decoration: none; } .on-secondary-page .secondary-page .hero .hero-container .hero-nav button:hover { background: rgba(255,255,255,0.2); color: #fff; } .on-secondary-page .secondary-page .hero .hero-container .hero-nav button.active, .on-secondary-page .secondary-page .hero .hero-container .hero-nav button[aria-selected=true] { color: #fff; border-bottom: solid 2px #fff; border-top: 0; border-left: 0; border-right: 0; font-weight: bold; } .on-secondary-page .secondary-page.has-project-context { background-color: transparent; } .on-secondary-page .secondary-page.has-project-context .hero { background-image: none; background-color: transparent; padding-top: 2vw; min-height: initial; } .on-secondary-page .secondary-page.has-project-context .hero .hero-container h1 { text-align: center; } .on-secondary-page .secondary-page.has-project-context .hero .overlay { background-image: none; background-color: transparent; } .on-secondary-page .secondary-page.has-project-context .content-container { margin: 1em auto; } .on-secondary-page .secondary-page.has-project-context nav.hero-nav a span { text-transform: none; } .secondary-page { font-size: 14px; line-height: 20px; } .secondary-page .secondary-page-side-bar { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 1 190px; -ms-flex: 0 1 190px; flex: 0 1 190px; } .secondary-page .secondary-page-side-bar nav { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 400px) { .secondary-page .secondary-page-side-bar nav { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } } .secondary-page .secondary-page-side-bar nav .side-bar-button { color: #5a5a5a; font-size: 14px; margin: 6.75px 6.75px 20.25px; outline: none; } .secondary-page .secondary-page-side-bar nav .side-bar-button.active { font-weight: 700; } .secondary-page .publications-page { line-height: initial; } .secondary-page .markdown h1, .secondary-page .secondary-page-copy h1, .secondary-page .markdown h2, .secondary-page .secondary-page-copy h2, .secondary-page .markdown h3, .secondary-page .secondary-page-copy h3 { color: #5a5a5a; } .secondary-page .markdown h2, .secondary-page .secondary-page-copy h2 { font-size: 2em; line-height: 26px; } .secondary-page .markdown h3, .secondary-page .secondary-page-copy h3 { font-size: 1.4em; } .secondary-page .markdown p, .secondary-page .secondary-page-copy p, .secondary-page .markdown li, .secondary-page .secondary-page-copy li { color: #646464; margin: 1em 0; max-width: 700px; font-size: 14px; } .secondary-page .markdown p ul > li, .secondary-page .secondary-page-copy p ul > li, .secondary-page .markdown li ul > li, .secondary-page .secondary-page-copy li ul > li { font-size: 14px; } .secondary-page .markdown p img, .secondary-page .secondary-page-copy p img, .secondary-page .markdown li img, .secondary-page .secondary-page-copy li img { max-width: 100%; } .secondary-page .markdown pre, .secondary-page .secondary-page-copy pre { background-color: #e8e8e8; border-radius: 4px; overflow: auto; padding: 1em; } .centered-grid { margin: 0 auto; max-width: 960px; padding: 40px 3vw; } .about-tabs { border: 2px solid transparent; color: #00979d; font-size: 0.8em; font-weight: bold; margin: 1.75vh 0.5vw; padding: 0.4em 1.2vw; text-transform: capitalize; } .about-tabs:hover { border: 2px solid #00979d; border-radius: 0.5em; } .about-tabs.active { border: 2px solid #00979d; border-radius: 0.5em; } .about-tab-editor strong:first-of-type { color: #f48a21; } .about-tab-editor strong:last-of-type { color: #0c4881; } .tabbed-content-tabs { margin: 1em 3vw; text-align: center; } .tabbed-content-tabs .responsive-break { display: none; } @media (max-width: 400px) { .tabbed-content-tabs .responsive-break { display: block; } } .tabbed-content-tabs .beta-approved img { border: 3px solid #00979d; border-radius: 100%; } .tabbed-content-tabs .beta-approved p { color: #00979d; font-size: 0.8em; margin: 0; } .tabbed-content-tabs .beta-approved div, .tabbed-content-tabs .beta-approved span { display: inherit; font-size: 1em; font-weight: 300; line-height: 1.25em; line-spacing: 0.25em; vertical-align: middle; } .tabbed-content-tab { border-bottom: 3px solid transparent; font-size: 0.8em; letter-spacing: 0.05em; padding: 0.5em 3vw; text-transform: uppercase; } .tabbed-content-tab:hover { border-bottom-color: rgba(128,128,128,0.5); } .tabbed-content-tab.active { border-bottom-color: #00979d; font-weight: bold; } .all-resources-page a.show-more { font-weight: normal; padding-left: 1.5em; text-decoration: none; } .all-resources-page .resources-container { background: #ebebeb; padding: 0 3vw 2.33em; text-align: center; } .all-resources-page .resources-container .resource-results-counter { color: rgba(100,100,100,0.5); font-weight: 700; margin: 0 auto; max-width: 1200px; overflow: visible; position: relative; padding: 0; } .all-resources-page .resources-container .resource-results-counter p { padding: 2.33em 0; } .all-resources-page .resources-container .resource-results-counter .pagination { padding: 0.5em 0; } .all-resources-page p { font-size: 1em; margin: 0; } .all-resources-page p.showing-projects { padding-top: 1.1em; padding-bottom: 1.1em; } @media screen and (max-width: 750px) { .all-resources-page p.showing-projects { clear: both; } } .all-resources-page a.view-by-discipline-link { margin: 15px; display: inline-block; } .all-resources-page .in-project-context .collection-results-counter p:first-child { padding-top: 0px; } .all-resources-page .in-project-context nav.pagination { color: #153d84; } .all-resources-page .pagination { padding: 2.33em 0 0; text-align: center; } .all-resources-page .pagination .pill-button { margin-right: 10px; padding: 1em; } .all-resources-page .pagination .active { border: 2px solid; } .card-search { max-width: 250px; text-align: left; width: 100%; float: right; margin-right: 35px; } @media screen and (max-width: 750px) { .card-search { float: none; margin: 1em auto 0; } } .card-sort { max-width: 250px; float: left; text-align: left; width: 100%; margin-left: 35px; } @media screen and (max-width: 750px) { .card-sort { float: none; margin: 2.33em auto 0; } } .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-video-controls button, .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-tools span > button, .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-tools span > .button { background: #f7f7f7; border: 2px solid #f2f1f1; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #646464; font-size: 0.8em; margin: 0 2px 0 0; padding: 0.2em 0.4em; } .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-video-controls button:hover, .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-tools span > button:hover, .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-tools span > .button:hover, .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-video-controls button:focus, .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-tools span > button:focus, .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-tools span > .button:focus { color: #fff; background: #69c9fd; border-color: #43bbfd; } .collections-page { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .collections-page * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .collections-page a { color: #00979d; } .collections-page .collection-header { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 2em; font-size: 0.8em; color: #646464; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 900px) { .collections-page .collection-header { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1em; } } .collections-page .collection__link { color: inherit; text-decoration: none; } .collections-page .collection__link:focus, .collections-page .collection__link:hover, .collections-page .collection__link.active { border-bottom: solid thin #00979d; } .collections-page .collection__link.active { font-weight: bold; } .collections-page .collection-title { font-size: 1.5em; font-weight: bold; } .collections-page .collection-owner { text-transform: uppercase; } .collections-page .collection-nav { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 900px) { .collections-page .collection-nav { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } } .collections-page .collection-nav-item { margin-left: 1.5em; text-align: center; text-transform: uppercase; } @media (max-width: 900px) { .collections-page .collection-nav-item { margin: 0.6em 0; } } .collections-page .collections-show .collection-buttons-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; margin-bottom: 2em; } @media (max-width: 900px) { .collections-page .collections-show .collection-buttons-container { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; } } .collections-page .collections-show .select-subjects-button { margin-left: 1.5em; min-width: 10em; border-radius: 2px; border: 1px solid #f0b200; background-color: transparent; padding: 0.6em 1.2em; text-align: center; font-size: 0.8em; } @media (max-width: 900px) { .collections-page .collections-show .select-subjects-button { margin: 1em; } } .collections-page .collections-show .select-subjects-button:focus, .collections-page .collections-show .select-subjects-button:hover { border: 1px solid #f0b200; background-color: #f0b200; color: #fff; } .collections-page .collections-show .select-subjects-button:disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .collections-page .collections-show .collection-subject-viewer { border: 1px solid #cdcdcd; display: inline-block; margin: 0 1.66em 1.66em 0; position: relative; text-align: center; width: 18em; } @media (max-width: 900px) { .collections-page .collections-show .collection-subject-viewer { display: block; margin: 0 auto; } } .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-video-controls { display: initial; z-index: 1; } .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-image-frame { margin: auto; } .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-frame-pips .subject-frame-pip { display: inline-block; overflow: hidden; position: relative; vertical-align: middle; } .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-frame-pips .subject-frame-pip input[type=radio] { position: absolute; opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); left: -100px; } .collections-page .collections-show .collection-subject-viewer .subject-viewer .subject-frame-pips .subject-frame-pip.active { font-weight: 700; } .collections-page .collections-show .collection-subject-viewer__default-label { background: #00979d; border-top: solid thin #cdcdcd; color: #fff; font-size: 0.675em; margin-top: 5px; padding: 0.85em; text-transform: uppercase; width: 100%; } .collections-page .collections-show .collection-subject-viewer__button--cover { background: inherit; color: #646464; } .collections-page .collections-show .collection-subject-viewer__button--cover:hover, .collections-page .collections-show .collection-subject-viewer__button--cover:focus { background: #00979d; color: #fff; } .collections-page .collections-show .collection-subject-viewer-delete-button { background: #fff; border: none; border-radius: 6px; border-bottom-left-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #646464; cursor: pointer; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; font-size: 0.8em; height: 1.3em; margin: 0 0 0 -2px; padding: 0.2em 0.4em; position: absolute; right: -0.3em; text-align: center; top: -0.3em; width: 1.3em; z-index: 1; } .collections-page .collections-show .collection-subject-viewer-delete-button:hover { color: #f00; } .collections-page .collections-show .collection-subject-viewer-select { background: transparent; border: none; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .collections-page .collections-show .collection-subject-viewer-select:hover { background-color: transparent; cursor: pointer; } .collections-page .collections-show .collection-subject-viewer-select input { left: -9999px; position: absolute; } .collections-page .collections-show .collection-subject-viewer-select input:focus + i { text-shadow: 0 0 25px COBOLT_BLUE; } .collections-page .collections-show .collection-subject-viewer-select .collection-subject-viewer-circle { color: #fff; font-size: 6em; text-shadow: 0 0 25px #646464; } .collections-page .collections-show img { max-height: 250px; width: 100%; } .collections-page .collections-show .subject-link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .collections-page .collection-settings-tab { margin: 0 auto; max-width: 800px; } .collections-page .collection-settings-tab h2 { color: #646464; } .collections-page .collection-settings-tab .cover-subject-preview { border: solid thin #cdcdcd; } .collections-page .helpful-tip { color: #777; font-style: italic; text-align: center; } .collections-manager { margin: 1em; padding: 1em; } .collections-manager h1 { margin-bottom: 20px; } .collections-manager .collection-search { display: inline-block; width: 70%; margin-right: 10px; height: 40px; } .collections-manager .search-button { float: right; height: 40px; } .collections-create-form .collection-name-input { border: 1px solid #ccc; border-color: #d9d9d9 #ccc #b3b3b3; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: inherit; margin: 4px 0 5px 0; padding: 8px 10px; width: 100%; } .collections-create-form .collection-create-form-actions { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .collections-create-form .collection-create-form-actions > * { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .collections-create-form .collection-create-form-actions .submit-button-container { text-align: right; } .about-page .about-page-content { margin: 0 auto; max-width: 960px; padding: 40px 3vw; } .get-involved-page .get-involved-page-content { margin: 0 auto; max-width: 960px; padding: 40px 3vw; } .team-page { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .team-page .secondary-page-side-bar { -webkit-flex-basis: 180px; flex-basis: 180px; padding: 0px 10px 0px 0px; } .team-page .secondary-page-side-bar nav .side-bar-button { width: 100%; text-align: left; } .team-page .secondary-page-side-bar nav .secret-button.nav-alumni::before { height: 22px; border-top: 1px dotted #404040; content: ""; display: block; } .team-page .team-member-list { -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; box-flex: 2; -webkit-flex: 2 1 75%; -ms-flex: 2 1 75%; flex: 2 1 75%; margin-left: 20px; } .team-page .team-member-list h2 { text-transform: capitalize; } .team-page .team-member-list .team-member { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin: 3em 0; } .team-page .team-member-list .team-member img { border-radius: 4px; height: 80px; width: 80px; } .team-page .team-member-list .team-member .team-member-details { -webkit-flex-basis: 75%; flex-basis: 75%; margin: 0 1.5em; } .team-page .team-member-list .team-member .team-member-details p { margin: 2px 0px 0px; } .publications-page { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .publications-page .publications-content { -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; box-flex: 2; -webkit-flex: 2 1 80%; -ms-flex: 2 1 80%; flex: 2 1 80%; } .publications-page .publications-content h2 { text-transform: capitalize; } .publications-page .publications-content .publications-list { padding: 0; } .publications-page .publications-content .publications-list .project-name { display: inline-block; } .publications-page .publications-content .publications-list .publication-count { color: #5a5a5a; font-size: 1.4em; font-weight: 700; } .publications-page .publications-content .publications-list .publication-item { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 1em 0; width: 100%; } .publications-page .publications-content .publications-list .publication-item img { border-radius: 4px; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 50px; -ms-flex: 1 1 50px; flex: 1 1 50px; margin-right: 1em; max-width: 50px; max-height: 50px; } .publications-page .publications-content .publications-list .publication-item .citation { -webkit-flex-basis: 75%; flex-basis: 75%; } .publications-page .publications-content .publications-list .publication-item .citation p { font-size: 1em; margin: 0; } .landing-page { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: url(/291a76c92e4335f7e3a0bed53af6a7bf.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; color: #f9f9f9; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 2.5em 3vw; } @media screen and (max-width: 400px) { .landing-page svg { margin-top: 15vh; } } .landing-page .landing-title { color: inherit; font-weight: 300; line-height: 40px; padding: 1.5em 0 0.5em; } .landing-page .landing-tagline .markdown p { color: inherit; font-size: 1.6em; line-height: 22px; margin: 0 auto; max-width: 600px; padding: 1em 0 6.5em; } .landing-page .landing-buttons { display: inline-block; } .landing-page .landing-buttons .landing-button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fbfbfb; font-size: 1.6em; font-weight: 400; margin-bottom: 3vh; padding: 1em 0; width: 250px; } .landing-page .landing-buttons .landing-button:hover { background: #00dbe4; } .landing-page .landing-links { display: inline-block; margin-left: 3em; padding: 0 0 0 7.5px; border-left: 2px solid #fff; } .landing-page .landing-links .heading { color: #fbfbfb; margin: 0 0 5px 0; } .landing-page .landing-links a { display: block; } .admin-page .project-status__section { margin: 1em 0; } .admin-page .project-status__section-list { margin: 0 0 1em 0; } .admin-page .project-status__section-table { display: table; } .admin-page .project-status__section-table-row { display: table-row; } .secondary-page.best-practices-page .markdown h1, .secondary-page.best-practices-page .markdown h2 { margin: 10px; text-align: center; } .secondary-page.best-practices-page .markdown h2 { font-size: 16px; } .secondary-page.best-practices-page .markdown h3 { font-size: 14px; } .project-about-page { background: rgba(255,255,255,0.95); border-radius: 3px; color: #000; margin: 1.5em 12vw; padding: 1.5em 6vw; } .project-about-page .columns-container { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-about-page .markdown img { max-width: 100%; } .project-about-page .markdown h1 { color: #f48a21; } .project-about-page .markdown h2, .project-about-page .markdown h3, .project-about-page .markdown h4, .project-about-page .markdown h5, .project-about-page .markdown h6 { color: #0c4881; } .project-about-page .markdown a { color: #0c4881; } .project-about-page .team-list { padding: 0; } .project-about-page .team-list-item { list-style: none; margin-bottom: 1em; } .project-about-page .team-list-item__display-name { white-space: nowrap; } .project-about-page .team-list-item__display-name a { color: #00979d; } .project-about-page .team-list-item__login { white-space: nowrap; color: #afaeae; font-size: 0.8em; } .project-about-page .team-list-item__project-roles { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-about-page .team-list-item .project-role { margin: 0.3em; } .on-project-page { background: #404040; color: #fff; } .beta-border { border: 0.3em solid #00979d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 2; } .project-page { color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; } .project-page .minor-button { color: #fff; background: #424242; } .project-page .minor-button:focus, .project-page .minor-button:hover { background: #686868; } .project-page .minor-button.active { background: #43bbfd; } .project-background { background-color: #808080; background-position: 50% 40%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: -1; } .project-background::after { background: -webkit-radial-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8)); background: -moz-radial-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8)); background: -o-radial-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8)); background: -ms-radial-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8)); background: radial-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.8)); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .project-nav { margin-left: 0; margin-top: 2.5em; text-align: left; } .project-nav .tabbed-content-tab { position: relative; line-height: 2.5em; } .project-nav .avatar { height: 4em; margin: -2em 1vw -2em 0; vertical-align: middle; width: 4em; } .project-announcement-banner.informational { background: #43bbfd; } .project-announcement-banner.successful { background: #38b978; } .project-announcement-banner a { color: inherit; } .project-home-page { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 14px; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .project-home-page button, .project-home-page a.standard-button { background: #fff; border: 2px solid #00979d; border-radius: 0.5em; color: #00979d; margin-right: 1.5em; padding: 0.8em 1.4vw; } .project-home-page button:hover, .project-home-page a.standard-button:hover { background: #00979d; border: 2px solid #00979d; color: #fff; } .project-home-page h4 { text-transform: uppercase; } .project-home-page .call-to-action-container { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: 1.5em; } .project-home-page .call-to-action-container__buttons { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .project-home-page .call-to-action-container a, .project-home-page .call-to-action-container button { background: none; border: none; color: #fff; cursor: pointer; margin: 0; padding: 0; } .project-home-page .call-to-action-container a:hover, .project-home-page .call-to-action-container button:hover { background: none; border: none; } .project-home-page__container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .project-home-page__centering { text-align: center; padding: 5vh 10vw 15vh 10vw; } .project-home-page__centering .learn-more { background: transparent; border: 2px solid #fff; color: #fff; } .project-home-page__centering .learn-more:hover { background-color: #fff; border: 2px solid #fff; color: #00979d; } .project-home-page__centering .get-started { border: 2px solid #fff; outline: none; } .project-home-page__description { font-size: 2em; font-weight: 600; line-height: 1.5em; margin: 0 auto; max-width: 500px; padding-top: 15vh; text-align: center; width: 100%; } .project-home-page__content { color: #0f7481; padding: 5vh 10vw; } .project-home-page .call-to-action-button--disabled { background: #fff; border: 2px solid #00979d; border-radius: 0.5em; color: #00979d; cursor: not-allowed; margin-right: 1.5em; padding: 0.8em 1.4vw; pointer-events: none; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .project-home-page__researcher-words { background-color: #fff; color: #0c4881; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; box-flex: 2; -webkit-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 250px; padding: 3em 4vw; position: relative; } .project-home-page__researcher-words div { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .project-home-page__researcher-words h4 { margin: 0 0 1em 6em; } .project-home-page__researcher-words img { border-radius: 50%; float: left; height: 5em; margin-right: 1em; min-width: 5em; } .project-home-page__researcher-words span { font-size: 1.75em; font-style: italic; overflow: auto; word-wrap: break-word; } @media (min-width: 1000px) { .project-home-page__researcher-words:before { left: 100%; top: 7em; content: " "; position: absolute; border-bottom: 12px solid transparent; border-left: 25px solid #fff; border-top: 12px solid transparent; } } .project-home-page__about-text { background-color: #0f7481; -webkit-box-flex: 3; -moz-box-flex: 3; -o-box-flex: 3; box-flex: 3; -webkit-flex: 3 1 auto; -ms-flex: 3 1 auto; flex: 3 1 auto; padding: 3em 3em 4em 3em; text-align: center; width: 600px; } .project-home-page__about-text a { background: none; border: none; color: #eff2f5; font-weight: bold; margin: 0; padding: 0; } .project-home-page__about-text a:hover { background: none; border: none; color: #f0b200; } .project-home-page__about-text hr { background-color: #fff; } .project-home-page__about-text img { max-width: 100%; } .project-home-page__about-text p { line-height: 1.75; } .project-home-page__talk-image { text-align: center; background: #000; border: 0.1em solid #fff; -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; box-flex: 2; -webkit-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; max-height: 240px; width: 240px; } .project-home-page__talk-image img, .project-home-page__talk-image video { height: 100%; width: 100%; } .project-home-page__talk-image img { object-fit: cover; } .project-home-page__talk-image video { object-fit: fill; } .project-home-page__talk-stat { background: #fff; color: #0c4881; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; box-flex: 2; -webkit-flex: 2 0 auto; -ms-flex: 2 0 auto; flex: 2 0 auto; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; min-height: 10em; padding: 2em 2em 2em 4em; position: relative; width: 200px; } .project-home-page__talk-stat span { font-size: 1.2em; margin-bottom: 0.75em; } .project-home-page__talk-stat .join-in { border: 2px solid #0c4881; color: #0c4881; width: 4em; } .project-home-page__talk-stat .join-in:hover { background-color: #0c4881; border: 2px solid #0c4881; } .project-home-page__talk-stat:before { right: 100%; top: 3em; content: " "; position: absolute; border-bottom: 12px solid transparent; border-right: 25px solid #fff; border-top: 12px solid transparent; } .project-home-page .workflow-choice { background-color: #fff; -webkit-box-shadow: 0 3px 3px 0px #eff2f5; box-shadow: 0 3px 3px 0px #eff2f5; position: relative; z-index: 1; } .project-home-page .workflow-choice h4 { margin-bottom: 1em; text-transform: none; } .project-home-page .workflow-choice:before { position: absolute; left: 55%; bottom: 100%; width: 0; height: 0; content: " "; border-bottom: 20px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; } .project-home-page .standard-button { margin-top: 10px; font-weight: 700; line-height: 1.7em; } .project-home-page .markdown { line-height: 1.4em; text-align: center; max-width: 800px; margin: 0 auto; } .project-disclaimer { background-color: #007482; color: rgba(255,255,255,0.5); font-size: 0.75em; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0; padding: 2em 0em; text-align: center; } .collection-page-with-project-context, .project-text-content, .stats-text-content { background-color: #ebebeb; padding: 1.5em 3vw; color: #000; border-radius: 3px; } .collection-page-with-project-context .project-role, .project-text-content .project-role, .stats-text-content .project-role { color: #fff; background-color: #555; padding: 0.1em 0.4em; } .collection-page-with-project-context .project-role.owner, .project-text-content .project-role.owner, .stats-text-content .project-role.owner { background-color: #0072ff; } .collection-page-with-project-context a, .project-text-content a, .stats-text-content a { color: #00979d; } .in-project-context .pill-button { color: #404040; border-color: #404040; } .in-project-context nav.hero-nav { text-align: center; } .in-project-context a.about-tabs { color: #153d84; white-space: nowrap; margin-bottom: 0; margin-top: 0; } .in-project-context a.about-tabs:first-child { margin-top: 1em; } .in-project-context a.about-tabs:last-child { margin-bottom: 3em; } .in-project-context a.about-tabs.active, .in-project-context a.about-tabs:hover { border: 2px solid #153d84; } .project-metadata { background: #eff2f5; color: #0c4881; -webkit-box-flex: 7; -moz-box-flex: 7; -o-box-flex: 7; box-flex: 7; -webkit-flex: 7 2 auto; -ms-flex: 7 2 auto; flex: 7 2 auto; padding: 3em 10vw; } .project-metadata a { background: none; border: none; color: #0c4881; font-weight: bold; padding: 0; text-transform: uppercase; } .project-metadata a:hover { background: none; border: none; color: #1164b4; } .project-metadata-status-bar { margin: 2.5em 0; } .project-metadata-stats { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .project-metadata-stat { margin: 0 1vw; text-align: center; } .project-metadata-stat :first-child { font-size: 2em; } .project-metadata-stat__value { border-bottom: 2px solid #f0b200; color: #f0b200; } .project-metadata-stat__label { margin-top: 0.6em; } .dashboard { padding-bottom: 50px; } .dashboard h1, .dashboard h2 { text-align: center; margin-top: 30px; } .dashboard .line-graph circle:hover { stroke: #43bbfd; } .dashboard .line-graph .hover-box { text-align: center; position: fixed; background: #e6e6e6; padding: 10px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; -webkit-transform: translate(-45%, -150%); -moz-transform: translate(-45%, -150%); -o-transform: translate(-45%, -150%); -ms-transform: translate(-45%, -150%); transform: translate(-45%, -150%); } .dashboard .line-graph .hover-box:after { border: 10px solid transparent; border-top-color: #e6e6e6; content: ""; left: 50%; margin-left: -7.5px; position: absolute; top: 100%; } .dashboard .line-graph .hover-box p { margin: 0; } .dashboard .line-graph .line-graph-x-labels { height: 25px; width: 100%; } .dashboard .line-graph .line-graph-x-labels text { text-anchor: middle; fill: #a9a9a9; } .dashboard .line-graph .line-graph-x-labels text:first-child { text-anchor: start; } .dashboard .line-graph .line-graph-x-labels text:last-child { text-anchor: end; } .dashboard .line-graph .line-graph-y-labels text { fill: #a9a9a9; } .dashboard .line-graph .line-graph-y-rules { stroke: #d3d3d3; stroke-width: 1; } .dashboard .line-graph .line-graph-line line, .dashboard .line-graph .line-graph-line circle { stroke-width: 2; } .dashboard .line-graph .line-graph-line circle { fill: #fff; } .dashboard .line-graph-legend { text-align: center; } .dashboard .line-graph-legend svg { overflow: auto; width: 200px; height: 100px; } .dashboard .line-graph-legend svg circle, .dashboard .line-graph-legend svg line, .dashboard .line-graph-legend svg text { stroke-width: 2px; } .dashboard .line-graph-legend svg circle { fill: #fff; } .dashboard .line-graph-legend svg text { text-anchor: middle; fill: #a9a9a9; } .dashboard .stats-box { text-align: center; background: #e6e6e6; border-radius: 5px; } .dashboard .stats-box > h2 { padding: 15px 0; } .dashboard .stats-box .stats-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dashboard .stats-box .stats-items .stats-item { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .dashboard .stats-box .stats-items .stats-item h1 { margin: 0; } .get-attention { -webkit-animation: be-slightly-annoying 0.3s infinite; -moz-animation: be-slightly-annoying 0.3s infinite; -o-animation: be-slightly-annoying 0.3s infinite; -ms-animation: be-slightly-annoying 0.3s infinite; animation: be-slightly-annoying 0.3s infinite; } .pulsar-hunters-feedback { background: #666; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-radius: 3px; color: #fff; font-weight: bold; margin: 0.5em 0; padding: 1px 1em; text-align: center; } .pulsar-hunters-feedback[data-is-correct] { background: #060; } .pulsar-hunters-feedback button { text-decoration: underline; } .classify-page .classifier-announcement-banner { margin: 0 0 1.5em; } .classify-page .classifier-announcement-banner--yellow { background: #f0b200; } .classify-page .classifier-announcement-banner.custom-sign-in-banner { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 0 3vh; } .classify-page .classifier-announcement-banner.custom-sign-in-banner p { display: inline-block; } .classifier { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } @media (max-width: 900px) { .classifier { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .classifier > .subject-viewer { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .classifier .subject-container { color: #808080; max-width: 100%; } .classifier .subject-container > * { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .classifier .subject { border-radius: 5px; -webkit-box-shadow: 0 0 0 1px #808080; box-shadow: 0 0 0 1px #808080; max-height: 90vh; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .classifier .marking-initializer { cursor: crosshair; } .classifier .marking-initializer[data-disabled] { cursor: not-allowed; } .classifier .loading-cover { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: rgba(128,128,128,0.5); color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; font-size: 2em; height: 100%; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; min-height: 4em; position: absolute; top: 0; width: 100%; } .classifier .subject-image-frame img { display: block; } .classifier .subject-tools { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 900px) { .classifier .subject-tools__play { position: relative; } .classifier .subject-tools__play:after { content: ''; position: absolute; bottom: -0.5em; left: -0.5em; right: -0.5em; top: -0.5em; } } .classifier .subject-frame-pip { background: transparent; border: 2px solid; border-radius: 50%; height: 0.7em; margin: 0 0.3em; overflow: hidden; text-indent: 1em; vertical-align: middle; width: 0.7em; } .classifier .subject-frame-pip.active { background: currentColor; } .classifier .warning-banner { background: #ff4500; color: #fff; font-size: 0.8em; font-weight: bold; left: -1em; letter-spacing: 0.05em; padding: 0 1em; position: absolute; text-transform: uppercase; top: 0; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .classifier > .task-area { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 60ch; -ms-flex: 0 0 60ch; flex: 0 0 60ch; margin-bottom: 1em; max-width: 100%; } @media (min-width: 900px) { .classifier > .task-area { margin-left: 1em; } } .classifier.large-image .subject { max-height: none; } .classifier.large-image .task-area { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 45ch; -ms-flex: 0 0 45ch; flex: 0 0 45ch; } .classifier .task-nav { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-top: 1em; } .classifier .task-nav .back { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; } .classifier .task-nav .talk { -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; box-flex: 2; -webkit-flex: 2 0; -ms-flex: 2 0; flex: 2 0; } .classifier .task-nav .continue { -webkit-box-flex: 3; -moz-box-flex: 3; -o-box-flex: 3; box-flex: 3; -webkit-flex: 3 0; -ms-flex: 3 0; flex: 3 0; } .classifier .task-nav > :not(:first-child) { margin-left: 0.5em; } .classifier .back-button-warning { background-color: #686868; border-radius: 0.3em; margin-top: 1em; padding: 0.5em; text-align: center; } .workflow-task + .workflow-task { margin-top: 2em; } .classifier > .task-area .workflow-task .required-task-warning { display: none; } .workflow-task .answer-button { -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin: 0.5em 0; padding: 1ch 2ch; position: relative; text-align: left; } .workflow-task .answer-button > :not(:first-child) { margin-left: 1ch; } .workflow-task .answer-button .markdown > :first-child { margin-top: 0; } .workflow-task .answer-button .markdown > :last-child { margin-bottom: 0; } .workflow-task .answer-button .answer-button-icon-container { -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; -webkit-flex-shrink: 0; flex-shrink: 0; height: 1.5em; } .workflow-task .answer-button .answer-button-label-container { -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .workflow-task .answer-button .answer-button-label { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .workflow-task .answer-button .answer-button-label img { vertical-align: middle; padding-left: 5px; padding-right: 5px; } .workflow-task .answer-button .answer-button-status { font-size: 0.8em; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .workflow-task .drawing-tool-button-icon > svg { fill-opacity: 0.1; height: 1.5em; stroke: currentColor; stroke-width: 5; width: 1.5em; } .workflow-task .drawing-tool-button-input { opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); position: absolute; } .workflow-task .drawing-tool-button-input:focus + *:not(.active) { background: #f6f6f6; } .unlinked-shortcut p { margin: 0.5em 0; } .unlinked-shortcut.active label { background: #43bbfd; } @-moz-keyframes be-slightly-annoying { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } 75% { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes be-slightly-annoying { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } 75% { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } @-o-keyframes be-slightly-annoying { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } 75% { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } @keyframes be-slightly-annoying { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } 25% { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } 75% { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } 100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } } .field-guide-pullout { background: rgba(255,255,255,0.95); bottom: 3vh !important; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3); color: #000; font-size: 14px; top: 3vh !important; -webkit-transition: -webkit-transform 150ms ease; -moz-transition: -moz-transform 150ms ease; -o-transition: -o-transform 150ms ease; -ms-transition: -ms-transform 150ms ease; transition: transform 150ms ease; width: 40vw; z-index: 1; } .field-guide-pullout img { max-width: 100%; } .field-guide-pullout-toggle { background: rgba(255,255,255,0.95); border-radius: 0.5em 0.5em 0 0; color: inherit; letter-spacing: 0.1ch; padding: 0 1em; position: absolute; right: 100%; text-transform: uppercase; top: 33%; -webkit-transform: rotate(-90deg) translateX(50%); -moz-transform: rotate(-90deg) translateX(50%); -o-transform: rotate(-90deg) translateX(50%); -ms-transform: rotate(-90deg) translateX(50%); transform: rotate(-90deg) translateX(50%); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -o-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; white-space: nowrap; } .field-guide { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; overflow: auto; } .field-guide > header { background: #000; color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; letter-spacing: 0.2ch; padding: 1em; text-align: center; text-transform: uppercase; } .field-guide-header-button[disabled] { visibility: hidden; } .field-guide-item { height: 100vh; overflow: auto; } .field-guide-item > header { margin: 1em 0; } .field-guide-item > header:empty { display: none; } .field-guide-item-icon-container { text-align: center; } .field-guide-item-icon { border-radius: 50%; } .field-guide-item-title-container { font-size: 2em; text-align: center; } .field-guide-item-content-container { padding: 0 2em; } .field-guide-menu { margin: 0; padding: 0; } .field-guide-menu > li { display: block; } .field-guide-menu-item { display: block; padding: 0.8em 1.6em 0.8em 6em; text-align: left; width: 100%; } :nth-child(even) > .field-guide-menu-item { background: rgba(67,187,253,0.3); } .field-guide-menu-item-icon { border-radius: 50%; background: rgba(128,128,128,0.3); vertical-align: middle; margin-right: 1em; margin-left: -5em; } .field-guide-menu-item-title { display: inline-block; font-weight: bold; } .modal-form.tutorial-dialog { border-radius: 8px; max-width: 400px; padding: 0 0 1.5em; } @media screen and (max-width: 400px) { .modal-form.tutorial-dialog { margin-left: 0em; margin-top: 1.75em; } } .tutorial-steps { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 85vh; max-width: 95vw; width: 50ch; } .tutorial-steps > .step-through-content { overflow-y: auto !important; } .tutorial-steps > .step-through-controls { text-align: center; } .tutorial-steps .media-card.tutorial-step > .media-card-content img { max-width: 100%; } .tutorial-steps .media-card-media { border-top-left-radius: 8px; border-top-right-radius: 8px; display: block; margin: auto; max-width: 100%; } .step-through-direction { vertical-align: middle; } .step-through-pips { margin: 0 0.4em; } .step-through-pip { cursor: pointer; padding: 0.2em 0.4em; } .step-through-pip-input { cursor: pointer; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .step-through-pip-number { border: 0.2em solid; border-radius: 50%; cursor: pointer; display: inline-block; height: 0.5em; overflow: hidden; text-indent: 2em; vertical-align: middle; width: 0.5em; } :focus + .step-through-pip-number { -webkit-box-shadow: 0 0 1px 1px #43bbfd; box-shadow: 0 0 1px 1px #43bbfd; } :checked + .step-through-pip-number { background: currentColor; } .modal-form-underlay.mini-course-dialog { background-color: rgba(0,0,0,0.6); } .mini-course-dialog { padding: 0; } .mini-course-dialog:not(.modal-form-underlay) { border: solid 0.5em #468ee5; border-radius: 8px; } @media screen and (max-width: 400px) { .mini-course-dialog { margin-left: 0em; margin-top: 1.75em; } } .mini-course-dialog__steps { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: 75vh; width: 75vw; } .mini-course-dialog__steps .steps__step { overflow-y: auto; } .mini-course-dialog__steps .steps__step-actions { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .mini-course-dialog__steps .steps__step-actions .action__opt-out { color: #a1a1a1; font-style: italic; font-size: 0.75em; margin: 0 0.25em; } .mini-course-dialog__steps .steps__step-actions .action__buton { background-color: #468ee5; } .mini-course-dialog .media-card.steps__step > .media-card-content { margin: 1em 3vw; } .mini-course-dialog .media-card.steps__step > .media-card-content .markdown h1, .mini-course-dialog .media-card.steps__step > .media-card-content .markdown h2, .mini-course-dialog .media-card.steps__step > .media-card-content .markdown h3, .mini-course-dialog .media-card.steps__step > .media-card-content .markdown h4, .mini-course-dialog .media-card.steps__step > .media-card-content .markdown h5 { color: #468ee5; font-size: 1.17em; } .mini-course-dialog .media-card.steps__step > .media-card-content .markdown h6 { color: #a1a1a1; font-style: italic; margin: 0 0 0.5em; text-align: right; width: 100%; } @media screen and (max-width: 400px) { .mini-course-dialog .media-card.steps__step > .media-card-content .markdown h6 { text-align: center; } } .mini-course-dialog .media-card.steps__step > .media-card-content .markdown p { color: #2b2b2b; font-size: 0.9em; } .mini-course-dialog .media-card.steps__step > .media-card-content .markdown a { color: #468ee5; } .mini-course-dialog .media-card-header { background-color: #111; } .mini-course-dialog .media-card-media { display: block; margin: 0 auto; max-height: 33vh; max-width: 100%; } .modal-form-underlay.workflow-assignment-dialog { background-color: rgba(0,0,0,0.6); } .modal-form.workflow-assignment-dialog { border-radius: 8px; max-width: 400px; padding: 0 0 1.5em; } .modal-form.workflow-assignment-dialog .modal-dialog-close-button { background: #43bbfd; text-shadow: none; } .modal-form.workflow-assignment-dialog .workflow-assignment-dialog__buttons { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .survey-task-choice-confusion { border: 1px solid rgba(128,128,128,0.5); border-radius: 3px; padding: 0 0.4em; } .survey-identification-proxy { position: relative; background: #daa520; border-radius: 3px; color: #fff; display: inline-block; font-size: 12px; font-weight: bold; padding: 0.25em 0.75em; } .survey-identification-remove { border-radius: 50%; -webkit-box-shadow: 0.5px 1px 0 rgba(0,0,0,0.3) inset, 0.5px 1px 0 rgba(255,255,255,0.5); box-shadow: 0.5px 1px 0 rgba(0,0,0,0.3) inset, 0.5px 1px 0 rgba(255,255,255,0.5); height: 1em; line-height: 1; width: 1em; } .survey-task-chooser { font-size: 12px; } .survey-task-chooser-characteristics { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .survey-task-chooser-characteristics > * { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; margin: 0 2px 2px 0; } .survey-task-chooser-characteristics .modal-form-trigger { border-radius: 25px; color: #fff; cursor: pointer; height: 25px; margin-bottom: 10px; min-width: 60px; text-transform: capitalize; } .survey-task-chooser-characteristics .modal-form-trigger:hover { background-color: rgba(164,164,164,0.5); } .survey-task-chooser-characteristics .modal-form-trigger[aria-expanded="true"] { background-color: #a4a4a4; } .survey-task-chooser-characteristic { display: block; } .survey-task-chooser-characteristic-menu .modal-form { background-color: #ddd; border-radius: 6px; padding: 0; } .survey-task-chooser-characteristic-menu .modal-form-pointer { background-color: #ddd; } .survey-task-chooser-characteristic-menu .survey-task-chooser-characteristic-menu-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.4em; } .survey-task-chooser-characteristic-menu .survey-task-chooser-characteristic-clear-button { background-color: transparent; border-radius: 4px; font-size: 0.8em; height: 48px; width: 48px; } .survey-task-chooser-characteristic-value { background-color: #c1c1c1; border-radius: 4px; cursor: pointer; font-size: 0.8em; height: 48px; margin: 0 0.2em 0.75em 0; width: 48px; } .survey-task-chooser-characteristic-value:disabled { opacity: 1; -ms-filter: none; filter: none; } .survey-task-chooser-characteristic-value[data-selected="true"] { background-color: #a4a4a4; } .survey-task-chooser-characteristic-value-label { background-color: #a4a4a4; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #fff; font-size: 0.8em; font-weight: 700; line-height: 30px; text-align: center; text-transform: capitalize; width: 100%; } .survey-task-chooser-characteristic-value-icon { border-radius: 3px; display: block; margin: 0 auto; max-height: 3em; } .survey-task-chooser-choices { background: #181818; border: solid 1px #181818; border-radius: 8px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3px; } .survey-task-chooser-choices > * { margin: 1px; } .survey-task-chooser-choices[data-columns="3"] > * { -webkit-flex-basis: calc(33.33% - 2px); flex-basis: calc(33.33% - 2px); } .survey-task-chooser-choices[data-columns="2"] > * { -webkit-flex-basis: calc(50% - 2px); flex-basis: calc(50% - 2px); } .survey-task-chooser-choices[data-columns="1"] > * { -webkit-flex-basis: calc(100% - 2px); flex-basis: calc(100% - 2px); } .survey-task-chooser-choice-button { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #404040; color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .survey-task-chooser-choice-button:hover { background: #666; } .survey-task-chooser-choice-button > * { margin: 0.3em 0.6em; } .survey-task-chooser-choice-button-chosen { background: #daa520; } .survey-task-chooser-choice { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .survey-task-chooser-choice-thumbnail { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: 50% 50%; border-radius: 3px; display: inline-block; margin-right: 1ch; vertical-align: middle; } [data-thumbnail-size="none"] .survey-task-chooser-choice-thumbnail { display: none; } [data-thumbnail-size="large"] .survey-task-chooser-choice-thumbnail { height: 6em; width: 7.5em; } [data-thumbnail-size="medium"] .survey-task-chooser-choice-thumbnail { height: 3em; width: 3.75em; } [data-thumbnail-size="small"] .survey-task-chooser-choice-thumbnail { height: 1.5em; width: 1.875em; } .survey-task-chooser-choice-label { display: inline-block; } [data-columns="1"] .survey-task-chooser-choice-label { font-size: 1.5em; } .survey-task-image-flipper { display: block; position: relative; } .survey-task-image-flipper-image { border-radius: 5px; display: block; width: 100%; } .survey-task-image-flipper-pips { margin: 2px 0; position: relative; text-align: center; } .survey-task-image-flipper-pip { background: #000; border: 2px solid; border-radius: 50%; color: #fff; display: inline-block; height: 0.5em; overflow: hidden; text-indent: 1em; width: 0.5em; } .survey-task-image-flipper-pip input[type=radio] { position: absolute; opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); left: -100px; } .survey-task-image-flipper-pip.active { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .survey-task-choice { background: #f7f7f7; border-radius: 8px; color: #6b6a6a; display: block; font-size: 14px; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; padding: 1em; } .survey-task-choice-content { position: relative; } .survey-task-choice-label { color: #3c3c3c; font-weight: bold; margin: 0.5em 0; } .survey-task-choice-description { margin: 0.5em 0; } .survey-task-choice-confusions { font-size: 0.8em; margin: 0.5em 0; } .survey-task-choice-confusions .modal-form-trigger { background: #e8e8e8; border-radius: 4px; cursor: pointer; font-size: 10px; margin: 0 3px 0 0; padding: 0.5em 0.75em; } .survey-task-choice-confusions .modal-form-trigger:hover { background: #d0d0d0; color: #6b6b6b; } .survey-task-confusions-modal .dropdown-form-underlay { background-color: rgba(0,0,0,0.5); } .survey-task-confusions-modal .dropdown-form { background: #f7f7f7; border-radius: 6px; color: #6b6a6a; padding: 1em; } .survey-task-confusions-modal .dropdown-form img { border-radius: 8px; } .survey-task-confusions-modal .dropdown-form .survey-task-choice-confusion-buttons button { border-radius: 4px; color: #fff; font-weight: 700; padding: 0.8em 0; text-align: center; width: 48%; } .survey-task-confusions-modal .dropdown-form .survey-task-choice-confusion-buttons button.cancel { background-color: #404040; } .survey-task-confusions-modal .dropdown-form .survey-task-choice-confusion-buttons button.identify { background-color: #4caa81; } .survey-task-choice-confusion { border: none; } .survey-task-choice-question { margin: 0.4em 0 1.3em; } .survey-task-choice-question-label { font-size: 12px; margin: 0 0 6px 0; } .survey-task-choice-answer { background: #e8e8e8; border-radius: 4px; cursor: pointer; font-size: 10px; margin: 0 3px 0 0; padding: 0.5em 0.75em; } .survey-task-choice-answer:hover { background: #d0d0d0; color: #6b6b6b; } .survey-task-choice-answer[data-checked] { background: #43bbfd; color: #fff; } .survey-task-choice-answer[data-focused] { background: #38b978; color: #fff; } .survey-task-choice-answer span { cursor: pointer; } .survey-task-choice-answer > input { opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); position: absolute; } .warning { background-color: rgba(240,178,0,0.5); } .details:hover { cursor: pointer; } .survery-editor-input { border: thin solid #000; } .survery-editor-input .tabs { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .survery-editor-input .tabs > :first-child { border-right: thin solid #000; } .survery-editor-input .tabs .tab-active, .survery-editor-input .tabs .tab-inactive { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; text-align: center; padding: 0.5em 0.75em; margin-right: 0; } .survery-editor-input .tabs .tab-inactive { background-color: rgba(64,64,64,0.5); border-bottom: thin solid #000; } .survery-editor-input .tabs .tab-inactive:hover { background-color: rgba(64,64,64,0.2); cursor: pointer; } .survery-editor-input .tab-content { padding: 0.5em 0.75em; } .survery-editor-input .tab-content .columns-container > :not(:last-child) { margin-right: 0.1vw; } .survery-editor-input .apply { margin: 0.5em 1.5em; } .survery-editor-input .clear { margin: 0.5em 1.5em; background-color: #43bbfd; } .survery-editor-input .filename { min-width: 35%; overflow: auto; -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; } .slider-task-range { width: 70%; display: inline-block; margin-right: 1em; } .slider-task-range div { width: 100%; } .slider-task-range input { width: 100%; margin-right: 1em; display: block; } .slider-task-range__label-container { width: 300px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding-left: 4px; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .slider-task-range__label-container__left { width: 20%; font-size: 0.8em; } .slider-task-range__label-container__right { text-align: right; width: 20%; font-size: 0.8em; } .slider-task-number { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .slider-task-number input { min-width: 50px; width: 5em; } .slider-task-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .marks-for-annotation[data-disabled] { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); pointer-events: none; } .drawing-tool .drawing-tool-main { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; -o-transition: opacity 0.3s, -o-transform 0.3s; -ms-transition: opacity 0.3s, -ms-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .drawing-tool[data-destroying] .drawing-tool-main { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); } .drawing-tool .drawing { cursor: crosshair; } .drawing-tool .clickable { cursor: pointer; } .drawing-tool .draggable { cursor: move; cursor: grab; cursor: -webkit-grab; } .dragging .drawing-tool .draggable { cursor: grabbing; cursor: -webkit-grabbing; } .drawing-tool .drag-handle { cursor: move; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .dragging .drawing-tool .drag-handle { cursor: none; } .drawing-tool .guideline { -webkit-animation: guideline-marching-ants 0.5s linear infinite; -moz-animation: guideline-marching-ants 0.5s linear infinite; -o-animation: guideline-marching-ants 0.5s linear infinite; -ms-animation: guideline-marching-ants 0.5s linear infinite; animation: guideline-marching-ants 0.5s linear infinite; pointer-events: none; stroke-dasharray: 2 3; } .drawing-tool .open-drag-handle { stroke: currentColor; fill: transparent; stroke-width: 2; } @-moz-keyframes guideline-marching-ants { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -5; } } @-webkit-keyframes guideline-marching-ants { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -5; } } @-o-keyframes guideline-marching-ants { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -5; } } @keyframes guideline-marching-ants { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -5; } } .aggregate-mark { cursor: pointer; } .dropdown-editor [draggable] { cursor: move; cursor: -moz-grab; cursor: -webkit-grab; } [data-drag-reorderable-dragging] .dropdown-editor [draggable] { cursor: move; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .dropdown-task-list { border: 1px solid rgba(128,128,128,0.3); margin: 1em 0; padding: 0; } .dropdown-task-list > :not(:first-child) { border-top: 1px solid rgba(128,128,128,0.2); } .dropdown-task-list-item-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; border-left: 1em solid rgba(128,128,128,0.1); } .dropdown-task-list-item-title { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 0.5em 1em; text-align: left; font-weight: bold; } .dropdown-task-list-item-dependency { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; padding: 0.5em 1em; text-align: left; } .dropdown-task-list-item-edit-button { padding: 0.5em 1em; } .dropdown-task-list-item-edit-button:hover { background: rgba(0,128,0,0.2); } .dropdown-task-list-item-edit-button:active { background: #008000; color: #fff; } .dropdown-task-list-item-reset-button { padding: 0.5em 1em; } .dropdown-task-list-item-reset-button:hover { background: rgba(255,0,0,0.2); } .dropdown-task-list-item-reset-button:active { background: #f00; color: #fff; } .dropdown-options-list { list-style-type: none; } .dropdown-help .modal-form { max-width: 50%; } .transcription-metadata-tags { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .transcription-metadata-tags .text-tag { background-color: #989898; margin: 0.1em; } .transcription-metadata-tags .text-tag:hover { background-color: #ccc; } .grid-button-tab { border: 2px solid transparent; font-size: 0.9em; margin: 0.3vw; padding: 0.8em 1.2vw; } .grid-button-tab.active { border: 2px solid #43bbfd; border-radius: 0.5em; font-weight: bold; } .grid-button-template { background: #fff; border: 0; border-radius: 0.5em; color: #000; cursor: pointer; font-size: 12px; margin: 0 0.5vw; padding: 0.2em 0.5em; } .grid-button-template:hover { background: #7bcffe; } .grid-button-table { margin: 1em 0em; text-align: center; } .template-select { margin-left: 4em; } .template-select p { margin: 0.5em 3.2em; } .template-select .template-name-input { border: 1px solid #ccc; border-radius: 4px; padding: 0.6em 0.8em; width: 60%; } .template-select .grid-selection-dropdown { border-radius: 4px; font-size: 0.9; width: 60%; } .template-select .grid-selection-dropdown .Select-menu { max-height: 6em; } .template-select .template-form-button { background-color: #000; border-radius: 0.5em; display: inline-block; font-size: 0.9em; margin: 0.6em 0.8vw 0 0.8vw; padding: 0.2em 0.5em; vertical-align: middle; } .template-select .template-form-button:hover { background: #4d4d4d; } .template-select .create-grid { background-color: #43bbfd; } .template-select .create-grid:hover { background: #7bcffe; } .stats-text-content { background: rgba(255,255,255,0.85); color: #000; padding: 1.5em 3vw; } .ct-chart .ct-series-a .ct-bar, .ct-chart .ct-series-a .ct-slice-donut { stroke: #03517f; } .ct-chart .ct-series-a .ct-bar:hover + .ct-tooltip, .ct-chart .ct-series-a .ct-slice-donut:hover + .ct-tooltip, .ct-chart .ct-series-a .ct-bar:focus + .ct-tooltip, .ct-chart .ct-series-a .ct-slice-donut:focus + .ct-tooltip { fill: #03517f; } .ct-chart .ct-series-b .ct-bar, .ct-chart .ct-series-b .ct-slice-donut { stroke-width: 4.5%; stroke: #aaa; } .progress-label, .ct-label.ct-vertical, .ct-label.ct-horizontal { color: #000; fill: #000; } .ct-tooltip { text-anchor: middle; fill: rgba(3,81,127,0); font-size: 1rem; font-weight: bold; } .ct-labels-range .ct-label-range { font-size: 0.75rem; } .ct-labels-range .ct-label-range-last { text-align: right; } .ct-major-tenth { min-height: 20em; } .ct-major-tenth .ct-chart-bar .ct-label.ct-horizontal.ct-end { display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transform: rotate(-90deg) translateY(-6px); -moz-transform: rotate(-90deg) translateY(-6px); -o-transform: rotate(-90deg) translateY(-6px); -ms-transform: rotate(-90deg) translateY(-6px); transform: rotate(-90deg) translateY(-6px); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; text-align: right; max-height: 1.5em; min-width: 100px; max-width: 100px; } .ct-slice-donut { cursor: auto; } .date-range { margin: 0.5em 0; } .date-range .date-reset { float: right; } .flex-wrapper { padding: 5px; } .mid-slider .rc-slider-handle { border-radius: 10px; border: none; background-color: #999; height: 20px; width: 26px; margin-top: -2px; margin-left: -13px; } .mid-slider .rc-slider-handle:before { content: "\F0C9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 13px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .progress-container { width: 100%; position: relative; } .progress-element { -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; width: 25%; word-wrap: break-word; } @media (max-width: 1150px) { .progress-element { width: 33.333%; } } @media (max-width: 900px) { .progress-element { width: 50%; } } .progress-label { color: #000; position: absolute; margin-top: 45%; width: 100%; text-align: center; font-size: 1.8vw; } .project-stats-footer { width: 100%; text-align: center; display: block; } .project-stats-heading { width: 100%; text-align: center; font-size: 2em; display: block; } .progress-stats-label { font-weight: 600; } .project-stats-progress { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; } .rc-slider { margin: 0 15px 0 15px; width: auto !important; background-color: transparent !important; } .top-slider { margin-bottom: -4px; } .top-slider .rc-slider-handle { cursor: ew-resize; top: -40px; height: 48px; width: 10px; margin-top: 0; margin-left: -10px; border-radius: 0; border: none; border-left: 2px solid #999; border-right: 2px solid #999; } .top-slider .rc-slider-handle:first-of-type { margin-left: 0; } .top-slider .rc-slider-handle:hover { border-left: 2px solid #999; border-right: 2px solid #999; } .top-slider .rc-slider-handle:after { content: ""; position: absolute; top: 0; bottom: 0; left: 2px; border-left: 2px solid #999; } .top-slider .rc-slider-track { background-color: rgba(30,179,175,0.15); height: 48px; top: -40px; border-radius: 0; border-bottom: 2px solid #999; } .ui-handle { width: 50px; border-bottom: 1px solid #999; -webkit-box-shadow: 0 3px 0px 0px #999, 0 6px 0px 0px #999; box-shadow: 0 3px 0px 0px #999, 0 6px 0px 0px #999; position: relative; } .ui-handle.handle-down:after, .ui-handle.handle-up:before { display: block; content: ""; width: 0px; height: 0px; border: 5px solid #999; left: 50%; margin-left: -5px; position: absolute; border-right: 5px solid transparent; border-left: 5px solid transparent; } .ui-handle.handle-down:after { border-bottom: 5px solid transparent; top: 7px; } .ui-handle.handle-up:before { border-top: 5px solid transparent; top: -10px; } .classification-task-summary, .classification-task-summary-with-feedback { background: rgba(128,128,128,0.1); border: 1px solid rgba(128,128,128,0.5); border-radius: 3px; font-size: 0.8em; margin: 0.5em 0; padding: 0.8em 1.5vw; } .classification-task-summary .answer, .classification-task-summary-with-feedback .answer { font-weight: bold; } .classification-task-summary .toggle-more, .classification-task-summary-with-feedback .toggle-more { color: #fff; padding: 0 0.5em; float: right; } .classification-task-summary-with-feedback p { margin: 0; font-weight: bold; } .classification-task-summary-with-feedback > ul { padding-left: 0; margin: 0; list-style-type: none; } .chart-image { border-radius: 0.25em; max-height: 3em; } .telescope-button { float: right; } .feedback-points__point { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-animation: feedbackPointIn ease-out 1; -moz-animation: feedbackPointIn ease-out 1; -o-animation: feedbackPointIn ease-out 1; -ms-animation: feedbackPointIn ease-out 1; animation: feedbackPointIn ease-out 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; -ms-animation-duration: 0.2s; animation-duration: 0.2s; } .feedback-tooltip { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-animation: feedbackTooltipIn ease-out 1; -moz-animation: feedbackTooltipIn ease-out 1; -o-animation: feedbackTooltipIn ease-out 1; -ms-animation: feedbackTooltipIn ease-out 1; animation: feedbackTooltipIn ease-out 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -o-animation-duration: 0.2s; -ms-animation-duration: 0.2s; animation-duration: 0.2s; } .feedback-points__point { fill-opacity: 0.2; stroke-width: 2px; } .feedback-points__point--success { fill: #008000; stroke: #008000; } .feedback-points__point--failure { fill: #f00; stroke: #f00; } .feedback-tooltip { color: #fff; position: absolute; border-radius: 3px; -webkit-box-shadow: #444 0 1px 3px 0; box-shadow: #444 0 1px 3px 0; } svg.feedback-tooltip__triangle { top: auto; } .feedback-tooltip__content { padding: 10px; } .feedback-tooltip--success { background: #008000; } .feedback-tooltip--success polygon { fill: #008000; } .feedback-tooltip--failure { background: #f00; } .feedback-tooltip--failure polygon { fill: #f00; } @-moz-keyframes feedbackPointIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes feedbackPointIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes feedbackPointIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes feedbackPointIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes feedbackTooltipIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @-webkit-keyframes feedbackTooltipIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @-o-keyframes feedbackTooltipIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @keyframes feedbackTooltipIn { from { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); } to { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .researcher-quote { z-index: 2; } .data-exports .row { margin: 0.8em 0; } .lab-index-project-list { margin: 0; padding: 0; } .lab-index-project-list__item { border-top: 1px solid rgba(128,128,128,0.2); display: block; } .lab-index-project-list__item:first-child { border-top: 0; } .lab-index-project-row { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .lab-index-project-row__link { color: inherit; text-decoration: none; } .lab-index-project-row__group { -webkit-box-align: inherit; -moz-box-align: inherit; -o-box-align: inherit; -ms-flex-align: inherit; -webkit-align-items: inherit; align-items: inherit; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .lab-index-project-row__avatar { background-position: 50%, 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 2.5em; -ms-flex: 0 0 2.5em; flex: 0 0 2.5em; height: 2.5em; } .lab-index-project-row__description { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.5em 1em; } .lab-index-project-row__description:first-child { padding-left: 0; } .lab-index-project-row__icon-button { color: #43bbfd; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: bold; padding: 0.5em 0.7em; } .lab-index-project-row__action:hover { background: rgba(67,187,253,0.2); } .lab-index-project-row__action:active { background: #43bbfd; color: #fff; } .lab-visibility__policy-reviews { border: none; padding: 0; } .edit-project-talk .suggested-tags input[type="text"] { display: inline-block; border: 1px solid #ddd; width: 150px; } .edit-project-talk .suggested-tags .suggested-tag { margin: 10px 0; } .edit-project-talk .suggested-tags .single-submit-button { margin-left: 20px; line-height: 0.8em; font-size: 0.8em; } .edit-project-talk .suggested-tags .error { padding: 0 10px; color: #e45950; } .external-links-table >.drag-reorderable > [draggable] >td:first-of-type { border-left: 1ch solid rgba(128,128,128,0.2); } .disabled-section { pointer-events: none; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .feedback-section { margin-top: 1em; } .feedback-section__new-feedback-button { margin-top: 1em; } .feedback-section__feedback-item { font-family: "Courier New", Courier, monospace; } .feedback-section__feedback-item-label { margin-right: 1em; } .feedback-section__feedback-item button { margin-right: 0.5em; } .feedback-section__feedback-item .fa { color: #f00; } .single-edit-feedback-modal { max-width: 500px; } .single-edit-feedback-modal label { margin-top: 0.7em; display: block; } .single-edit-feedback-modal small { display: block; margin-bottom: 0.5em; } .single-edit-feedback-modal__buttons { text-align: center; margin: 1em 0; } .single-edit-feedback-modal__buttons button { margin: 0 1em; } .view-project-button { display: block; margin: 1vw 0; } .nav-list { margin: 0; padding: 0; } .nav-list > li { display: block; } .nav-list.standalone { border: 1px solid rgba(128,128,128,0.8); border-radius: 3px; } .nav-list.drag-reorderable > [draggable] { border-left: 1ch solid rgba(128,128,128,0.2); } .nav-list-header { margin: 0.2em 1vw; } .nav-list-item { background: transparent; border: 0 solid rgba(128,128,128,0.3); border-top-width: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 0.2em 1vw; text-align: left; text-decoration: none; width: 100%; } .nav-list-item.active { background: #43bbfd; border-top-color: transparent; color: #fff; font-weight: bold; } .nav-list-item .help-text { font-size: 0.7em; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .field-guide-editor-article-list { border: 1px solid rgba(128,128,128,0.3); margin: 1em 0; padding: 0; } .field-guide-editor-article-list > :not(:first-child) { border-top: 1px solid rgba(128,128,128,0.2); } .field-guide-editor-article-list-item-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; border-left: 1em solid rgba(128,128,128,0.1); } .field-guide-editor-article-button { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; padding: 0.5em 1em; text-align: left; } .field-guide-editor-article-button:hover { background: rgba(67,187,253,0.2); } .field-guide-editor-article-button:active { background: #43bbfd; color: #fff; } .field-guide-editor-article-button-icon { background: rgba(128,128,128,0.2); -webkit-box-shadow: 0 1px 3px rgba(128,128,128,0.2) inset; box-shadow: 0 1px 3px rgba(128,128,128,0.2) inset; -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 0.5em; } .field-guide-editor-article-button-title { font-weight: bold; } .field-guide-editor-article-list-item-remove-button { padding: 0.5em 1em; } .field-guide-editor-article-list-item-remove-button:hover { background: rgba(255,0,0,0.2); } .field-guide-editor-article-list-item-remove-button:active { background: #f00; color: #fff; } .project-modal-editor { width: 100%; } .project-modal-editor .project-modal-header { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .project-modal-step-editor-container { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .project-modal-step-editor-container .drag-reorderable [data-being-dragged] { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); outline: 2px dashed #d3d3d3; } .project-modal-step-editor-container .project-modal-step-list { border: 1px solid rgba(128,128,128,0.3); -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; list-style: none; margin: 1em 0.5em 1em 0; max-width: 50ch; padding: 0; } .project-modal-step-editor-container .project-modal-step-list > :not(:first-child) { border-top: 1px solid rgba(128,128,128,0.2); } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; border-left: 1em solid rgba(128,128,128,0.1); } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; padding: 0.5em 1em; text-align: left; } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button:hover, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button:focus { background: rgba(67,187,253,0.2); } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button:active, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button.selected { background: #43bbfd; color: #fff; } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button:active .project-modal-step-list-item-button-title, .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-button.selected .project-modal-step-list-item-button-title { font-weight: bold; } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-remove-button { padding: 0.5em 1em; } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-remove-button:hover { background: rgba(255,0,0,0.2); } .project-modal-step-editor-container .project-modal-step-list .project-modal-step-list-item .project-modal-step-list-item-remove-button:active { background: #f00; color: #fff; } .project-modal-step-editor { border: 1px solid rgba(128,128,128,0.5); -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 1em 0 1em 0.5em; max-width: 50ch; padding: 0.5em 1em; position: relative; } .project-modal-step-editor > header { position: absolute; right: 0; top: 0; } .drawing-task-details-editor { background: rgba(128,128,128,0.3); padding: 1em 2.5vw; } .drawing-task-details-editor > .sub-tasks > .workflow-task-editor { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); color: #000; padding: 0.5em; margin: 0.5em 0; } .drawing-task-details-editor > .commands { white-space: nowrap; } .drawing-task-details-editor-subtask-wrapper { position: relative; } .drawing-task-details-editor-subtask-wrapper .subtask-delete { position: absolute; right: 0; top: 0; } .workflow-task-editor-choices { background: rgba(128,128,128,0.3); border-radius: 5px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset; margin: 1em 0; padding: 0.5em; text-align: center; } .workflow-task-editor-choices > :first-child { margin-top: 0; } .workflow-task-editor-choices > :last-child { margin-bottom: 0; } .workflow-choice-editor { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.2); color: #000; margin: 0.5em 0; padding: 0.5em; position: relative; text-align: left; } .workflow-choice-editor .workflow-choice-remove-button { background: #808080; border-radius: 50%; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); color: #fff; height: 1em; line-height: 1; position: absolute; right: -0.3em; top: -0.3em; width: 1em; } .workflow-choice-editor .workflow-choice-remove-button:hover { background: #f00; } .workflow-choice-add-button { background: #808080; border-radius: 50%; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); color: #fff; font-size: 2em; height: 1em; line-height: 1; width: 1em; } .workflow-choice-add-button:hover { background: #38b978; } .edit-workflow-page select { max-width: 100%; } .edit-workflow-page .column { max-width: 500px; } .workflow-link-tutorials-form { display: table; margin: 1em 0; } .workflow-link-tutorials-form label { display: table-row; text-transform: capitalize; } ._jsPlumb_connector { z-index: 0; } ._jsPlumb_drag_select * { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ._jsPlumb_endpoint { z-index: 19; } ._jsPlumb_overlay { z-index: 20; } ._jsPlumb_endpoint { cursor: pointer; } .resize-triggers { visibility: hidden; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 90%; width: 100%; overflow: hidden; z-index: 0; } .expand-trigger > div { z-index: 0; } .contract-trigger:before { width: 200%; height: 200%; } .resize-triggers > div { overflow: auto; } .answer-item { padding-left: 15px; padding-right: 15px; margin-top: 0.5em; margin-bottom: 0.5em; clear: both; } .box, .box-end { min-width: 200px; max-width: 400px; width: 220px; background-color: #ccc; border-style: solid; border-width: 1px; border-radius: 15px; position: absolute; overflow: hidden; } .box { resize: horizontal; overflow: auto; border-bottom-right-radius: 0; } .box-head { pointer-events: none; color: #fff; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); float: left; margin-left: 10px; text-weight: 500; } .crop-box { background-color: #a7b2e4; } .crop-box > .drag-handel { background-color: rgba(37,52,121,0.3); } .drag-handel { padding-bottom: 10px; cursor: move; border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: rgba(0,0,0,0.3); } .drawing-box { min-width: 190px; background-color: #c5a8cc; } .drawing-box > .drag-handel { background-color: rgba(86,55,94,0.3); } .drawing-tool-icon-vis { -webkit-flex-shrink: 0; flex-shrink: 0; line-height: 1; margin-right: 0.5em; } .drawing-tool-icon-vis > svg { fill-opacity: 0.1; height: 1.5em; stroke: currentColor; stroke-width: 5; width: 1.5em; } .editor { width: 100%; height: 800px; border-style: solid; border-width: 2px; overflow: scroll; position: relative; } .end, .start { min-width: 30px; width: 75px; height: 30px; line-height: 30px; text-align: center; cursor: move; } .help-preview { border-style: solid; border-width: 1px; border-color: #ccc; max-width: 800px; padding: 4px 6px; } .help-text-vis { margin-left: 15px; padding: 0; width: 75px; } .lab { padding: 0; margin: 0; padding-left: 15px; background-color: rgba(255,255,255,0.5); border: none; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; min-height: 1.5em; } .list-unstyled { padding-left: 0; list-style: none; } .markdown-vis > p { margin: 0; } .multiple-box { background-color: #9ecfdf; } .multiple-box > .drag-handel { background-color: rgba(38,96,115,0.3); } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .req { padding: 0 15px 15px 0; float: right; clear: both; } .single-box { background-color: #b8d4a2; } .single-box > .drag-handel { background-color: rgba(72,102,47,0.3); } .survey-box { background-color: #e1a4ad; } .survey-box > .drag-handel { background-color: rgba(117,39,50,0.3); } .text-box { background-color: #ecc6ac; } .text-box > .drag-handel { background-color: rgba(133,72,30,0.3); } .talk-module, .talk .button, .talk button:not(.link-style), .talk .talk-sidebar, .talk .talk-moderation .talk-moderation-children.open, .talk .talk-board-new-discussion, .talk .talk-board-preview, .talk .talk-discussion-preview, .talk .talk-comment-author, .talk .talk-comment-body, .talk .talk-comment-box, .talk .suggester .suggestions, .user-profile .private-message-page .block-user .block-button, .inbox .conversation-link, .inbox-conversation .conversation-message, .new-message-form { background: #f7f7f7; border-radius: 6px; border: 2px solid #f2f1f1; padding: 5px; margin: 10px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #646464; } .talk-module img, .talk .button img, .talk button:not(.link-style) img, .talk .talk-sidebar img, .talk .talk-moderation .talk-moderation-children.open img, .talk .talk-board-new-discussion img, .talk .talk-board-preview img, .talk .talk-discussion-preview img, .talk .talk-comment-author img, .talk .talk-comment-body img, .talk .talk-comment-box img, .talk .suggester .suggestions img, .user-profile .private-message-page .block-user .block-button img, .inbox .conversation-link img, .inbox-conversation .conversation-message img, .new-message-form img { max-width: 100%; } .talk-text-input, .talk .talk-comment-box .talk-comment-form textarea { border: none; } .talk-left-buttons, .talk .talk-comment-body .talk-comment-links button:not(:last-child), .talk .talk-comment-box .talk-comment-form section button:not(:last-child), .talk .talk-comment-box .talk-comment-buttons-container button:not(:last-child) { margin: 2px 2px 2px 0; } .talk-page-header { font-weight: 100; } .talk-form input[type='text'], .talk input[type='text'], .new-message-form input[type='text'], .talk-form input[type='search'], .talk input[type='search'], .new-message-form input[type='search'], .talk-form textarea, .talk textarea, .new-message-form textarea { border: none; font-size: 1em; font-family: inherit; display: block; } .talk-search-form { position: relative; max-width: 250px; overflow: auto; margin-bottom: 10px; } .talk-search-form input[type='text'], .talk-search-form input[type='search'] { float: left; width: 80%; border: 2px solid #f7f7f7; border-right: none; font-style: italic; height: 100%; line-height: 28px; padding-left: 5px; border-radius: 6px 0 0 6px; } .talk-search-form button[type='submit'] { position: absolute; background: #f7f7f7; width: 20%; color: #646464; height: 100%; border-left: none; border-color: #f7f7f7; border-radius: 0 6px 6px 0; } .talk-search-form button[type='submit']:hover { background: #43bbfd; } .polaroid-image, .talk .talk-comment-box .talk-comment-image-selector .talk-comment-image-item { background: #fff; padding: 10px 10px 20px 10px; margin: 10px; } .talk { color: #404040; } .talk * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .talk a { color: #00979d; } .talk .heading-link, .talk .talk-main-link a { color: #646464; text-decoration: none; } .talk .heading-link:hover, .talk .talk-main-link a:hover { color: #43bbfd; } .talk .button, .talk button:not(.link-style), .user-profile .private-message-page .block-user .block-button { padding: 0.2em 0.4em; font-size: 0.8em; margin: 0; } .talk .button:hover, .talk button:not(.link-style):hover, .user-profile .private-message-page .block-user .block-button:hover { color: #fff; border-color: #43bbfd; } .talk select { border: 2px solid #cbcccb; background: #fff; border-radius: 6px; font-size: 0.8em; padding: 0.2em; } .talk button.link-style { text-decoration: underline; color: #00979d; } .talk button.link-style::-moz-focus-inner { border: 0; padding: 0; } .talk .truncated { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .talk .polaroid-image { max-width: 640px; } .talk .talk-list-content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .talk .talk-list-content section { min-width: 1px; width: 100%; } @media screen and (max-width: 670px) { .talk .talk-list-content { display: block; } } .talk .tagged-results { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .talk .tagged-subject { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 320px; -ms-flex: 0 0 320px; flex: 0 0 320px; } .talk .talk-comment-context-icon { float: right; padding: 5px; } .talk .talk-sidebar { -webkit-flex-shrink: 0; flex-shrink: 0; min-width: 1px; max-width: 300px; width: 300px; margin: 10px 0 10px 10px; white-space: pre-wrap; } @media screen and (max-width: 670px) { .talk .talk-sidebar { margin: 0; width: 100%; max-width: 100%; } } .talk .talk-sidebar section { margin: 5px 0; } .talk .talk-sidebar .sidebar-link { display: block; text-decoration: none; } .talk .talk-sidebar .sidebar-link:hover { text-decoration: underline; } .talk .talk-sidebar .talk-active-users { position: relative; } .talk .talk-sidebar .talk-active-users ul { list-style: none; margin: 0; padding: 0; width: 100%; } .talk .talk-sidebar .talk-active-users ul li { display: inline-block; max-width: 45%; margin: 0 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .talk .talk-moderation { margin-bottom: 10px; } .talk .talk-moderation > button { color: #afaeae; background: transparent; } .talk .talk-moderation > button:hover { color: #fff; background: #ff581a; border-color: #ff4500; } .talk .talk-moderation .talk-moderation-children p { margin: 0; } .talk .talk-moderation .talk-moderation-children input[type='text'] { width: 50%; display: block; } .talk .talk-moderation .talk-moderation-children textarea { width: 100%; } .talk .talk-moderation .talk-moderation-children button { margin: 5px 0 10px 0; } .talk .talk-moderation .talk-moderation-children.closed { overflow: hidden; max-height: 0; } .talk .talk-moderation .talk-moderation-children.open { margin-bottom: 10px; border-left: 4px solid #ff4500; } .talk .talk-moderation .talk-moderation-children .talk-sticky-list ul { list-style: none; margin: 0; padding: 0; } .talk .talk-moderation .talk-moderation-children .talk-sticky-list ul li { display: block; padding: 5px; cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .talk .talk-moderation .talk-moderation-children .talk-sticky-list ul li:before { margin: 0 5px 0 0; } .talk .talk-moderation .talk-moderation-children .talk-sticky-list ul li.talk-sticky-placeholder { background: #43bbfd; color: #fff; } .talk .talk-moderation .talk-moderation-children .talk-reorder-boards { padding: 30px 0 30px 40px; margin: 0; } .talk .talk-moderation .talk-moderation-children .talk-reorder-boards li, .talk .talk-moderation .talk-moderation-children .talk-reorder-boards .bars { cursor: default; } .talk .talk-moderation .talk-moderation-children .talk-reorder-boards li { list-style: none outside none; } .talk .talk-moderation .talk-moderation-children .talk-reorder-boards li .bars { margin-right: 5px; } .talk .talk-board .talk-page-header { text-align: left; } .talk .talk-board .talk-board-follow { margin: 10px auto; } .talk .talk-board .talk-board-follow .description { display: inline-block; margin: auto 10px; color: #989898; } .talk .talk-board-new-discussion { padding: 0px; } .talk .talk-board-new-discussion input, .talk .talk-board-new-discussion h2 { margin: 5px; } .talk .talk-board-new-discussion input[type='text'] { border: none; width: 50%; } .talk .talk-board-discussions { width: 80%; float: left; } .talk .talk-board-preview { overflow: auto; position: relative; color: #898989; } .talk .talk-board-preview:hover { background: #f2f2f2; } .talk .talk-board-preview.private { background: #fff; } .talk .talk-board-preview.private:hover { background: #fafafa; } .talk .talk-board-preview h1 a { color: #646464; text-decoration: none; } .talk .talk-board-preview h1 a:hover { color: #43bbfd; text-decoration: underline; } .talk .talk-board-preview p { margin: 0 0 5px 0; } .talk .talk-board-preview .board-locked { font-size: 12px; color: #e45950; position: absolute; top: 5px; right: 5px; } .talk .preview-content { width: 80%; float: left; } .talk .preview-content .subject-preview { display: inline-block; float: left; margin-right: 5px; } .talk .preview-stats { width: 20%; float: left; margin-top: 5px; } .talk .preview-stats p i { width: 1em; text-align: center; } .talk .hidden-markdown { display: none; } .talk .talk-discussion-link { color: #afaeae; word-wrap: break-word; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .talk .talk-discussion-link .latest-comment-preview-link { text-decoration: none; color: #afaeae; font-style: normal; } .talk .talk-discussion-link .latest-comment-preview-link:hover { text-decoration: underline; } .talk .talk-discussion-link .avatar { height: 2em; vertical-align: -0.5em; } .talk .talk-discussion-link a { text-decoration: none; } .talk .talk-discussion-link span a { color: #000; } .talk .talk-discussion-link span a:hover { color: #00979d; } .talk .talk-discussion-link .latest-comment-time, .talk.notifications .bottom .time-ago { color: #646464; font-style: italic; text-decoration: underline; } .talk .talk-discussion-link .latest-comment-time:hover, .talk.notifications .bottom .time-ago:hover { color: #00979d; } .talk .talk-latest-comment-link .talk-display-roles { display: inline; } .talk .talk-latest-comment-link .talk-display-roles p { display: inline; margin-right: 5px; } .talk .talk-discussion-preview { position: relative; background: transparent; border-radius: 0; border: none; border-top: 1px solid #cbcccb; overflow: auto; } .talk .talk-discussion-preview .talk-discussion-link { font-size: 0.9em; } .talk .talk-discussion-preview .talk-discussion-link .avatar { height: 1.5em; vertical-align: -25%; } .talk .talk-discussion-preview .talk-sticky-pin { color: #ff4642; margin: 0 10px 0 0; font-weight: 600; } .talk .talk-discussion-preview:last-child { border-bottom: 1px solid #cbcccb; } .talk .talk-discussion-preview h1 { font-weight: 100; font-size: 1.25em; } .talk .talk-discussion-preview h1 a { text-decoration: none; } .talk .talk-discussion-preview h1 a:hover { text-decoration: underline; } .talk .talk-discussion-preview p { margin: 0; } .talk .talk-discussion-preview .talk-discussion-preview-author { font-size: 0.7em; margin-top: 0.3em; } .talk .talk-discussion .talk-comment-box { width: 80%; } .talk .talk-discussion > p { text-align: center; } .talk .talk-discussion-locked { color: #e45950; } .talk .talk-discussion h1 input { margin: 0 auto; text-align: center; width: 100%; border: 1px solid #404040; border-radius: 6px; } .talk .talk-discussion h1 i { font-size: 12px; } .talk .talk-discussion .talk-discussion-follow { margin: 10px auto; } .talk .talk-discussion .talk-discussion-follow .description { display: inline-block; margin: auto 10px; color: #989898; } .talk .talk-comment { overflow: auto; } .talk .talk-comment.active .talk-comment-body { border-color: #43bbfd; } .talk .talk-comment.deleted { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .talk .talk-comment.deleted .talk-comment-author img { height: 25px; } .talk .talk-comment.deleted .polaroid-image, .talk .talk-comment.deleted .talk-comment-links, .talk .talk-comment.deleted .talk-comment-children { display: none; } .talk .talk-comment .markdown > blockquote { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .talk .talk-comment .markdown > pre { white-space: pre-line; } .talk .talk-comment .markdown img { max-width: 100%; } .talk .talk-comment .subject-container { max-width: 100%; } .talk .talk-comment .subject-container img { max-width: 100%; } .talk .talk-comment .subject-tools span > button, .talk .talk-comment .subject-tools span > .button { margin-right: 2px; } .talk .talk-comment-author { text-align: center; background: transparent; border: none; color: #808080; float: left; width: 20%; } .talk .talk-comment-author p { word-wrap: break-word; width: 60%; margin: 0 auto 2px auto; line-height: 1em; } .talk .talk-comment-author .avatar { border-radius: 50%; height: 50px; } .talk .talk-comment-author .user-mention-name { color: #afaeae; font-size: 0.8em; } .talk .talk-comment-author .project-role { margin: 0 auto; } .talk .talk-comment-reply { padding: 5px; background: #f2f1f1; border-radius: 6px 6px 0 0; margin: -5px -5px 0 -5px; } .talk .talk-comment-reply > button { border-color: #e6e4e4; } .talk .talk-comment-reply .clear-replies { float: right; } .talk .talk-comment-reply .comment-reply-line .markdown { -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -o-transition: background 0.25s; -ms-transition: background 0.25s; transition: background 0.25s; } .talk .talk-comment-reply .comment-reply-line.highlighted .markdown { background: rgba(0,0,0,0.09); } .talk .talk-comment-body { width: 80%; float: left; position: relative; overflow: auto; } .talk .talk-comment-body .talk-comment-date { margin: 0; font-size: 0.6em; } .talk .talk-comment-body .talk-comment-report-form button { display: block; } .talk .talk-comment-body .talk-comment-links.locked { display: none; } .talk .talk-comment-body .talk-comment-links .talk-comment-like-button i.upvoted { color: #43bbfd; } .talk.inbox-conversation .delete-conversation { margin: 10px 0; } .talk .inbox-form input[type='text'] { width: 50%; } .talk .inbox-form textarea { width: 100%; margin: 5px 0; } .talk .inbox-form button[type='submit'] { background: #009e0c; border: 1px solid #009e0c; color: #fff; } .talk .inbox-form button[type='submit']:hover { background: #008e0b; border: 1px solid #008e0b; } .talk .talk-recents .talk-discussion-comments { max-width: 960px; margin: 0 auto; } .talk .talk-recents .talk-discussion-comments .talk-comment-links { display: none; } .talk .talk-recents .talk-subject-default-toggle { display: block; margin-bottom: 10px; } .talk .talk-recents .talk-subject-default-toggle label, .talk .talk-recents .talk-subject-default-toggle input { font-size: 0.5em; cursor: pointer; } .talk .talk-comment-feedback { color: #008000; text-decoration: italic; } .talk .talk-comment-container { position: relative; } .talk .talk-comment-box { width: 100%; overflow: auto; } .talk .talk-comment-box .talk-comment-focus-image { float: left; max-width: 150px; } .talk .talk-comment-box .talk-comment-form { float: left; width: 100%; } .talk .talk-comment-box .talk-comment-form textarea { width: 100%; height: 150px; } .talk .talk-comment-box .talk-comment-form section { text-align: right; margin-top: 5px; } .talk .talk-comment-box .talk-comment-form section button { display: inline; } .talk .talk-comment-box .talk-comment-form section button.active { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .talk .talk-comment-box .talk-comment-form section button:not(:last-child) { margin-right: 5px; } .talk .talk-comment-box .talk-comment-form section button[type='submit'] { color: #fff; background-color: #009e0c; border-color: #008e0b; } .talk .talk-comment-box .talk-comment-form section button[type='submit']:hover { background-color: #00c10f; border-color: #009e0c; } .talk .talk-comment-box .talk-comment-buttons-container { display: block; float: left; width: 100%; } .talk .talk-comment-box .talk-comment-children { float: left; width: 100%; } .talk .talk-comment-box .talk-comment-image-selector .talk-comment-suggested-images { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .talk .talk-comment-box .talk-comment-image-selector .talk-comment-image-item { position: relative; display: inline-block; } .talk .talk-comment-box .talk-comment-image-selector .talk-comment-image-item img { max-width: 300px; display: inline-block; vertical-align: top; } .talk .talk-comment-box .talk-comment-image-selector .talk-comment-image-item .image-card-select { position: absolute; text-align: center; top: 0; left: 0; right: 0; bottom: 0; } .talk .talk-comment-box .talk-comment-image-selector .talk-comment-image-item .image-card-select button { position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; -ms-transition: opacity 0.25s; transition: opacity 0.25s; top: 50%; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .talk .talk-comment-box .talk-comment-image-selector .talk-comment-image-item .image-card-select button:hover { opacity: 1; -ms-filter: none; filter: none; } .talk .talk-comment-box .talk-comment-image-selector form input[type='search'] { border-color: #fff; } .talk .talk-comment-box .talk-comment-image-selector form button[type='submit'] { border-color: transparent; background: #4cbefd; color: #fff; } .talk .submit-error { color: #e45950; } .talk .talk-edit-discussion-form .toggle { display: block; font-weight: bold; margin: 10px 0; } .talk .talk-search-result { background: rgba(247,247,247,0.5); margin: 10px auto; padding: 5px; } .talk .talk-search-result img, .talk .talk-search-result video { margin: 0 0.5em; float: left; } .talk .talk-search-result .subject-container, .talk .talk-search-result .subject-viewer { max-width: 640px; } .talk .talk-search-result .subject-container img, .talk .talk-search-result .subject-viewer img { max-width: 100%; } .talk .talk-search-result .tag-list { padding: 0 5px; } .talk .talk-search-result .tag-list li { list-style: none outside none; display: inline-block; margin: 0 5px; } .talk .private-message-form input { margin-left: 5px; width: 50%; border: none; font-size: 1em; } .talk .talk-footnote { margin: 50px auto; text-align: center; max-width: 600px; } .talk.notifications .centering { text-align: center; } .talk.notifications .inline-block { display: inline-block; } .talk.notifications .talk-module { background-color: #fafafa; border: none; opacity: 0.97; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; filter: alpha(opacity=97); } .talk.notifications .title { color: #646464; text-transform: capitalize; } .talk.notifications .notification.unread .talk-module { border: 4px solid #00979d; } .talk.notifications .notification .talk-module { -webkit-transition: border-color 1s ease; -moz-transition: border-color 1s ease; -o-transition: border-color 1s ease; -ms-transition: border-color 1s ease; transition: border-color 1s ease; } .talk.notifications .paginator { opacity: 0.97; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; filter: alpha(opacity=97); } .talk.notifications .paginator.older .paginator-prev { display: none; } .talk.notifications .paginator.newer .paginator-prev { margin-right: 10px; } .talk.notifications .paginator.newer .paginator-next { display: none; } .talk.notifications .title { margin-top: 0; } .talk.notifications .bottom { border-top: 1px solid #cbcccb; padding: 5px; } .talk.notifications .bottom .time-ago { font-size: 0.9em; } .talk.notifications .talk-started-discussion .talk-search-result { margin: 0; padding: 0; border: none; } .talk.notifications .talk-started-discussion .talk-search-result .talk-comment-link { display: none; } .talk.notifications .talk-discussion-preview { border-bottom: none; margin: auto; } .talk.notifications .talk-discussion-preview h1, .talk.notifications .talk-discussion-preview .preview-stats, .talk.notifications .talk-discussion-preview .latest-comment-preview-link { display: none; } .talk.notifications .message-link { display: block; text-decoration: none; } .talk.notifications .message-link:hover { text-decoration: underline; } .talk .suggester .suggestions { position: absolute; display: none; z-index: 2; background-color: #fff; border: 1px solid #f2f1f1; border-radius: 6px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); margin-top: 1.5em; padding: 0; } .talk .suggester .suggestions .title { margin: 0; padding: 5px 10px; font-size: 1em; line-height: 1em; text-align: center; background-color: #f7f7f7; border-bottom: 1px solid #f2f1f1; } .talk .suggester .suggestions .title .loading { margin-left: 10px; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .talk .suggester .suggestions .title .loading.shown { opacity: 1; -ms-filter: none; filter: none; } .talk .suggester .suggestions ul { list-style: none outside none; margin: 0; padding: 0; } .talk .suggester .suggestions ul li { padding: 5px 10px; border-bottom: 1px solid #f2f1f1; cursor: pointer; } .talk .suggester .suggestions ul li small { font-weight: normal; color: #898989; } .talk .suggester .suggestions ul li.user { font-weight: bold; } .talk .suggester .suggestions ul li:hover { background-color: #38b978; color: #fff; } .talk .suggester .suggestions ul li:hover small { color: #fff; } .user-profile { background-color: #fbfbfb; } .user-profile .user-profile-hero { position: relative; } .user-profile .user-profile-hero .overlay { background-color: #00979d; left: 0; top: 0; bottom: 0; right: 0; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: absolute; } .user-profile .user-profile-hero .hero-container { position: relative; z-index: 1; margin: 0; max-width: initial; } .user-profile .user-profile-hero .hero-container img.avatar { margin-right: 10px; } .user-profile .user-profile-hero .hero-container span.login-name { padding-left: 7px; font-size: 0.65em; font-weight: 200; } .user-profile .user-profile-content { font-size: 15px; line-height: 1.5; margin: 0 3vw; } .user-profile .private-message-page { max-width: 800px; margin: 0 auto; } .user-profile .private-message-page .block-user .description { display: inline-block; margin: auto 10px; color: #989898; } .profile-feed-comment-link { background: #fff; border: 1px solid rgba(128,128,128,0.2); border-radius: 0.3em; color: inherit; display: block; font-size: 14px; margin: 0.5em 0; padding: 0.5em 1em; text-decoration: none; } .profile-feed-comment-link > header { font-size: 12px; } .profile-feed-comment-link img { max-width: 100%; } .settings-page, .admin-page { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin: 3em auto; max-width: 960px; } .settings-page h2, .admin-page h2 { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 2.4em; font-weight: 400; } .settings-page .settings-side-bar, .admin-page .settings-side-bar, .settings-page .admin-side-bar, .admin-page .admin-side-bar { border-right: solid thin rgba(0,0,0,0.15); } .settings-page .settings-side-bar .settings-button, .admin-page .settings-side-bar .settings-button, .settings-page .admin-side-bar .settings-button, .admin-page .admin-side-bar .settings-button, .settings-page .settings-side-bar .admin-button, .admin-page .settings-side-bar .admin-button, .settings-page .admin-side-bar .admin-button, .admin-page .admin-side-bar .admin-button { color: #5a5a5a; margin: 0 0 2.025em; outline: none; } .settings-page .settings-side-bar .settings-button.active, .admin-page .settings-side-bar .settings-button.active, .settings-page .admin-side-bar .settings-button.active, .admin-page .admin-side-bar .settings-button.active, .settings-page .settings-side-bar .admin-button.active, .admin-page .settings-side-bar .admin-button.active, .settings-page .admin-side-bar .admin-button.active, .admin-page .admin-side-bar .admin-button.active { font-weight: 700; } .settings-page .settings-content, .admin-page .settings-content, .settings-page .admin-content, .admin-page .admin-content { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5em; } .settings-page .settings-content .settings-tab-content, .admin-page .settings-content .settings-tab-content, .settings-page .admin-content .settings-tab-content, .admin-page .admin-content .settings-tab-content, .settings-page .settings-content .admin-tab-content, .admin-page .settings-content .admin-tab-content, .settings-page .admin-content .admin-tab-content, .admin-page .admin-content .admin-tab-content { -webkit-box-flex: 2; -moz-box-flex: 2; -o-box-flex: 2; box-flex: 2; -webkit-flex: 2 1 80%; -ms-flex: 2 1 80%; flex: 2 1 80%; font-size: 15px; line-height: 1.5; } .settings-page .settings-content .settings-tab-content .project-status-filters, .admin-page .settings-content .settings-tab-content .project-status-filters, .settings-page .admin-content .settings-tab-content .project-status-filters, .admin-page .admin-content .settings-tab-content .project-status-filters, .settings-page .settings-content .admin-tab-content .project-status-filters, .admin-page .settings-content .admin-tab-content .project-status-filters, .settings-page .admin-content .admin-tab-content .project-status-filters, .admin-page .admin-content .admin-tab-content .project-status-filters { padding-left: 2em; } .settings-page .settings-content .settings-tab-content .project-status-filters a, .admin-page .settings-content .settings-tab-content .project-status-filters a, .settings-page .admin-content .settings-tab-content .project-status-filters a, .admin-page .admin-content .settings-tab-content .project-status-filters a, .settings-page .settings-content .admin-tab-content .project-status-filters a, .admin-page .settings-content .admin-tab-content .project-status-filters a, .settings-page .admin-content .admin-tab-content .project-status-filters a, .admin-page .admin-content .admin-tab-content .project-status-filters a { text-decoration: none; margin-right: 0.5em; } .settings-page .settings-content .settings-tab-content .project-status-list, .admin-page .settings-content .settings-tab-content .project-status-list, .settings-page .admin-content .settings-tab-content .project-status-list, .admin-page .admin-content .settings-tab-content .project-status-list, .settings-page .settings-content .admin-tab-content .project-status-list, .admin-page .settings-content .admin-tab-content .project-status-list, .settings-page .admin-content .admin-tab-content .project-status-list, .admin-page .admin-content .admin-tab-content .project-status-list { padding: 2em; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .settings-page .settings-content .settings-tab-content .project-status-list .stats-project-icon, .admin-page .settings-content .settings-tab-content .project-status-list .stats-project-icon, .settings-page .admin-content .settings-tab-content .project-status-list .stats-project-icon, .admin-page .admin-content .settings-tab-content .project-status-list .stats-project-icon, .settings-page .settings-content .admin-tab-content .project-status-list .stats-project-icon, .admin-page .settings-content .admin-tab-content .project-status-list .stats-project-icon, .settings-page .admin-content .admin-tab-content .project-status-list .stats-project-icon, .admin-page .admin-content .admin-tab-content .project-status-list .stats-project-icon { margin-right: 0.5em; } .settings-page .settings-content .settings-tab-content .project-status, .admin-page .settings-content .settings-tab-content .project-status, .settings-page .admin-content .settings-tab-content .project-status, .admin-page .admin-content .settings-tab-content .project-status, .settings-page .settings-content .admin-tab-content .project-status, .admin-page .settings-content .admin-tab-content .project-status, .settings-page .admin-content .admin-tab-content .project-status, .admin-page .admin-content .admin-tab-content .project-status { padding-left: 2em; } .settings-page .settings-content .settings-tab-content .project-status ul, .admin-page .settings-content .settings-tab-content .project-status ul, .settings-page .admin-content .settings-tab-content .project-status ul, .admin-page .admin-content .settings-tab-content .project-status ul, .settings-page .settings-content .admin-tab-content .project-status ul, .admin-page .settings-content .admin-tab-content .project-status ul, .settings-page .admin-content .admin-tab-content .project-status ul, .admin-page .admin-content .admin-tab-content .project-status ul { list-style-type: none; padding: 0; } .settings-page .settings-content .settings-tab-content .talk-email-preferences th, .admin-page .settings-content .settings-tab-content .talk-email-preferences th, .settings-page .admin-content .settings-tab-content .talk-email-preferences th, .admin-page .admin-content .settings-tab-content .talk-email-preferences th, .settings-page .settings-content .admin-tab-content .talk-email-preferences th, .admin-page .settings-content .admin-tab-content .talk-email-preferences th, .settings-page .admin-content .admin-tab-content .talk-email-preferences th, .admin-page .admin-content .admin-tab-content .talk-email-preferences th { padding: 0 5px; } .settings-page .settings-content .settings-tab-content .talk-email-preferences .option, .admin-page .settings-content .settings-tab-content .talk-email-preferences .option, .settings-page .admin-content .settings-tab-content .talk-email-preferences .option, .admin-page .admin-content .settings-tab-content .talk-email-preferences .option, .settings-page .settings-content .admin-tab-content .talk-email-preferences .option, .admin-page .settings-content .admin-tab-content .talk-email-preferences .option, .settings-page .admin-content .admin-tab-content .talk-email-preferences .option, .admin-page .admin-content .admin-tab-content .talk-email-preferences .option { text-align: center; } .settings-page .settings-content .settings-tab-content .customize-profile-tab, .admin-page .settings-content .settings-tab-content .customize-profile-tab, .settings-page .admin-content .settings-tab-content .customize-profile-tab, .admin-page .admin-content .settings-tab-content .customize-profile-tab, .settings-page .settings-content .admin-tab-content .customize-profile-tab, .admin-page .settings-content .admin-tab-content .customize-profile-tab, .settings-page .admin-content .admin-tab-content .customize-profile-tab, .admin-page .admin-content .admin-tab-content .customize-profile-tab { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .settings-page .settings-content .settings-tab-content .customize-profile-tab p, .admin-page .settings-content .settings-tab-content .customize-profile-tab p, .settings-page .admin-content .settings-tab-content .customize-profile-tab p, .admin-page .admin-content .settings-tab-content .customize-profile-tab p, .settings-page .settings-content .admin-tab-content .customize-profile-tab p, .admin-page .settings-content .admin-tab-content .customize-profile-tab p, .settings-page .admin-content .admin-tab-content .customize-profile-tab p, .admin-page .admin-content .admin-tab-content .customize-profile-tab p { color: rgba(100,100,100,0.5); font-size: 0.8em; margin: 1em 0; } .settings-page .settings-content .settings-tab-content .customize-profile-tab .profile-avatar-selector .image-selector, .admin-page .settings-content .settings-tab-content .customize-profile-tab .profile-avatar-selector .image-selector, .settings-page .admin-content .settings-tab-content .customize-profile-tab .profile-avatar-selector .image-selector, .admin-page .admin-content .settings-tab-content .customize-profile-tab .profile-avatar-selector .image-selector, .settings-page .settings-content .admin-tab-content .customize-profile-tab .profile-avatar-selector .image-selector, .admin-page .settings-content .admin-tab-content .customize-profile-tab .profile-avatar-selector .image-selector, .settings-page .admin-content .admin-tab-content .customize-profile-tab .profile-avatar-selector .image-selector, .admin-page .admin-content .admin-tab-content .customize-profile-tab .profile-avatar-selector .image-selector { height: 150px; max-width: 150px; } .settings-page .settings-content .settings-tab-content .customize-profile-tab .profile-header-selector .image-selector, .admin-page .settings-content .settings-tab-content .customize-profile-tab .profile-header-selector .image-selector, .settings-page .admin-content .settings-tab-content .customize-profile-tab .profile-header-selector .image-selector, .admin-page .admin-content .settings-tab-content .customize-profile-tab .profile-header-selector .image-selector, .settings-page .settings-content .admin-tab-content .customize-profile-tab .profile-header-selector .image-selector, .admin-page .settings-content .admin-tab-content .customize-profile-tab .profile-header-selector .image-selector, .settings-page .admin-content .admin-tab-content .customize-profile-tab .profile-header-selector .image-selector, .admin-page .admin-content .admin-tab-content .customize-profile-tab .profile-header-selector .image-selector { height: 150px; max-width: 540px; width: 100%; } .notification-section { background-color: #ededed; border-radius: 4px; margin: 1.5em 10%; overflow: hidden; padding: 1em 5%; } .notification-section__container { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .notification-section__item { width: 33%; } .notification-section__error { background: rgba(255,0,0,0.3); font-size: 0.8em; font-weight: bold; padding: 0.5em 2em; text-align: center; } .notification-section__title { color: #646464; text-align: center; text-decoration: none; text-transform: capitalize; } .notification-section__img { border-radius: 50%; max-width: 40px; max-height: 40px; } .notification-section__item-count { display: inline-block; font-size: 0.8em; padding: 0em 2em; } .notification-section__expand { float: right; } .notification-section button { background: none !important; border: none !important; outline: none; position: absolute; } .notification-section button:hover { color: inherit !important; } .notification-section .fa-star { color: #f0b200; float: right; } .notifications-title { margin: 0 10% 1em 10%; padding: 1em 0 0.75em 0; text-align: center; } .notifications-title__project { background: #f7f7f7; border: 2px solid #f2f1f1; border-radius: 4px; margin: 0 10%; padding: 5px; } .favorites-button i.favorited { color: #ff6347; } .talk.project { background: #fff; padding-bottom: 50px; } .inbox { max-width: 800px; width: 100%; margin: 2em auto; } .inbox .conversation-link { width: 100%; } .inbox .conversation-link.unread { border-color: #43bbfd; } .inbox .conversation-link > div { display: inline-block; width: 20%; font-size: 12px; word-wrap: break-word; color: #939393; } .inbox .conversation-link > div strong a { display: inline; color: #646464; font-style: normal; } .inbox .conversation-link > div > div { font-style: italic; } .inbox .conversation-link > a { vertical-align: calc(50%); } .inbox .conversation-link > div, .inbox .conversation-link i { margin-right: 5px; } .inbox-conversation { max-width: 800px; width: 100%; margin: 2em auto; } .inbox-conversation .conversation-message span strong { font-size: 12px; } .inbox-conversation .conversation-message span span { float: right; font-size: 10px; font-style: italic; } .inbox-conversation .conversation-message p { margin: 5px 0; } .new-message-form textarea { width: 100%; } .paginator { text-align: center; } .paginator > button { margin: 5px; } .paginator .paginator-page-selector { display: inline-block; margin: 0 0.25em; } .paginator .paginator-page-selector > select, .paginator .paginator-page-selector > select > option { color: #000; } .paginator .paginator-prev { background: none; color: #404040; } .paginator .paginator-prev:hover { background: #e45950; color: #fff; border-color: #e04035; } .paginator .paginator-next { background: none; color: #404040; } .paginator .paginator-next:hover { background: #009e0c; color: #fff; border-color: #008e0b; } .moderations section button { text-transform: capitalize; } .moderations section button:not(:last-child) { margin-right: 5px; } .moderations section button.active { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); pointer-events: none; } .moderations .moderations-actions-buttons { text-align: right; } .moderations .moderations-actions-buttons > p { margin: 0; } .moderations .moderations-actions-buttons > p > strong { text-transform: capitalize; } .moderations .moderations-actions-buttons .textarea-container { text-align: right; } .moderations .moderations-actions-buttons .textarea-container textarea { display: inline; } .moderations .moderations-actions-buttons button { color: #fff; text-transform: capitalize; } .moderations .moderations-actions-buttons button:not(:last-child) { margin-right: 5px; } .moderations .moderations-actions-buttons button.moderations-ignore { background: #f0b200; border-color: #e4a900; } .moderations .moderations-actions-buttons button.moderations-ignore:hover { background: #fdbc00; border-color: #f0b200; } .moderations .moderations-actions-buttons button.moderations-destroy { background: #e45950; border-color: #e24c43; } .moderations .moderations-actions-buttons button.moderations-destroy:hover { background: #e56159; border-color: #e45950; } .moderations .moderations-actions-buttons button.moderations-watch { background: #00979d; border-color: #008f95; } .moderations .moderations-actions-buttons button.moderations-watch:hover { background: #00a8af; border-color: #00979d; } .moderations .moderations-actions-buttons button.moderations-open { background: #009e0c; border-color: #00960b; } .moderations .moderations-actions-buttons button.moderations-open:hover { background: #00b00d; border-color: #009e0c; } .talk .subject-page { margin: 0 auto; } .talk .subject-page .subject-container { width: 100%; } .talk .subject-page .subject-container img { max-width: 100%; } .talk .subject-page .talk-discussion-preview .subject-preview { display: none; } .talk .subject-page .talk-comment-box .talk-comment-focus-image, .talk .subject-page .talk-comment-box .talk-comment-form .talk-comment-image-select-button { display: none; } .talk .subject-page .talk-comment-link a { text-decoration: none; } .talk .subject-page .talk-comment-link:hover .talk-module { background-color: #dedede; border-color: #c6c6c6; }