vid-app-common/src/main/webapp/app/vid/styles/modals.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * VID
   4  * ================================================================================
   5  * Copyright (C) 2017 - 2019 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 @font-face {
  22     font-family: OpenSans-Light;
  23     src: url("fonts/OpenSans/OpenSans-Light.ttf") format('truetype');
  24 }
  25 @font-face {
  26     font-family: OpenSans-Regular;
  27     src: url("fonts/OpenSans/OpenSans-Regular.ttf") format('truetype');
  28 }
  29 @font-face {
  30     font-family: OpenSans-Semibold;
  31     src: url("fonts/OpenSans/OpenSans-Semibold.ttf") format('truetype');
  32 }
  33
  34 .modal-header * {
  35     font-family: OpenSans-Light;
  36 }
  37 .modal-body * {
  38     font-family: OpenSans-Regular;
  39 }
  40 .modal-footer * {
  41     font-family: OpenSans-Semibold;
  42 }
  43
  44 .modal-header {
  45     border-bottom: 3px solid;
  46     margin: auto;
  47     width: 95%;
  48     padding: 10px 0;
  49     font-size: 22px;
  50 }
  51 .modal-header #cancel {
  52     cursor: pointer;
  53 }
  54 .modal-title {
  55     float: left;
  56 }
  57 .modal-content {
  58     font-size: 15px;
  59     border-radius: 0;
  60     color: #191919;
  61 }
  62 .modal-footer {
  63     background-color: #F8F8F8;
  64     height: 60px;
  65 }
  66 .modal-footer .btn {
  67     color: #FFF;
  68     background-color: #009FDB;
  69     border-color: #009FDB;
  70     margin-right: 0;
  71     font-size: 13px;
  72 }