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

   1 @CHARSET "ISO-8859-1";
   2 .icon-lock {
   3   width: 48px;
   4   height: 48px;
   5   position: relative;
   6   overflow: hidden;
   7   margin-left: 25px;
   8   margin-bottom: 25px;
   9 }
  10
  11 .icon-lock .lock-top-1 {
  12   width: 40%;
  13   height: 40%;
  14   position: absolute;
  15   left: 50%;
  16   margin-left: -20%;
  17   top: 14%;
  18   background-color: #000;
  19   border-radius: 40%;
  20 }
  21
  22 .icon-lock .lock-top-2 {
  23   width: 24%;
  24   height: 40%;
  25   position: absolute;
  26   left: 50%;
  27   margin-left: -12%;
  28   top: 22%;
  29   background-color: #151517;
  30   border-radius: 25%;
  31 }
  32
  33 .icon-lock .lock-body {
  34   width: 60%;
  35   height: 48%;
  36   position: absolute;
  37   left: 50%;
  38   margin-left: -30%;
  39   bottom: 11%;
  40   background-color: #000;
  41   border-radius: 15%;
  42 }
  43
  44 .icon-lock .lock-hole {
  45   width: 16%;
  46   height: 16%;
  47   position: absolute;
  48   left: 50%;
  49   margin-left: -8%;
  50   top: 51%;
  51   border-radius: 100%;
  52   background-color: #151517;
  53 }
  54
  55 .icon-lock .lock-hole:after {
  56   content: "";
  57   width: 43%;
  58   height: 78%;
  59   position: absolute;
  60   left: 50%;
  61   margin-left: -20%;
  62   top: 100%;
  63   background-color: inherit;
  64 }