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 */
76 box-sizing: content-box;
81 border: solid 2px #b9d8d9;
84 text-decoration: none;
85 font-family: verdana, arial;
90 background-color:#f4f8f9;
93 ul.biglinks-list li a:hover.icon_general {
94 /* Class used for each module link hover state */
96 border-color: #538200;
99 ul.biglinks-list li a.icon_general .fa-fw {
104 ul.biglinks-list li a.icon_general .fa-stack-2x {
108 ul.biglinks-list li a.icon_general .fa-stack-1x {
115 /* CSS Font Awesome */
116 ul.biglinks-list img {
120 /* ==== MODULE LINKS - End ==== */
122 /* ==== PENDING - Start ==== */
124 /* Block containing links to pending tags, comments and suggestions */
126 border: solid 1px #b9d8d9;
132 /* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
138 .pending-number-link {
139 /* Style for the "pending" links : the number of pending items appear bigger */
143 /* ==== PENDING - End ==== */
146 /* ==== USERBLOCK - Start ==== */
148 /* Appears if the "IntranetmainUserblock" system preference is defined */
151 border: solid 1px #b9d8d9;
157 /* For the div containing the information (useful to preserve width of area-userblock box width) */
160 /* ==== USERBLOCK - End ==== */
162 .intranet-main .row {