trackbar.css
1.85 KB
/***************************************************************
* JS-TrackBar
*
* Copyright (C) 2008 by Alexander Burtsev - webew.ru
* and abarmot - http://abarmot.habrahabr.ru/
* desing: �������� ��������� - http://my.mail.ru/bk/concur/
*
* This code is a public domain.
***************************************************************/
/* Reset */
table.trackbar div, table.trackbar td {margin:0; padding:0;}
table.trackbar {border-collapse:collapse;border-spacing:0;}
table.trackbar img{border:0;}
/* Styles */
table.trackbar {width:250px; margin: 0 auto; }
table.trackbar .l {width:1%; text-align: right; font-size: 1px; }
table.trackbar .l div {position:relative; width:0; text-align: right; z-index:500; white-space:nowrap;background:repeat-x url(./imgtrackbar/b_bg_off.gif); height: 7px; border-radius: 4px;}
table.trackbar .l div img {cursor:pointer; margin-top: -4px}
table.trackbar .l div span {position:absolute;top:-12px; right:6px; z-index:1000; font:11px tahoma; color:#000;}
table.trackbar .l div span.limit {text-align:left; position:absolute;top:-12px; right:100%; z-index:100; font:11px tahoma; color:#D0D0D0;}
table.trackbar .r {position:relative; width:1%; text-align: left; font-size: 1px; cursor:default; }
table.trackbar .r div {position:relative; width:0; text-align: left; z-index:500; white-space:nowrap;background:repeat-x url(./imgtrackbar/b_bg_off.gif); height: 7px; border-radius: 4px;}
table.trackbar .r div img {cursor:pointer; margin-top: -4px}
table.trackbar .r div span {position:absolute;top:-12px; left:6px; z-index:1000; font:11px tahoma; color:#000;}
table.trackbar .r div span.limit {position:absolute;top:-12px; left:100%; z-index:100; font:11px tahoma; color:#D0D0D0;}
table.trackbar .c {}
#rightBlock span {
display: none;
}
#leftBlock span {
display: none;
}