gerrit.onap Code Review - vnfsdk/refrepo.git/blob

   1 .container {
   2   max-width: 960px;
   3 }
   4
   5 /*
   6  * Custom translucent site header
   7  */
   8
   9 .site-header {
  10   background-color: rgba(0, 0, 0, .85);
  11   -webkit-backdrop-filter: saturate(180%) blur(20px);
  12   backdrop-filter: saturate(180%) blur(20px);
  13 }
  14 .site-header a {
  15   color: #999;
  16   transition: ease-in-out color .15s;
  17 }
  18 .site-header a:hover {
  19   color: #fff;
  20   text-decoration: none;
  21 }
  22
  23 /*
  24  * Dummy devices (replace them with your own or something else entirely!)
  25  */
  26
  27 .product-device {
  28   position: absolute;
  29   right: 10%;
  30   bottom: -30%;
  31   width: 300px;
  32   height: 540px;
  33   background-color: #333;
  34   border-radius: 21px;
  35   -webkit-transform: rotate(30deg);
  36   transform: rotate(30deg);
  37 }
  38
  39 .product-device::before {
  40   position: absolute;
  41   top: 10%;
  42   right: 10px;
  43   bottom: 10%;
  44   left: 10px;
  45   content: "";
  46   background-color: rgba(255, 255, 255, .1);
  47   border-radius: 5px;
  48 }
  49
  50 .product-device-2 {
  51   top: -25%;
  52   right: auto;
  53   bottom: 0;
  54   left: 5%;
  55   background-color: #e5e5e5;
  56 }
  57
  58
  59 /*
  60  * Extra utilities
  61  */
  62
  63 .border-top { border-top: 1px solid #e5e5e5; }
  64 .border-bottom { border-bottom: 1px solid #e5e5e5; }
  65
  66 .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
  67
  68 .flex-equal > * {
  69   -ms-flex: 1;
  70   -webkit-box-flex: 1;
  71   flex: 1;
  72 }
  73 @media (min-width: 768px) {
  74   .flex-md-equal > * {
  75     -ms-flex: 1;
  76     -webkit-box-flex: 1;
  77     flex: 1;
  78   }
  79 }
  80
  81 .overflow-hidden { overflow: hidden; }