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