[Summary view] [Print] [Text view]

   1  /*
   2  Document   : jquery.pnotify.default.css
   3  Created on : Nov 23, 2009, 3:14:10 PM
   4  Author     : Hunter Perrin
   5  Version    : 1.2.0
   6  Link       : http://pinesframework.org/pnotify/
   7  Description:
   8      Default styling for Pines Notify jQuery plugin.
   9  */
  10  /* -- Notice */
  11  .ui-pnotify {
  12  top: 25px;
  13  right: 25px;
  14  position: absolute;
  15  height: auto;
  16  /* Ensures notices are above everything */
  17  z-index: 9999;
  18  }
  19  /* Hides position: fixed from IE6 */
  20  html > body .ui-pnotify {
  21  position: fixed;
  22  }
  23  .ui-pnotify .ui-pnotify-shadow {
  24  -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
  25  -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
  26  box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
  27  }
  28  .ui-pnotify-container {
  29  background-position: 0 0;
  30  padding: .8em;
  31  height: 100%;
  32  margin: 0;
  33  }
  34  .ui-pnotify-sharp {
  35  -webkit-border-radius: 0;
  36  -moz-border-radius: 0;
  37  border-radius: 0;
  38  }
  39  .ui-pnotify-closer, .ui-pnotify-sticker {
  40  float: right;
  41  margin-left: .2em;
  42  }
  43  .ui-pnotify-title {
  44  display: block;
  45  margin-bottom: .4em;
  46  }
  47  .ui-pnotify-text {
  48  display: block;
  49  }
  50  .ui-pnotify-icon, .ui-pnotify-icon span {
  51  display: block;
  52  float: left;
  53  margin-right: .2em;
  54  }
  55  /* -- History Pulldown */
  56  .ui-pnotify-history-container {
  57  position: absolute;
  58  top: 0;
  59  right: 18px;
  60  width: 70px;
  61  border-top: none;
  62  padding: 0;
  63  -webkit-border-top-left-radius: 0;
  64  -moz-border-top-left-radius: 0;
  65  border-top-left-radius: 0;
  66  -webkit-border-top-right-radius: 0;
  67  -moz-border-top-right-radius: 0;
  68  border-top-right-radius: 0;
  69  /* Ensures history container is above notices. */
  70  z-index: 10000;
  71  }
  72  .ui-pnotify-history-container .ui-pnotify-history-header {
  73  padding: 2px;
  74  }
  75  .ui-pnotify-history-container button {
  76  cursor: pointer;
  77  display: block;
  78  width: 100%;
  79  }
  80  .ui-pnotify-history-container .ui-pnotify-history-pulldown {
  81  display: block;
  82  margin: 0 auto;
  83  }