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 }
  26
  27 .humanError {
  28     background-color: #400;
  29 }
  30
  31 .humanSuccess {
  32     background-color: #040;
  33 }
  34
  35 .humanMsg h3 {
  36         margin: 0.3em;
  37         margin-top: 0;
  38         font-size: 24px/50px;
  39         font-weight: bold;
  40 }
  41
  42 .humanMsg p {
  43         margin: 0.3em;
  44         }
  45
  46 .humanMsg a {
  47         display: none;
  48         }
  49
  50 #humanMsgLog {
  51         font: normal 10px Helvetica, Arial, Sans-Serif;
  52         color: white;
  53         position: fixed;
  54         bottom: 0;
  55         left: 0;
  56         width: 100%;
  57         max-height: 200px;
  58         display: none;
  59         z-index: 10000;
  60         }
  61
  62 #humanMsgLog p.launcher {
  63         position: relative;
  64         left: 50%;
  65         width: 200px;
  66         margin: 0;
  67         margin-left: -100px;
  68         padding: 0 10px;
  69         line-height: 20px;
  70         background: #333;
  71         text-align: center;
  72         white-space: pre;
  73         cursor: pointer;
  74         }
  75
  76 #humanMsgLog p.launcher:hover {
  77         background: #222;
  78         }
  79
  80 #humanMsgLog ul {
  81         background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
  82         margin: 0;
  83         padding: 0;
  84         position: relative;
  85         max-height: 180px;
  86         overflow: auto;
  87         display: none;
  88         }
  89
  90 #humanMsgLog ul li {
  91         color: #555;
  92         font-size: 12px;
  93         list-style-type: none;
  94         border-bottom: 1px solid #ddd;
  95         line-height: 40px;
  96         display: none;
  97         padding: 0 20px;
  98         position: relative;
  99         overflow: hidden;
 100         white-space: pre;
 101         }
 102
 103 #humanMsgLog ul li:hover {
 104         background: #f2f2f2;
 105         }
 106
 107 #humanMsgLog ul li:first-child {
 108         margin-top: 1px;
 109         }
 110
 111 #humanMsgLog ul li .error {
 112         color: orangered;
 113         }
 114
 115 #humanMsgLog ul li .indent {
 116         position: absolute;
 117         top: 0;
 118         left: 100px;
 119         margin-right: 200px;
 120         height: inherit;
 121         }