Bug 14060: Force the input to contain a valid date
[koha.git] / 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         }