Wednesday, 16 May 2012

List Box CSS


<?page title="Practice List" contentType="text/html;charset=UTF-8"?>
<zk>
<style>
div.z-listbox
{ background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CFCFCF; overflow: hidden;
}

tr.z-listitem-seld
{
background-image: none;
}


/* Selected rows with the mouse hovering over them */
tr.overseld,td.overseld,tr.z-listitem-over,tr.z-listitem-over-seld
{
background-image: none;
background-color: transparent;
}

/* Odd rows in a listbox */ tr.odd
td.gc,tr.odd,tr.z-listbox-odd,tr.z-grid-odd
td.z-row-inner,tr.z-grid-odd
{
background: #E3F0F8 none repeat
scroll 0 0;
}

/* Odd rows in a listbox mouse over when we move */ tr.odd
tr.z-listitem.z-listbox-odd.z-listitem-over
{
background-image: none;
background-color: #E3F0F8;
}

/* List item Header Color */
.z-listbox div.z-listbox-header tr.z-list-head, .z-listbox
div.z-listbox-header tr.z-auxhead , .z-listbox
div.z-listbox-header tr.z-listhead, .z-listbox
div.z-listbox-header tr.z-auxhead
{
background-image : none;
background-color : #99CC99;
color:white;
}

div.z-listfooter-cnt, div.z-listheader-cnt
{
border: 0 none;
color: black;
font-family: verdana,arial,sans-serif;
font-size:
12px; margin: 0;
}

.z-listheader-cnt :hover
{
border: 0 none; color: white;
font-family: verdana,arial,sans-serif;
font-size: 12px;
margin: 0;
}

div.z-listbox-header th.z-listheader-sort-over
{
background-image: none;
}

div.z-listfooter-cnt, div.z-listcell-cnt, div.z-listheader-cnt
{
font-size : 12px;
font-family: verdana,arial,sans-serif;
}

.z-paging-os
{
padding-left: 40%;
}

.z-paging
{
padding-left: 40%;
background: none repeat scroll 0 0 transparent;
}

.z-listheader-sort-img
{
float: left;
font-size: 0;
left: 90%;
margin-left: auto;
margin-right: auto;
position: absolute;
}

div.z-paging-os-cnt-l, div.z-paging-os-cnt-r,
div.z-paging-os-cnt-m, div.z-paging-os-cnt-seld-l,
div.z-paging-os-cnt-seld-r, div.z-paging-os-cnt-seld-m,
div.z-paging-os-cnt-l-over
{
background-image : none;
}


.listitemlink.z-a
{
color: blue !important;
}

div.z-listbox-body .z-listcell, div.z-listbox-footer
.z-listfooter
{
cursor: default;
}

</style>
<window title="Practice List" height="500px" border="normal">
<listbox id="box" mold="paging" pageSize="5"
pagingPosition="top">
<listhead sizable="true">
<listheader label="Practice Name" sort="auto" />
<listheader label="City" sort="auto" />
<listheader label="State" sort="auto" />
<listheader label="Zip Code" sort="auto" />
</listhead>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Adult Medical Day Care" sclass="listitemlink" />
</listcell>
<listcell label="Cumberland" />
<listcell label="Maryland" />
<listcell label="21502" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Baptist Medical Center" sclass="listitemlink" />
</listcell>
<listcell label="Kansas" />
<listcell label="Missouri" />
<listcell label="64131" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="California Medical Facility" sclass="listitemlink" />
</listcell>
<listcell label="Vacaville" />
<listcell label="California" />
<listcell label="95696" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Garden Park Medical Cente" sclass="listitemlink" />
</listcell>
<listcell label="Gulfport" />
<listcell label="Mississipp" />
<listcell label="395033085" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Albion Health Center" sclass="listitemlink" />
</listcell>
<listcell label="Albion" />
<listcell label="New york" />
<listcell label="14420" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Beacon Community Health Center" sclass="listitemlink" />
</listcell>
<listcell label="Beacon" />
<listcell label="New york" />
<listcell label="12508" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Bolton Health Center" sclass="listitemlink" />
</listcell>
<listcell label="Bolton Landing" />
<listcell label="New york" />
<listcell label="12814" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Inwood Medical Practice" sclass="listitemlink" />
</listcell>
<listcell label="Bronx" />
<listcell label="New york" />
<listcell label="10452" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Urban Horizons Family Practice" sclass="listitemlink" />
</listcell>
<listcell label="Bronx" />
<listcell label="New york" />
<listcell label="10452" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Bedford Medical" sclass="listitemlink" />
</listcell>
<listcell label="Brooklyn" />
<listcell label="New york" />
<listcell label="11229" />
</listitem>
</listbox>
</window>
</zk>

No comments:

Post a Comment