mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 15:02:23 +00:00
2b4162c0be
Reorganized the sass files. To incorporate, new mobile directory, which holds all the mobile sass code.
161 lines
4.7 KiB
SCSS
161 lines
4.7 KiB
SCSS
/*****************************************************************************
|
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
|
* as represented by the Administrator of the National Aeronautics and Space
|
|
* Administration. All rights reserved.
|
|
*
|
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
* License for the specific language governing permissions and limitations
|
|
* under the License.
|
|
*
|
|
* Open MCT Web includes source code licensed under additional open source
|
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
* this source code distribution or the Licensing information page available
|
|
* at runtime from the About dialog for additional information.
|
|
*****************************************************************************/
|
|
|
|
/************************** FEATURES */
|
|
$enableImageryThumbs: false; // Set to true if historical imagery thumbnails are supported
|
|
|
|
/************************** VERY INFLUENTIAL GLOBAL DIMENSIONS */
|
|
$bodyMargin: 10px;
|
|
$interiorMargin: 5px;
|
|
$interiorMarginLg: $interiorMargin * 2;
|
|
$interiorMarginSm: 3px;
|
|
$basicCr: 2px;
|
|
$controlCr: 2px;
|
|
$smallCr: 2px;
|
|
$badgeW: 35px;
|
|
|
|
/************************** COLORS AND SHADING */
|
|
$colorBodyBg: #333;
|
|
$colorBodyFg: #999;
|
|
$colorFooterBg: #000;
|
|
$colorKey: #0099cc;
|
|
$colorKeySelectedBg: #005177;
|
|
$colorKeyFg: #fff;
|
|
$colorAlt1: #ffc700;
|
|
$colorAlert: #ff3c00;
|
|
$colorPausedBg: #c56f01;
|
|
$colorPausedFg: #fff;
|
|
$colorCreateBtn: $colorKey;
|
|
$colorGridLines: rgba(#fff, 0.05);
|
|
// Menu colors
|
|
$colorMenuBg: lighten($colorBodyBg, 23%);
|
|
$colorMenuFg: lighten($colorMenuBg, 70%);
|
|
$colorMenuIc: lighten($colorKey, 17%);
|
|
$colorInteriorBorder: lighten($colorBodyBg, 10%);
|
|
$colorObjFrameBg: darken($colorBodyBg, 5%);
|
|
// Form colors
|
|
$colorCheck: $colorKey;
|
|
$colorFormRequired: #ffc700;
|
|
$colorFormValid: #33cc33;
|
|
$colorFormError: #cc0000;
|
|
$colorFormInvalid: #ff9900;
|
|
// Limits and staleness colors
|
|
$colorLimitYellow: #9d7500;
|
|
$colorLimitRed: #aa0000;
|
|
$colorTelemFresh: #fff;
|
|
$colorTelemStale: #888;
|
|
$styleTelemStale: italic;
|
|
// Bubble colors
|
|
$colorInfoBubbleFg: #666;
|
|
$colorInfoBubbleBg: #ddd;
|
|
$colorThumbsBubbleFg: lighten($colorBodyFg, 10%);
|
|
$colorThumbsBubbleBg: lighten($colorBodyBg, 10%);
|
|
// Overlay
|
|
$colorOvrBlocker: rgba(black, 0.7);
|
|
$colorOvrBg: $colorBodyBg;
|
|
$colorOvrFg: $colorBodyFg;
|
|
// Items
|
|
$colorItemBase: lighten($colorBodyBg, 5%);
|
|
$colorItemFg: lighten($colorItemBase, 20%);
|
|
$colorItemSelected: $colorKey;
|
|
// Tabular
|
|
$tabularColorBorder: rgba(white, 0.1);
|
|
$tabularColorBodyBg: darken($colorBodyBg, 10%);
|
|
$tabularColorBodyFg: lighten($tabularColorBodyBg, 40%);
|
|
$tabularColorHeaderBg: lighten($colorBodyBg, 10%);
|
|
$tabularColorHeaderFg: lighten($tabularColorHeaderBg, 40%);
|
|
|
|
/************************** RATIOS */
|
|
$ltGamma: 20%;
|
|
$btnFontSizeToH: 0.45;
|
|
|
|
/************************** LAYOUT */
|
|
$ueTopBarH: 24px; // Change when breadcrumb is enabled
|
|
$ueTopBarEditH: 30px;
|
|
$ueTopBarBtnH: 35px;
|
|
$ueFooterH: 25px;
|
|
$ueColMargin: 1.5%;
|
|
$ueAppLogoW: 105px;
|
|
$ueEditToolBarH: 25px;
|
|
$ueBrowseLeftPaneW: 25%;
|
|
$ueEditLeftPaneW: 75%;
|
|
// Overlay
|
|
$ovrTopBarH: 60px;
|
|
$ovrFooterH: 40px;
|
|
// Items
|
|
$ueBrowseGridItemLg: 200px;
|
|
$ueBrowseGridItemSm: 100%;
|
|
$ueBrowseGridItemTopBarH: 20px;
|
|
$ueBrowseGridItemBottomBarH: 30px;
|
|
$itemPadLR: 5px;
|
|
// Tree
|
|
$treeVCW: 10px;
|
|
$treeTypeIconW: 20px;
|
|
$treeContextTriggerW: 20px;
|
|
$colorItemTreeIcon: $colorKey;
|
|
$colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
|
|
$colorItemTreeVCHover: $colorAlt1;
|
|
// Tabular
|
|
$tabularHeaderH: 18px;
|
|
$tabularTdPadLR: $itemPadLR;
|
|
$tabularTdPadTB: 2px;
|
|
// Imagery
|
|
$imageMainControlBarH: 20px;
|
|
$imageThumbsD: 120px;
|
|
$imageThumbsWrapperH: $imageThumbsD * 1.4;
|
|
$imageThumbPad: 1px;
|
|
// Ticks
|
|
$ticksH: 25px;
|
|
$tickLblVMargin: 3px;
|
|
$tickLblH: 15px;
|
|
$tickLblW: 50px;
|
|
$tickH: $ticksH - $tickLblVMargin - $tickLblH;
|
|
$tickW: 1px;
|
|
// Bubbles
|
|
$bubbleArwSize: 10px;
|
|
$bubblePad: $interiorMargin;
|
|
$bubbleMinW: 100px;
|
|
$bubbleMaxW: 300px;
|
|
// Forms
|
|
$reqSymbolW: 15px;
|
|
$reqSymbolM: $interiorMargin * 2;
|
|
$reqSymbolFontSize: 0.7em;
|
|
|
|
/************************** CONTROLS */
|
|
$controlCr: $basicCr;
|
|
$controlDisabledOpacity: 0.3;
|
|
$formLabelW: 20%;
|
|
$formInputH: 22px;
|
|
$formRowCtrlsH: 14px;
|
|
$menuLineH: 1.4rem;
|
|
$scrollbarTrackSize: 10px;
|
|
$scrollbarTrackColorBg: rgba(#000, 0.4);
|
|
$btnStdH: 25px;
|
|
$btnToolbarH: $btnStdH;
|
|
|
|
/************************** PATHS */
|
|
$dirImgs: '../images/'; // Relative to platform/css/ directory
|
|
|
|
/************************** TIMINGS */
|
|
$controlFadeMs: 100ms;
|
|
|