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