Team:Lethbridge Canada/sort table

From 2013hs.igem.org

(Difference between revisions)
(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(table_sorter_images/sort.gif) 6px center no-repeat;
+
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(table_sorter_images/desc.gif) 6px center no-repeat;
+
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(table_sorter_images/asc.gif) 6px  center no-repeat;
+
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(Lethbridge_hs_igem_2013_sort.gif) 6px center no-repeat; cursor: pointer; padding-left: 18px }

.sortable .desc { background: #222 url(Lethbridge_hs_igem_2013_desc.gif) 6px center no-repeat; cursor: pointer; padding-left: 18px; }

.sortable .asc { background: #222 url(Lethbridge_hs_igem_2013_asc.gif) 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; }