Owen Leonard
538ab5631e
This patch corrects more places in Koha where the path to the "prog" theme is hard-coded in templates, CSS, and scripts. Staff client home page: Paths to the Koha logo background image and the module image sprite have been corrected. Inactive and hover states of the module links (circulation, patrons, etc) should look correct. addbiblio.pl: An <img> tag is replaced with a text link and an additional CSS class. CSS uses an image-replacement technique to display the image as before. To test, open a blank or existing bibliographic record for editing. Confirm that the "tag editor" icon displays correctly in two cases: 1) tags linked to plugin editors and 2) tags linked to authorities. Both should look correct and work correctly. System preferences: The system preferences editor appends a "loading" image to system preference submit buttons when they are clicked. This patch changes ajax.js to insert a <span> styled with a background-image instead. To test, open system preferences and modify any preference. Submit the change and confirm that the "loading" image appears correctly. Background jobs: Any place in Koha where a background job is used displays a progress bar. This patch corrects the path in CSS to the progress bar image. To test, perform an action which triggers the display of a progress bar. For instance, batch modification of items. Confirm that the progress bar image displays correctly. blue.css: I don't know if this is still used by anyone, but a couple of image paths in this CSS file have been corrected. Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz> Signed-off-by: Katrin Fischer <Katrin.Fischer.83@web.de> Passes all tests, QA script and test plan. Signed-off-by: Galen Charlton <gmc@esilibrary.com>
181 lines
5.4 KiB
CSS
181 lines
5.4 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
|
|
*
|
|
*/
|
|
|
|
#doc3 {
|
|
/* 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-top: 12px;
|
|
}
|
|
|
|
|
|
/* ==== 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 */
|
|
background-image:url('../../img/staff-home-icons-sprite.png');
|
|
display: block;
|
|
float: left;
|
|
|
|
width: 83%;
|
|
max-width : 320px;
|
|
height: 46px;
|
|
margin: 0 1em 14px 0;
|
|
padding-left:57px;
|
|
padding-top: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;
|
|
background-position: 5px 3px;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
ul.biglinks-list li a:hover.icon_general {
|
|
/* Class used for each module link hover state */
|
|
color: #538200;
|
|
border-color: #538200;
|
|
}
|
|
|
|
/* CSS Sprites
|
|
* There is one sprite image which contains all icons in both
|
|
* hover states (on and off)
|
|
*/
|
|
|
|
/* Classes used for each individual module link */
|
|
ul.biglinks-list li a.icon_circulation {background-position:5px 3px;}
|
|
ul.biglinks-list li a.icon_patrons {background-position:5px -89px;}
|
|
ul.biglinks-list li a.icon_search {background-position:5px -181px;}
|
|
ul.biglinks-list li a.icon_lists {background-position:5px -273px;}
|
|
ul.biglinks-list li a.icon_cataloging {background-position:5px -365px;}
|
|
ul.biglinks-list li a.icon_authorities {background-position:5px -457px;}
|
|
|
|
ul.biglinks-list li a.icon_serials {background-position:5px -549px;}
|
|
ul.biglinks-list li a.icon_acquisitions {background-position:5px -641px;}
|
|
ul.biglinks-list li a.icon_reports {background-position:5px -733px;}
|
|
ul.biglinks-list li a.icon_administration {background-position:5px -825px;}
|
|
ul.biglinks-list li a.icon_tools {background-position:5px -917px;}
|
|
ul.biglinks-list li a.icon_koha {background-position:5px -1008px;}
|
|
|
|
/* Classes used for each individual module link on hover*/
|
|
ul.biglinks-list li a:hover.icon_circulation {background-position:5px -43px;}
|
|
ul.biglinks-list li a:hover.icon_patrons {background-position:5px -135px;}
|
|
ul.biglinks-list li a:hover.icon_search {background-position:5px -227px;}
|
|
ul.biglinks-list li a:hover.icon_lists {background-position:5px -319px;}
|
|
ul.biglinks-list li a:hover.icon_cataloging {background-position:5px -411px;}
|
|
ul.biglinks-list li a:hover.icon_authorities {background-position:5px -503px;}
|
|
|
|
ul.biglinks-list li a:hover.icon_serials {background-position:5px -595px;}
|
|
ul.biglinks-list li a:hover.icon_acquisitions {background-position:5px -687px;}
|
|
ul.biglinks-list li a:hover.icon_reports {background-position:5px -779px;}
|
|
ul.biglinks-list li a:hover.icon_administration {background-position:5px -871px;}
|
|
ul.biglinks-list li a:hover.icon_tools {background-position:5px -963px;}
|
|
ul.biglinks-list li a:hover.icon_koha {background-position:5px -1054px;}
|
|
/* ==== 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 ==== */
|