/*--------------------------------------------------------------------------------
* AtoZ.css: Styling of the AtoZ lists
*
* Angelo Sozzi (asozzi at sfu dot ca)
* V0.1 30.Jan.2007
* Make sure to use
| for the table header>
******Changelog*************
-
-----------------------------------------------------------------------------------*/
#AtoZ_wrapper { /* Full table wrapper */
padding: 0;
margin: 1em 0 1.25em 1em; /* Some margins around the entire A-Z table (including selector ABC..)*/
width:90%; /* Don't use entire width, looks ugly*/
}
#AtoZ_UL {
padding: 0 0 1em 0; /* The distance after A|B|C|.. to table head */
}
#AtoZ_UL li {
display:inline; /* horizontal instead of vertical */
float: left; /* needs to be floated */
list-style-type:none; /* suppress Li diamond */
padding: 0 3px 0 0; /* distance end of link to pipe*/
margin-right: 3px; /* distance pipe to next link*/
background: url(../img/AtoZnav_pipe.gif) 100% 50% no-repeat; /*place pipe center right of li box */
}
#AtoZ_UL #all {background: none; /* No pipe after ""all""*/
}
#AtoZ_UL li a { /* Style the links */
color: #0054A6; /* SFU blue */
text-decoration:none; /* No underline */
font-size: .9em; /* A bit smaller than site font */
}
#AtoZ_UL a:hover{ /* Link hovering */
color: #B5111A; /* SFU red when hovering */
background-color: #f5f1ef;
}
#AtoZ_UL .az-active {
color: #9d0e2d; /* active letter in A|B|C|.. */
}
/*---------------Table----------------------------------------------*/
#MainContent .table {
padding: 0; /* Bottom most border */
margin: 0 0 1em 0; /* Margin between several tables */
border-bottom: 2px solid #e3dfdb;
width: 100%;
}
/* Table Header (Letter with background) */
#MainContent .table thead th { /* table header row only | ) */
height: auto;
padding: .2em 0.6em; /* a bit more height and move the letter to the right */
background-color: #f5f1ef; /* beige background */
font-weight: bold;
color: #695d54; /* Bluish letters */
border-bottom: 1px solid #c8c1bc; /* light grey border */
}
#MainContent .table tbody td, /* main table cells (since only single cell=row) */
#MainContent .table tfoot td {/* also the table footer cells */
margin: 0;
padding: .2em 0.6em;
font-weight: normal;
border-bottom: 1px solid #e3dfdb;
vertical-align: top;
height: auto;
}
#MainContent .table tbody td a {/* The actual links */
text-decoration:none; /* no underlines */
color: #0054A6; /* blueish */
}
#MainContent tr.alt td {
background: #FBFBFB; /* #f5f1ef;*/
}
#MainContent tr.over td, tr:hover td {
background: #bcd4ec;
}