POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/lockdownIcon.css

   1 /*
   2  * ============LICENSE_START==================================================
   3  * ONAP Policy Engine
   4  * ===========================================================================
   5  * Copyright (C) 2017-2018 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 @CHARSET "ISO-8859-1";
  22 .icon-lock {
  23   width: 48px;
  24   height: 48px;
  25   position: relative;
  26   overflow: hidden;
  27   margin-left: 25px;
  28   margin-bottom: 25px;
  29 }
  30
  31 .icon-lock .lock-top-1 {
  32   width: 40%;
  33   height: 40%;
  34   position: absolute;
  35   left: 50%;
  36   margin-left: -20%;
  37   top: 14%;
  38   background-color: #000;
  39   border-radius: 40%;
  40 }
  41
  42 .icon-lock .lock-top-2 {
  43   width: 24%;
  44   height: 40%;
  45   position: absolute;
  46   left: 50%;
  47   margin-left: -12%;
  48   top: 22%;
  49   background-color: #151517;
  50   border-radius: 25%;
  51 }
  52
  53 .icon-lock .lock-body {
  54   width: 60%;
  55   height: 48%;
  56   position: absolute;
  57   left: 50%;
  58   margin-left: -30%;
  59   bottom: 11%;
  60   background-color: #000;
  61   border-radius: 15%;
  62 }
  63
  64 .icon-lock .lock-hole {
  65   width: 16%;
  66   height: 16%;
  67   position: absolute;
  68   left: 50%;
  69   margin-left: -8%;
  70   top: 51%;
  71   border-radius: 100%;
  72   background-color: #151517;
  73 }
  74
  75 .icon-lock .lock-hole:after {
  76   content: "";
  77   width: 43%;
  78   height: 78%;
  79   position: absolute;
  80   left: 50%;
  81   margin-left: -20%;
  82   top: 100%;
  83   background-color: inherit;
  84 }