Owen Leonard
b509a77ee8
This patch modifies the staff interface home page so that the "Advanced search" and "Item search" links are differentated using stacked Font Awesome icons. To test, apply the patch and view the staff interface home page. The icons associated with advanced and item searches should be different: - The Advanced search link should have a magnifying glass icon on top of a grey book icon. - The Item search link should have a magnifying glass icon on top of a grey list icon. Signed-off-by: Nick Clemens <nick@bywatersolutions.com> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
165 lines
3.7 KiB
CSS
165 lines
3.7 KiB
CSS
/*
|
|
* This file contains CSS styles used only on the front page of Koha
|
|
*
|
|
* COLORS
|
|
* Very light blue Module links background : #f4f8f9
|
|
* Light blue Navbar, breadcrumb : #e6f0f2
|
|
* Blue Module links and breadcrumb border : #b9d8d9
|
|
* Dark blue Links : #004d99
|
|
* Green Links:hover : #538200
|
|
* These colors are used in staff-global.css too
|
|
*
|
|
*/
|
|
|
|
#container-main {
|
|
/* Contains the news + both columns of links + pending box + userblock box */
|
|
background-image:url('../img/background_koha_logo.png');
|
|
background-repeat:no-repeat;
|
|
background-position:left top;
|
|
padding: 1em 0;
|
|
}
|
|
|
|
|
|
/* ==== NEWS - Start ==== */
|
|
|
|
#area-news {
|
|
border: 1px solid #EEEEEE;
|
|
border-radius: 6px 6px 6px 6px;
|
|
margin: 0.2em;
|
|
}
|
|
|
|
#area-news h3 {
|
|
/* Title section for the news block : transparency to let the koha logo appear */
|
|
background-color: #EEEEEE;
|
|
filter:alpha(opacity=70); /* for IE */
|
|
-moz-opacity: 0.7; /* for Firefox before 0.9 */
|
|
opacity: 0.7;
|
|
padding : .3em; margin: 0;
|
|
}
|
|
|
|
.newsitem {
|
|
/* Block for one News entry */
|
|
padding: 3px;
|
|
margin: .3em;
|
|
border-bottom: 1px solid #EEE;
|
|
background-color : #ffffff;
|
|
border-radius: 6px;
|
|
filter:alpha(opacity=75);
|
|
-moz-opacity: 0.75;
|
|
opacity: .75;
|
|
}
|
|
|
|
.newsfooter {
|
|
/* Footer containing the publication date and edition links for an News entry */
|
|
font-size: 80%;
|
|
color: #808080;
|
|
}
|
|
|
|
/* ==== NEWS - End ==== */
|
|
|
|
|
|
/* ==== MODULE LINKS - Start ==== */
|
|
|
|
ul.biglinks-list {
|
|
/* List containing the module links */
|
|
padding: 0px;
|
|
}
|
|
|
|
ul.biglinks-list li {
|
|
/* Standard attributes for the list elements */
|
|
list-style-type:none;
|
|
}
|
|
|
|
ul.biglinks-list li a.icon_general {
|
|
/* Class used for each module link */
|
|
display: block;
|
|
box-sizing: content-box;
|
|
max-width : 320px;
|
|
min-height: 2em;
|
|
margin: 0 1em 14px 0;
|
|
padding: 5px;
|
|
border: solid 2px #b9d8d9;
|
|
border-radius: 6px;
|
|
|
|
text-decoration: none;
|
|
font-family: verdana, arial;
|
|
font-weight: bold;
|
|
font-size: large;
|
|
color: #000000;
|
|
|
|
background-color:#f4f8f9;
|
|
}
|
|
|
|
ul.biglinks-list li a:hover.icon_general {
|
|
/* Class used for each module link hover state */
|
|
color: #538200;
|
|
border-color: #538200;
|
|
}
|
|
|
|
ul.biglinks-list li a.icon_general .fa-fw {
|
|
font-size: 1.5em;
|
|
margin-right:.2em;
|
|
}
|
|
|
|
ul.biglinks-list li a.icon_general .fa-stack-2x {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
ul.biglinks-list li a.icon_general .fa-stack-1x {
|
|
color: #999;
|
|
font-size: .9em;
|
|
left: -5px;
|
|
top: -1px;
|
|
}
|
|
|
|
/* CSS Font Awesome */
|
|
ul.biglinks-list img {
|
|
width: 35px;
|
|
}
|
|
|
|
/* ==== MODULE LINKS - End ==== */
|
|
|
|
/* ==== PENDING - Start ==== */
|
|
#area-pending {
|
|
/* Block containing links to pending tags, comments and suggestions */
|
|
width: 100%;
|
|
border: solid 1px #b9d8d9;
|
|
border-radius: 6px;
|
|
clear: left;
|
|
}
|
|
|
|
.pending-info {
|
|
/* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.pending-number-link {
|
|
/* Style for the "pending" links : the number of pending items appear bigger */
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
/* ==== PENDING - End ==== */
|
|
|
|
|
|
/* ==== USERBLOCK - Start ==== */
|
|
#area-userblock {
|
|
/* Appears if the "IntranetmainUserblock" system preference is defined */
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
border: solid 1px #b9d8d9;
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
.user-info {
|
|
/* For the div containing the information (useful to preserve width of area-userblock box width) */
|
|
margin: 8px;
|
|
}
|
|
/* ==== USERBLOCK - End ==== */
|
|
|
|
.intranet-main .row {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|