koha-tmpl/intranet-tmpl/prog/css/humanmsg.css

   1 /*
   2         HUMANIZED MESSAGES 1.0
   3         idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
   4         home - http://humanmsg.googlecode.com
   5 */
   6
   7 html, body {
   8         height: 100%; /* Damn you IE! */
   9 }
  10
  11 .humanMsg {
  12     border-radius: 5px;
  13         font: normal 20px/50px Helvetica, Arial, Sans-Serif;
  14         letter-spacing: -1px;
  15         position: fixed;
  16         top: 130px;
  17         left: 25%;
  18         width: 50%;
  19         color: white;
  20         background-color: black;
  21         text-align: center;
  22         display: none;
  23         opacity: 0;
  24         z-index: 100000;
  25         padding: 20px;
  26 }
  27
  28 .humanError {
  29     background-color: #400;
  30 }
  31
  32 .humanSuccess {
  33     background-color: #040;
  34 }
  35
  36 .humanMsg h3 {
  37         margin: 0.3em;
  38         margin-top: 0;
  39         font-size: 24px/50px;
  40         font-weight: bold;
  41 }
  42
  43 .humanMsg p {
  44         margin: 0.3em;
  45         }
  46
  47 .humanMsg a {
  48         display: none;
  49         }
  50
  51 .humanMsg ul li {
  52         list-style-type: none;
  53         }
  54
  55 #humanMsgLog {
  56         font: normal 10px Helvetica, Arial, Sans-Serif;
  57         color: white;
  58         position: fixed;
  59         bottom: 0;
  60         left: 0;
  61         width: 100%;
  62         max-height: 200px;
  63         display: none;
  64         z-index: 10000;
  65         }
  66
  67 #humanMsgLog p.launcher {
  68         position: relative;
  69         left: 50%;
  70         width: 200px;
  71         margin: 0;
  72         margin-left: -100px;
  73         padding: 0 10px;
  74         line-height: 20px;
  75         background: #333;
  76         text-align: center;
  77         white-space: pre;
  78         cursor: pointer;
  79         }
  80
  81 #humanMsgLog p.launcher:hover {
  82         background: #222;
  83         }
  84
  85 #humanMsgLog ul {
  86         background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
  87         margin: 0;
  88         padding: 0;
  89         position: relative;
  90         max-height: 180px;
  91         overflow: auto;
  92         display: none;
  93         }
  94
  95 #humanMsgLog ul li {
  96         color: #555;
  97         font-size: 12px;
  98         list-style-type: none;
  99         border-bottom: 1px solid #ddd;
 100         line-height: 40px;
 101         display: none;
 102         padding: 0 20px;
 103         position: relative;
 104         overflow: hidden;
 105         white-space: pre;
 106         }
 107
 108 #humanMsgLog ul li:hover {
 109         background: #f2f2f2;
 110         }
 111
 112 #humanMsgLog ul li:first-child {
 113         margin-top: 1px;
 114         }
 115
 116 #humanMsgLog ul li .error {
 117         color: orangered;
 118         }
 119
 120 #humanMsgLog ul li .indent {
 121         position: absolute;
 122         top: 0;
 123         left: 100px;
 124         margin-right: 200px;
 125         height: inherit;
 126         }