github.com/nsqio/nsq@v1.3.0/nsqadmin/static/css/base.scss (about)

     1  .red {
     2      color: #c30;
     3  }
     4  
     5  .red:hover {
     6      color: #f30;
     7  }
     8  
     9  .bold {
    10      font-weight: bold;
    11  }
    12  
    13  .graph-row td {
    14      text-align: center;
    15  }
    16  
    17  .image-preview {
    18      display: none;
    19      position: absolute;
    20      z-index: 100;
    21      height: 240px;
    22      width: 480px;
    23  }
    24  
    25  .white {
    26      color:#fff;
    27  }
    28  
    29  .bubblingG {
    30      text-align: center;
    31      width:125px;
    32      height:78px;
    33  }
    34  
    35  .bubblingG span {
    36      display: inline-block;
    37      vertical-align: middle;
    38      width: 16px;
    39      height: 16px;
    40      margin: 39px auto;
    41      background: #006FC4;
    42      -moz-border-radius: 79px;
    43      -moz-animation: bubblingG 0.9s infinite alternate;
    44      -webkit-border-radius: 79px;
    45      -webkit-animation: bubblingG 0.9s infinite alternate;
    46      -ms-border-radius: 79px;
    47      -ms-animation: bubblingG 0.9s infinite alternate;
    48      -o-border-radius: 79px;
    49      -o-animation: bubblingG 0.9s infinite alternate;
    50      border-radius: 79px;
    51      animation: bubblingG 0.9s infinite alternate;
    52  }
    53  
    54  #bubblingG_1 {
    55      -moz-animation-delay: 0s;
    56      -webkit-animation-delay: 0s;
    57      -ms-animation-delay: 0s;
    58      -o-animation-delay: 0s;
    59      animation-delay: 0s;
    60  }
    61  
    62  #bubblingG_2 {
    63      -moz-animation-delay: 0.27s;
    64      -webkit-animation-delay: 0.27s;
    65      -ms-animation-delay: 0.27s;
    66      -o-animation-delay: 0.27s;
    67      animation-delay: 0.27s;
    68  }
    69  
    70  #bubblingG_3 {
    71      -moz-animation-delay: 0.54s;
    72      -webkit-animation-delay: 0.54s;
    73      -ms-animation-delay: 0.54s;
    74      -o-animation-delay: 0.54s;
    75      animation-delay: 0.54s;
    76  }
    77  
    78  @-moz-keyframes bubblingG {
    79      0% {
    80          width: 16px;
    81          height: 16px;
    82          background-color:#006FC4;
    83          -moz-transform: translateY(0);
    84      }
    85      100% {
    86          width: 38px;
    87          height: 38px;
    88          background-color:#FFFFFF;
    89          -moz-transform: translateY(-33px);
    90      }
    91  }
    92  
    93  @-webkit-keyframes bubblingG {
    94      0% {
    95          width: 16px;
    96          height: 16px;
    97          background-color:#006FC4;
    98          -webkit-transform: translateY(0);
    99      }
   100      100% {
   101          width: 38px;
   102          height: 38px;
   103          background-color:#FFFFFF;
   104          -webkit-transform: translateY(-33px);
   105      }
   106  }
   107  
   108  @-ms-keyframes bubblingG {
   109      0% {
   110          width: 16px;
   111          height: 16px;
   112          background-color:#006FC4;
   113          -ms-transform: translateY(0);
   114      }
   115      100% {
   116          width: 38px;
   117          height: 38px;
   118          background-color:#FFFFFF;
   119          -ms-transform: translateY(-33px);
   120      }
   121  }
   122  
   123  @-o-keyframes bubblingG {
   124      0% {
   125          width: 16px;
   126          height: 16px;
   127          background-color:#006FC4;
   128          -o-transform: translateY(0);
   129      }
   130      100% {
   131          width: 38px;
   132          height: 38px;
   133          background-color:#FFFFFF;
   134          -o-transform: translateY(-33px);
   135      }
   136  }
   137  
   138  @keyframes bubblingG {
   139      0% {
   140          width: 16px;
   141          height: 16px;
   142          background-color:#006FC4;
   143          transform: translateY(0);
   144      }
   145      100% {
   146          width: 38px;
   147          height: 38px;
   148          background-color:#FFFFFF;
   149          transform: translateY(-33px);
   150      }
   151  }
   152  
   153  .bubblingG {
   154      position:absolute;
   155      left:0; right:0;
   156      top:0; bottom:0;
   157      margin:auto;
   158      max-width:100%;
   159      max-height:100%;
   160      overflow:auto;
   161  }
   162  
   163  .navbar-brand > img {
   164      width: 30px;
   165      height: 30px;
   166      margin-right: 5px;
   167      margin-top: -5px;
   168      display: inline;
   169  }