strong-arc/devtools/prefixed/responsiveDesignView.css.map

A visual suite for the StrongLoop API Platform

{"version":3,"sources":["responsiveDesignView.css"],"names":[],"mappings":"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","file":"responsiveDesignView.css","sourcesContent":["/*\n * Copyright 2014 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.responsive-design {\n    overflow: hidden;\n    position: relative;\n}\n\n.responsive-design-sliders-container {\n    position: absolute;\n    overflow: visible;\n}\n\n.responsive-design-slider-width,\n.responsive-design-slider-height {\n    flex: none;\n    justify-content: center;\n}\n\n.responsive-design-slider-thumb {\n    border: 1px solid rgb(231, 231, 231);\n    background-color: lightgray;\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\n    background-repeat: no-repeat;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex: 0 1 100px;\n}\n\n.responsive-design-slider-width .responsive-design-slider-thumb {\n    border-radius: 0 3px 3px 0;\n    border-left: none;\n}\n\n.responsive-design-slider-height .responsive-design-slider-thumb {\n    border-radius: 0 0 3px 3px;\n    border-top: none;\n}\n\n.responsive-design-thumb-handle {\n    content: url(Images/statusbarResizerHorizontal.png);\n    pointer-events: none;\n}\n\n.responsive-design-slider-height .responsive-design-thumb-handle  {\n    transform: rotate(90deg);\n}\n\n.responsive-design-page-scale-container {\n    position: absolute !important;\n    bottom: 0;\n    right: 0;\n    padding: 10px;\n    background-color: rgba(0, 0, 0, 0.3);\n    align-items: center;\n}\n\n.responsive-design-page-scale-label {\n    display: block;\n    height: 20px;\n    margin: 2px 0;\n    padding-top: 3px;\n    color: white;\n    cursor: default !important;\n}\n\n.responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item {\n    display: block;\n    width: 18px;\n    height: 18px;\n    border: 1px solid transparent;\n    border-radius: 2px;\n}\n\n.responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item:not(:disabled):hover {\n    box-shadow: rgb(255, 255, 255) 0 0 3px;\n}\n\n.responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item > .glyph {\n    background-color: rgb(180, 180, 180);\n    -webkit-mask-image: url(Images/responsiveDesign.png);\n    -webkit-mask-size: 112px 16px;\n    opacity: 1;\n}\n\n.responsive-design-page-scale-container .status-bar-item .glyph.shadow {\n    background-color: black !important;\n}\n\n@media (-webkit-min-device-pixel-ratio: 1.5) {\n    .responsive-design-page-scale-container .responsive-design-page-scale-button.status-bar-item > .glyph {\n        -webkit-mask-image: url(Images/responsiveDesign_2x.png);\n    }\n} /* media */\n\n.responsive-design-page-scale-increase > .glyph {\n    -webkit-mask-position: -81px 1px;\n}\n\n.responsive-design-page-scale-decrease > .glyph {\n    -webkit-mask-position: -97px 1px;\n}\n\n/* Toolbar */\n\n.responsive-design-toolbar {\n    display: flex;\n    flex: none;\n    background: linear-gradient(to bottom, rgb(64, 64, 64), rgb(58, 58, 58));\n    color: rgb(255, 255, 255);\n    overflow: hidden;\n    border-bottom: 1px solid rgb(104, 104, 104);\n}\n\n.responsive-design-separator {\n    flex: none;\n    width: 2px;\n    background-color: rgb(43, 43, 43);\n    margin: 2px;\n}\n\n.responsive-design-section {\n    display: flex;\n    flex: none;\n    flex-direction: column;\n    white-space: nowrap;\n    align-items: stretch;\n    justify-content: flex-start;\n    padding: 0 10px;\n}\n\n.responsive-design-section .status-bar-item .glyph.shadow {\n    background-color: black !important;\n}\n\n\n.responsive-design-section-separator {\n    height: 2px;\n}\n\n.responsive-design-suite {\n    display: flex;\n    flex-direction: row;\n    padding-top: 2px;\n    padding-bottom: 2px;\n    color: rgb(180, 180, 180);\n}\n\n.responsive-design-suite.responsive-design-suite-top {\n    color: rgb(255, 255, 255);\n}\n\n.responsive-design-suite-separator {\n    flex: none;\n    width: 1px;\n    background-color: rgb(43, 43, 43);\n    margin: 0 3px;\n}\n\n.responsive-design-suite > div:not(.responsive-design-suite-separator) {\n    flex: none;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    height: 23px;\n    overflow: hidden;\n}\n\n/* Toolbar controls */\n\n.responsive-design-toolbar fieldset,\n.responsive-design-toolbar p {\n    margin: 0;\n    border: 0;\n    padding: 0;\n    display: inline-block;\n}\n\n.responsive-design-toolbar .field-error-message {\n    display: none;\n}\n\n.responsive-design-toolbar label {\n    cursor: default !important;\n}\n\n.responsive-design-toolbar input[type='text'] {\n    text-align: left;\n    background-color: transparent;\n    border: none;\n    margin: 0 1px 1px 0;\n    padding: 3px 2px;\n}\n\n.responsive-design-toolbar input[type='text'].numeric {\n    text-align: center;\n}\n\n.responsive-design-toolbar input:focus::-webkit-input-placeholder {\n    color: transparent !important;\n}\n\n.responsive-design-toolbar fieldset:disabled input,\n.responsive-design-toolbar fieldset:disabled button {\n    opacity: 0.7;\n}\n\n.responsive-design-toolbar input[type='checkbox'] {\n    -webkit-appearance: none;\n    margin: auto 5px auto 2px;\n    border: 1px solid rgb(45, 45, 45);\n    border-radius: 3px;\n    background-color: rgb(102, 102, 102);\n    position: relative;\n    top: 1px;\n}\n\n.responsive-design-toolbar input[type='checkbox']:after {\n    content: '';\n    line-height: 10px;\n    position: absolute;\n    cursor: pointer;\n    width: 12px;\n    height: 12px;\n    background: none;\n}\n\n.responsive-design-toolbar input[type='checkbox']:checked:after {\n    background: rgb(220, 220, 220);\n}\n\n.responsive-design-toolbar input.error-input {\n    color: red !important;\n    text-decoration: line-through;\n}\n\n.responsive-design-toolbar select {\n    height: 18px;\n    background-color: rgb(81, 81, 81);\n    border: 0;\n    margin-left: 10px;\n    line-height: 16px;\n}\n\nbody.platform-mac .responsive-design-toolbar select {\n    position: relative;\n    top: 1px;\n}\n\n.responsive-design-toolbar input:focus {\n    background-color: rgb(81, 81, 81);\n}\n\n/* Toolbar icons */\n\n.responsive-design-icon.status-bar-item > .glyph {\n    background-color: rgb(180, 180, 180);\n    -webkit-mask-image: url(Images/responsiveDesign.png);\n    -webkit-mask-size: 112px 16px;\n}\n\n.responsive-design-icon.status-bar-item {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    position: relative;\n    top: 4px;\n}\n\n.responsive-design-icon.status-bar-item:disabled .glyph {\n    opacity: 1 !important;\n}\n\n@media (-webkit-min-device-pixel-ratio: 1.5) {\n    .responsive-design-icon.status-bar-item > .glyph {\n        -webkit-mask-image: url(Images/responsiveDesign_2x.png);\n    }\n} /* media */\n\n.responsive-design-toolbar input[type='checkbox']:after {\n    -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);\n    -webkit-mask-size: 320px 144px;\n    -webkit-mask-position: -128px -110px;\n}\n\n@media (-webkit-min-device-pixel-ratio: 1.5) {\n    .responsive-design-toolbar input[type='checkbox']:after {\n        -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);\n    }\n} /* media */\n\n.responsive-design-icon-resolution.status-bar-item > .glyph {\n    -webkit-mask-position: 0 0;\n}\n\n.responsive-design-icon-dpr.status-bar-item > .glyph {\n    -webkit-mask-position: -16px 0;\n}\n\n.responsive-design-icon-swap.status-bar-item > .glyph {\n    background-color: rgb(255, 170, 0);\n    -webkit-mask-position: -32px 0;\n    -webkit-appearance: none;\n    padding: 0;\n    border: 0;\n}\n\n.responsive-design-icon-swap.status-bar-item:hover > .glyph {\n    background-color: rgb(255, 180, 0);\n}\n\n.responsive-design-icon-swap:active {\n    opacity: 0.8;\n}\n\n/* Buttons section */\n\n.responsive-design-section-buttons {\n    padding: 0;\n}\n\n.responsive-design-section-buttons .status-bar-item {\n    margin: 2px 0;\n}\n\n.responsive-design-section-buttons .status-bar-item .glyph {\n    background-color: white;\n}\n\n.responsive-design-more-button-container {\n    flex: auto;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-end;\n    overflow: hidden;\n}\n\n.responsive-design-more-button {\n    -webkit-appearance: none;\n    border: 0;\n    background-color: transparent;\n    color: white;\n    opacity: 0.8;\n    font-size: 16px;\n    text-shadow: black 1px 1px;\n}\n\n.responsive-design-more-button:hover {\n    opacity: 1;\n}\n\n.responsive-design-more-button:active {\n    opacity: 0.8;\n}\n\n/* Device section */\n\n.responsive-design-section-device .responsive-design-section-separator {\n    background: linear-gradient(to bottom, rgb(255, 186, 68), rgb(255, 119, 0));\n}\n\n.responsive-design-section-device select {\n    width: 185px;\n}\n\n.responsive-design-section-device input[type='text'],\n.responsive-design-section-device input[type='text']::-webkit-input-placeholder,\n.responsive-design-section-device select {\n    color: rgb(255, 156, 0);\n}\n\n.responsive-design-section-device input[type='checkbox']:checked:after {\n    background: rgb(255, 156, 0);\n}\n\n.responsive-design-device-select button {\n    display: none !important;\n}\n\n/* Network section */\n\n.responsive-design-section-network select {\n    width: 185px;\n}\n\n.responsive-design-section-network input[type='text'] {\n    width: 222px;\n    margin-left: 5px;\n}\n\n.responsive-design-section-network input[type='text'],\n.responsive-design-section-network input[type='text']::-webkit-input-placeholder,\n.responsive-design-section-network select {\n    color: rgb(65, 175, 255);\n}\n\n.responsive-design-section-network .responsive-design-section-separator {\n    background: linear-gradient(to bottom, rgb(77, 170, 243), rgb(0, 130, 255));\n}\n\n/* Warning message */\n\n.responsive-design-warning {\n    background-color: rgb(252, 234, 156);\n    color: #222;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    padding: 2px 4px;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    border-bottom: 1px solid rgb(171, 171, 171);\n}\n\n.responsive-design-warning > span {\n    flex: auto;\n    padding-left: 3px;\n    overflow: hidden;\n}\n\n.responsive-design-warning > div {\n    flex: none;\n}\n\n.responsive-design-ruler-glasspane {\n    position: absolute;\n    left: 0px;\n    right: 0px;\n    top: 0px;\n    background-color: transparent;\n    overflow: hidden;\n}\n\n.responsive-design-toggle-media-inspector .glyph {\n    background-color: rgb(180, 180, 180);\n    -webkit-mask-position: -128px -48px;\n}\n\n.responsive-design-toolbar button.responsive-design-toggle-media-inspector.toggled-on .glyph:not(.shadow) {\n    background-color: rgb(105, 194, 236) !important;\n}\n\n/* media */\n\n.responsive-design-media-container {\n    flex: none;\n}\n\n.view.media-inspector-view {\n    overflow-y: auto;\n    overflow-x: hidden;\n    background-color: rgb(0, 0, 0);\n    max-height: 100px;\n}\n\n.media-inspector-view:not(.media-inspector-view-empty) {\n    border-bottom: 1px solid rgb(104, 104, 104);\n}\n\n.media-inspector-view::-webkit-scrollbar {\n    background: rgb(54, 54, 54);\n}\n\n.media-inspector-view::-webkit-scrollbar-thumb {\n    background: rgb(94, 94, 94);\n}\n\n.media-inspector-marker-container {\n    position: relative;\n    margin: 2px 0 2px 0;\n}\n\n.media-inspector-marker {\n    position: absolute;\n    top: 0px;\n    bottom: 0px;\n    white-space: nowrap;\n}\n\n.media-inspector-marker-inactive {\n    -webkit-filter: brightness(75%);\n}\n\n.media-inspector-marker-container:hover {\n    background-color: rgb(32, 32, 32);\n}\n\n.media-inspector-marker-container:hover .media-inspector-marker {\n    -webkit-filter: brightness(125%);\n}\n\n.media-inspector-marker-container-max-width .media-inspector-marker {\n    background-color: rgba(111, 168, 220, 0.66);\n    border-right: 5px solid rgba(111, 168, 220, 0.86);\n}\n\n.media-inspector-marker-container-min-max-width .media-inspector-marker {\n    background-color: rgba(100, 200, 0, 0.66);\n    border-left: 5px solid rgba(100, 200, 0, 0.86);\n    border-right: 5px solid rgba(100, 200, 0, 0.86);\n}\n\n.media-inspector-marker-container-min-width .media-inspector-marker {\n    background-color: rgba(225, 124, 0, 0.66);\n    border-left: 5px solid rgba(225, 124, 0, 0.86);\n}\n\n.media-inspector-marker-container:not(.media-inspector-marker-container-max-width) .media-inspector-max-label-filler,\n.media-inspector-marker-container:not(.media-inspector-marker-container-max-width) .media-inspector-min-label-filler {\n    min-width: 50px;\n}\n\n.media-inspector-max-label-filler {\n    flex: auto;\n}\n\n.media-inspector-min-label-filler {\n    display: flex;\n    justify-content: flex-end;\n}\n\n.media-inspector-marker-label {\n    color: rgb(180, 180, 180);\n    position: relative;\n    text-shadow: 0px 0px 2px black;\n}\n\n.media-inspector-min-label {\n    padding-right: 11px;\n}\n\n.media-inspector-min-label::after {\n    position: absolute;\n    padding-left: 2px;\n    right: -1px;\n    height: 6px;\n    content: url(Images/graphLabelCalloutLeft.png);\n    -webkit-filter: invert(0.8);\n    box-sizing: border-box;\n}\n\n.media-inspector-max-label {\n    padding-left: 11px;\n}\n\n.media-inspector-max-label::before {\n    position: absolute;\n    padding-right: 2px;\n    left: -1px;\n    height: 6px;\n    content: url(Images/graphLabelCalloutRight.png);\n    -webkit-filter: invert(0.8);\n}\n\n.media-inspector-threshold-serif {\n    position: absolute;\n    top: 0px;\n    bottom: 0px;\n    width: 5px;\n    margin-left: -2px;\n}\n\n.media-inspector-threshold-serif::before {\n    content: \".\";\n    color: transparent;\n    position: absolute;\n    left: 2px;\n    right: 2px;\n    top: 0px;\n    bottom: 0px;\n    border-left: 1px solid rgba(225, 124, 0, 0.86);\n    box-sizing: border-box;\n}\n\n.media-inspector-threshold-serif:hover {\n    background-color: rgba(225, 124, 0, 0.86);\n}\n\n.media-inspector-marker-highlight-1 {\n    -webkit-animation: media-inspector-animation-highlight-1 0.7s 1;\n}\n\n.media-inspector-marker-highlight-2 {\n    -webkit-animation: media-inspector-animation-highlight-2 0.7s 1;\n}\n\n\n@-webkit-keyframes media-inspector-animation-highlight-1 {\n    from { -webkit-filter: brightness(135%); }\n    to { -webkit-filter: brightness(100%); }\n}\n\n@-webkit-keyframes media-inspector-animation-highlight-2 {\n    from { -webkit-filter: brightness(135%); }\n    to { -webkit-filter: brightness(100%); }\n}\n"],"sourceRoot":"/source/"}