2 * This file contains CSS styles used only on the front page of Koha
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
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;
23 /* ==== NEWS - Start ==== */
26 border: 1px solid #EEEEEE;
27 border-radius: 6px 6px 6px 6px;
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 */
37 padding : .3em; margin: 0;
41 /* Block for one News entry */
44 border-bottom: 1px solid #EEE;
45 background-color : #ffffff;
47 filter:alpha(opacity=75);
53 /* Footer containing the publication date and edition links for an News entry */
58 /* ==== NEWS - End ==== */
61 /* ==== MODULE LINKS - Start ==== */
64 /* List containing the module links */
69 /* Standard attributes for the list elements */
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');
77 box-sizing: content-box;
84 border: solid 2px #b9d8d9;
87 text-decoration: none;
88 font-family: verdana, arial;
93 background-color:#f4f8f9;
94 background-position: 5px 3px;
95 background-repeat:no-repeat;
98 ul.biglinks-list li a:hover.icon_general {
99 /* Class used for each module link hover state */
101 border-color: #538200;
105 * There is one sprite image which contains all icons in both
106 * hover states (on and off)
109 /* Classes used for each individual module link */
110 ul.biglinks-list li a.icon_circulation {background-position:5px 0px;}
111 ul.biglinks-list li a.icon_patrons {background-position:5px -99px;}
112 ul.biglinks-list li a.icon_search {background-position:5px -198px;}
113 ul.biglinks-list li a.icon_lists {background-position:5px -298px;}
114 ul.biglinks-list li a.icon_cataloging {background-position:5px -397px;}
115 ul.biglinks-list li a.icon_authorities {background-position:5px -496px;}
116 ul.biglinks-list li a.icon_ill {background-position:5px -1291px;}
118 ul.biglinks-list li a.icon_serials {background-position:5px -595px;}
119 ul.biglinks-list li a.icon_acquisitions {background-position:5px -695px;}
120 ul.biglinks-list li a.icon_reports {background-position:5px -794px;}
121 ul.biglinks-list li a.icon_administration {background-position:5px -894px;}
122 ul.biglinks-list li a.icon_tools {background-position:5px -993px;}
123 ul.biglinks-list li a.icon_koha {background-position:5px -1091px;}
124 ul.biglinks-list li a.icon_course_reserves {background-position:5px -1191px;}
126 /* Classes used for each individual module link on hover*/
127 ul.biglinks-list li a:hover.icon_circulation {background-position:5px -50px;}
128 ul.biglinks-list li a:hover.icon_patrons {background-position:5px -149px;}
129 ul.biglinks-list li a:hover.icon_search {background-position:5px -248px;}
130 ul.biglinks-list li a:hover.icon_lists {background-position:5px -348px;}
131 ul.biglinks-list li a:hover.icon_cataloging {background-position:5px -447px;}
132 ul.biglinks-list li a:hover.icon_authorities {background-position:5px -546px;}
133 ul.biglinks-list li a:hover.icon_ill {background-position:5px -1342px;}
135 ul.biglinks-list li a:hover.icon_serials {background-position:5px -645px;}
136 ul.biglinks-list li a:hover.icon_acquisitions {background-position:5px -744px;}
137 ul.biglinks-list li a:hover.icon_reports {background-position:5px -844px;}
138 ul.biglinks-list li a:hover.icon_administration {background-position:5px -943px;}
139 ul.biglinks-list li a:hover.icon_tools {background-position:5px -1042px;}
140 ul.biglinks-list li a:hover.icon_koha {background-position:5px -1140px;}
141 ul.biglinks-list li a:hover.icon_course_reserves {background-position:5px -1241px;}
142 /* ==== MODULE LINKS - End ==== */
145 /* ==== PENDING - Start ==== */
147 /* Block containing links to pending tags, comments and suggestions */
149 border: solid 1px #b9d8d9;
155 /* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
161 .pending-number-link {
162 /* Style for the "pending" links : the number of pending items appear bigger */
166 /* ==== PENDING - End ==== */
169 /* ==== USERBLOCK - Start ==== */
171 /* Appears if the "IntranetmainUserblock" system preference is defined */
174 border: solid 1px #b9d8d9;
180 /* For the div containing the information (useful to preserve width of area-userblock box width) */
183 /* ==== USERBLOCK - End ==== */
185 .intranet-main .row {