Koha/koha-tmpl/intranet-tmpl/prog/css/mainpage.css
Lucas Gass f96bf638ea
Bug 23711: Icons on staff main page should be font icons
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
2019-10-03 10:57:56 +01:00

157 lines
3.6 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;
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 Font Awesome */
ul.biglinks-list .fa, ul.biglinks-list img {
position: absolute;
left: 1em;
font-size: 1.5em;
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;
}