ecomp-portal-FE-common/client/app/styles/variables.less

/*-
 * ============LICENSE_START==========================================
 * ONAP Portal
 * ===================================================================
 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
 * ===================================================================
 *
 * Unless otherwise specified, all software contained herein is licensed
 * under the Apache License, Version 2.0 (the "License");
 * you may not use this software 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.
 *
 * Unless otherwise specified, all documentation contained herein is licensed
 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
 * you may not use this documentation except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *             https://creativecommons.org/licenses/by/4.0/
 *
 * Unless required by applicable law or agreed to in writing, documentation
 * 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.
 *
 * ============LICENSE_END============================================
 *
 * ECOMP is a trademark and service mark of AT&T Intellectual Property.
 */
 /*----------------------------------    General    ----------------------------------------------------------------*/
@font-omnes-regular: Omnes-ECOMP-W02,Arial;
@font-omnes-medium: Omnes-ECOMP-W02-Medium,Arial;
@font-omnes-light: Omnes-ECOMP-W02-Light,Arial;
@font-omnes-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
@font-omnes-bold: Omnes-ECOMP-W02-Bold,Arial;
@font-clearview-regular: Omnes-ECOMP-W02,Arial;
@font-clearview-bold: Omnes-ECOMP-W02-Bold,Arial;
@font-clearview-light: Omnes-ECOMP-W02-Light,Arial;
@font-clearview-regular-italic: Omnes-ECOMP-W02-Italic,Arial;

@select-width: 440px;
@header-height: 55px;
@padding-left-side: 0px;
@footer-height: 75px;

@container-bottom:  32px;
/* Top of Pages */
@padding-top: 10px;
@page-main-top: 105px;
@page-main-left: 0;
@page-main-right: 0;
@page-main-bottom: @footer-height;
@page-main-position: fixed;
@page-main-overflow-y: scroll;

/* tables */
@table-width: 1170px;
@table-margin: auto;
@table-dropdown-filter-width: 460px;
@table-dropdown-filter-display: inline-block;
@table-margin-left: 230px;

@second-level-top: 62px;
@err: @funcRed;
@input-max-width: 234px;
/*------------------------------- Colors -------------------------------*/
@a : #067ab4;   // @portalBlue
@b : #156b97;
@c : #0c2577;   // @portalDBlue
@d : #44c8f5;
@e : #4ca90c;   // @portalGreen
@f : #27a337;
@g : #c4d82d;
@h : #ef6f00;
@i : #fbb313;
@j : #b30a3c;
@k : #e00000;
@l : #81017e;
@m : #da0081;
@n : #333333;   //@funcTextBlack
@o : #666666;   // @portalDGray
@p : #999999;   //@portalGray
@q : #d8d8d8;   //@portalLGray
@r : #eaeaea;
//@s : #f2f2f2;
@t : #f8f8f8;   // @funcBkgGray
@u : #ffffff;   //  @portalWhite
@v : #e6f6fb;   // @funcBkgGray
@z : #199ddf;
@bg : #F2F2F2;

// Signature color
@portalBlue    :   #009FDB;
//  Secondary Colors
@portalBlack   :   #000000;
@portalWhite   :   #ffffff;
@portalOrange   :   #EA7400;
//  Functional Colors
@funcBlueLink :   #0568AE;
@funcRed  :   #CF2A2A;
@funcYellow  :   #FFB81C;
@funcGreen  :   #007A3E;
@funcTextBlack  :   #191919;
@funcBkgGray   :   #F2F2F2;
//  Accent Colors
@portalLBlue   :   #71C5E8;
@portalDBlue   :   #0568AE;
@portalLGray   :   #D2D2D2;
@portalLightGray:   #eaeaea;
@portalGray   :   #959595;
@portalDGray   :   #5A5A5A;
@portalYellow   :   #FFB81C;
@portalLGreen   :   #B5BD00;
@portalGreen   :   #4CA90C;
@portalDGreen   :   #007A3E;
@portalLPurple   :   #CAA2DD;
@portalPurple   :   #9063CD;
@portalDPurple   :   #702F8A;

/*------------------------------- Buttons colors -------------------------------*/
@green-active: #4CA90C;
@green-hover: #209657;
@green-border: #45a006;
@blue-active: #067ab4;
@blue-hover: #39b1ec;
@blue-border: #036698;