Team:Lethbridge Canada/sort table
From 2013hs.igem.org
(Created page with ".sortable { border: 1px solid #ccc; border-bottom: none } .sortable th { padding: 4px 6px 6px; background: #444; color: #fff; text-align: left; color: #ccc } .sortable t...") |
|||
Line 19: | Line 19: | ||
.sortable .head { | .sortable .head { | ||
- | background: #444 url( | + | background: #444 url(https://static.igem.org/mediawiki/2013hs/2/2f/Lethbridge_hs_igem_2013_sort.gif) 6px center no-repeat; |
cursor: pointer; | cursor: pointer; | ||
padding-left: 18px | padding-left: 18px | ||
Line 25: | Line 25: | ||
.sortable .desc { | .sortable .desc { | ||
- | background: #222 url( | + | background: #222 url(https://static.igem.org/mediawiki/2013hs/5/5e/Lethbridge_hs_igem_2013_desc.gif) 6px center no-repeat; |
cursor: pointer; | cursor: pointer; | ||
padding-left: 18px; | padding-left: 18px; | ||
Line 31: | Line 31: | ||
.sortable .asc { | .sortable .asc { | ||
- | background: #222 url( | + | background: #222 url(https://static.igem.org/mediawiki/2013hs/8/80/Lethbridge_hs_igem_2013_asc.gif) 6px center no-repeat; |
cursor: pointer; | cursor: pointer; | ||
padding-left: 18px | padding-left: 18px |
Latest revision as of 02:01, 4 June 2013
.sortable { border: 1px solid #ccc; border-bottom: none }
.sortable th { padding: 4px 6px 6px; background: #444; color: #fff; text-align: left; color: #ccc }
.sortable td { padding: 2px 4px 4px; background: #fff; border-bottom: 1px solid #ccc }
.sortable .head { background: #444 url() 6px center no-repeat; cursor: pointer; padding-left: 18px }
.sortable .desc { background: #222 url() 6px center no-repeat; cursor: pointer; padding-left: 18px; }
.sortable .asc { background: #222 url() 6px center no-repeat; cursor: pointer; padding-left: 18px }
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover { color: #fff; }
.sortable .even td { background: #f2f2f2; }
.sortable .even:hover td { background: #3399ff; } .sortable .odd td { background: #fff }
.sortable .odd:hover td { background: #3399ff; }
div#parts_section { margin-top: 10px; margin-bottom: 10px; }
h2.table_title { margin-bottom: 10px; }