Bug 14060: Force the input to contain a valid date
[koha.git] / koha-tmpl / intranet-tmpl / prog / css / mainpage.css
1 /*
2  * This file contains CSS styles used only on the front page of Koha
3  *
4  * COLORS
5  * Very light blue  Module links background                 : #f4f8f9
6  * Light blue       Navbar, breadcrumb                      : #e6f0f2
7  * Blue             Module links and breadcrumb border      : #b9d8d9
8  * Dark blue        Links                                   : #004d99
9  * Green            Links:hover                             : #538200
10  * These colors are used in staff-global.css too
11  *
12  */
13
14 #doc3 {
15     /* Contains the news + both columns of links + pending box + userblock box */
16     background-image:url('../img/background_koha_logo.png');
17     background-repeat:no-repeat;
18     background-position:left top;
19     padding-top: 12px;
20 }
21
22
23 /* ==== NEWS - Start ==== */
24
25 #area-news {
26     border: 1px solid #EEEEEE;
27     border-radius: 6px 6px 6px 6px;
28     margin: 0.2em;
29 }
30
31 #area-news h3 {
32     /* Title section for the news block : transparency to let the koha logo appear */
33     background-color: #EEEEEE;
34     filter:alpha(opacity=70);   /* for IE */
35     -moz-opacity: 0.7;          /* for Firefox before 0.9 */
36     opacity: 0.7;
37     padding : .3em; margin: 0;
38 }
39
40 .newsitem {
41     /* Block for one News entry */
42     padding: 3px;
43     margin: .3em;
44     border-bottom: 1px solid #EEE;
45     background-color : #ffffff;
46     border-radius: 6px;
47     filter:alpha(opacity=75);
48     -moz-opacity: 0.75;
49     opacity: .75;
50     }
51
52 .newsfooter {
53     /* Footer containing the publication date and edition links for an News entry */
54     font-size: 80%;
55     color: #808080;
56 }
57
58 /* ==== NEWS - End ==== */
59
60
61 /* ==== MODULE LINKS - Start ==== */
62
63 ul.biglinks-list {
64     /* List containing the module links */
65     padding: 0px;
66 }
67
68 ul.biglinks-list li {
69     /* Standard attributes for the list elements */
70     list-style-type:none;
71 }
72
73 ul.biglinks-list li a.icon_general {
74     /* Class used for each module link */
75     background-image:url('../img/staff-home-icons-sprite.png');
76     display: block;
77     float: left;
78
79     width: 83%;
80     max-width : 320px;
81     height: 46px;
82     margin: 0 1em 14px 0;
83     padding-left:57px;
84     padding-top:5px;
85
86     border: solid 2px #b9d8d9;
87     border-radius: 6px;
88
89     text-decoration: none;
90     font-family: verdana, arial;
91     font-weight: bold;
92     font-size: large;
93     color: #000000;
94
95     background-color:#f4f8f9;
96     background-position: 5px 3px;
97     background-repeat:no-repeat;
98 }
99
100 ul.biglinks-list li a:hover.icon_general {
101     /* Class used for each module link hover state */
102     color: #538200;
103     border-color: #538200;
104 }
105
106 /* CSS Sprites
107  * There is one sprite image which contains all icons in both
108  *  hover states (on and off)
109  */
110
111 /* Classes used for each individual module link */
112 ul.biglinks-list li a.icon_circulation {background-position:5px 3px;}
113 ul.biglinks-list li a.icon_patrons {background-position:5px -89px;}
114 ul.biglinks-list li a.icon_search {background-position:5px -181px;}
115 ul.biglinks-list li a.icon_lists {background-position:5px -273px;}
116 ul.biglinks-list li a.icon_cataloging {background-position:5px -365px;}
117 ul.biglinks-list li a.icon_authorities {background-position:5px -457px;}
118
119 ul.biglinks-list li a.icon_serials {background-position:5px -549px;}
120 ul.biglinks-list li a.icon_acquisitions {background-position:5px -641px;}
121 ul.biglinks-list li a.icon_reports {background-position:5px -733px;}
122 ul.biglinks-list li a.icon_administration {background-position:5px -825px;}
123 ul.biglinks-list li a.icon_tools {background-position:5px -917px;}
124 ul.biglinks-list li a.icon_koha {background-position:5px -1008px;}
125 ul.biglinks-list li a.icon_course_reserves {background-position:5px -1100px;}
126
127 /* Classes used for each individual module link on hover*/
128 ul.biglinks-list li a:hover.icon_circulation {background-position:5px -43px;}
129 ul.biglinks-list li a:hover.icon_patrons {background-position:5px -135px;}
130 ul.biglinks-list li a:hover.icon_search {background-position:5px -227px;}
131 ul.biglinks-list li a:hover.icon_lists {background-position:5px -319px;}
132 ul.biglinks-list li a:hover.icon_cataloging {background-position:5px -411px;}
133 ul.biglinks-list li a:hover.icon_authorities {background-position:5px -503px;}
134
135 ul.biglinks-list li a:hover.icon_serials {background-position:5px -595px;}
136 ul.biglinks-list li a:hover.icon_acquisitions {background-position:5px -687px;}
137 ul.biglinks-list li a:hover.icon_reports {background-position:5px -779px;}
138 ul.biglinks-list li a:hover.icon_administration {background-position:5px -871px;}
139 ul.biglinks-list li a:hover.icon_tools {background-position:5px -963px;}
140 ul.biglinks-list li a:hover.icon_koha {background-position:5px -1054px;}
141 ul.biglinks-list li a:hover.icon_course_reserves {background-position:5px -1146px;}
142 /* ==== MODULE LINKS - End ==== */
143
144
145 /* ==== PENDING - Start ==== */
146 #area-pending {
147     /* Block containing links to pending tags, comments and suggestions */
148     width: 100%;
149     border: solid 1px #b9d8d9;
150     border-radius: 6px;
151     clear: left;
152 }
153
154 .pending-info {
155     /* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
156     margin-top: 2px;
157     margin-bottom: 2px;
158     margin-left: 8px;
159 }
160
161 .pending-number-link {
162     /* Style for the "pending" links : the number of pending items appear bigger */
163     font-weight: bold;
164     font-size: 1.1em;
165 }
166 /* ==== PENDING - End ==== */
167
168
169 /* ==== USERBLOCK - Start ==== */
170 #area-userblock {
171     /* Appears if the "IntranetmainUserblock" system preference is defined */
172     margin-top: 10px;
173     width: 100%;
174     border: solid 1px #b9d8d9;
175     border-radius: 6px;
176
177 }
178
179 .user-info {
180     /* For the div containing the information (useful to preserve width of area-userblock box width) */
181     margin: 8px;
182 }
183 /* ==== USERBLOCK - End ==== */