github.com/fanux/shipyard@v0.0.0-20161009071005-6515ce223235/controller/static/semantic/dist/components/nag.css (about)

     1  /*!
     2   * # Semantic UI x.x - Nag
     3   * http://github.com/semantic-org/semantic-ui/
     4   *
     5   *
     6   * Copyright 2014 Contributors
     7   * Released under the MIT license
     8   * http://opensource.org/licenses/MIT
     9   *
    10   */
    11  
    12  
    13  /*******************************
    14               Nag
    15  *******************************/
    16  
    17  .ui.nag {
    18    display: none;
    19    opacity: 0.95;
    20    position: relative;
    21    top: 0em;
    22    left: 0px;
    23    z-index: 999;
    24    min-height: 0em;
    25    width: 100%;
    26    margin: 0em;
    27    padding: 0.75em 1em;
    28    background: #555555;
    29    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    30    font-size: 1rem;
    31    text-align: center;
    32    color: rgba(0, 0, 0, 0.8);
    33    border-radius: 0em 0em 0.2857rem 0.2857rem;
    34    -webkit-transition: 0.2s background ease;
    35            transition: 0.2s background ease;
    36  }
    37  a.ui.nag {
    38    cursor: pointer;
    39  }
    40  .ui.nag > .title {
    41    display: inline-block;
    42    margin: 0em 0.5em;
    43    color: #ffffff;
    44  }
    45  .ui.nag > .close.icon {
    46    cursor: pointer;
    47    opacity: 0.4;
    48    position: absolute;
    49    top: 50%;
    50    right: 1em;
    51    font-size: 1em;
    52    margin: -0.5em 0em 0em;
    53    color: #ffffff;
    54    -webkit-transition: opacity 0.2s ease;
    55            transition: opacity 0.2s ease;
    56  }
    57  
    58  
    59  /*******************************
    60               States
    61  *******************************/
    62  
    63  
    64  /* Hover */
    65  .ui.nag:hover {
    66    background: #555555;
    67    opacity: 1;
    68  }
    69  .ui.nag .close:hover {
    70    opacity: 1;
    71  }
    72  
    73  
    74  /*******************************
    75             Variations
    76  *******************************/
    77  
    78  
    79  /*--------------
    80       Static
    81  ---------------*/
    82  
    83  .ui.overlay.nag {
    84    position: absolute;
    85    display: block;
    86  }
    87  
    88  /*--------------
    89       Fixed
    90  ---------------*/
    91  
    92  .ui.fixed.nag {
    93    position: fixed;
    94  }
    95  
    96  /*--------------
    97       Bottom
    98  ---------------*/
    99  
   100  .ui.bottom.nags,
   101  .ui.bottom.nag {
   102    border-radius: 0.2857rem 0.2857rem 0em 0em;
   103    top: auto;
   104    bottom: 0em;
   105  }
   106  
   107  /*--------------
   108       White
   109  ---------------*/
   110  
   111  .ui.inverted.nags .nag,
   112  .ui.inverted.nag {
   113    background-color: #f0f0f0;
   114    color: rgba(0, 0, 0, 0.85);
   115  }
   116  .ui.inverted.nags .nag .close,
   117  .ui.inverted.nags .nag .title,
   118  .ui.inverted.nag .close,
   119  .ui.inverted.nag .title {
   120    color: rgba(0, 0, 0, 0.4);
   121  }
   122  
   123  
   124  /*******************************
   125             Groups
   126  *******************************/
   127  
   128  .ui.nags .nag {
   129    border-radius: 0em !important;
   130  }
   131  .ui.nags .nag:last-child {
   132    border-radius: 0em 0em 0.2857rem 0.2857rem;
   133  }
   134  .ui.bottom.nags .nag:last-child {
   135    border-radius: 0.2857rem 0.2857rem 0em 0em;
   136  }
   137  
   138  
   139  /*******************************
   140           Theme Overrides
   141  *******************************/
   142  
   143  
   144  
   145  /*******************************
   146          User Overrides
   147  *******************************/
   148