224 lines
4.9 KiB
CSS
224 lines
4.9 KiB
CSS
|
/*
|
||
|
1)买卖编辑控件table表
|
||
|
2)基金盘口显示
|
||
|
*/
|
||
|
//------------------------------------begin----------------------------------------------------
|
||
|
//--------------------------------------end----------------------------------------------------
|
||
|
|
||
|
//------------------------------------begin----------------------------------------------------
|
||
|
.table_mm
|
||
|
{
|
||
|
margin-left:10dip
|
||
|
}
|
||
|
|
||
|
.table_mm>tr
|
||
|
{
|
||
|
height:14dip;
|
||
|
}
|
||
|
.table_mm>tr>td:nth-child(1)
|
||
|
{
|
||
|
text-align:right;
|
||
|
padding-right:6dip;
|
||
|
width:60dip;
|
||
|
}
|
||
|
|
||
|
.table_mm>tr>td:nth-child(2)
|
||
|
{
|
||
|
text-align:left;
|
||
|
}
|
||
|
|
||
|
//--------------------------------------end----------------------------------------------------
|
||
|
|
||
|
//------------------------------------begin基金盘口显示----------------------------------------------------
|
||
|
.jj_chart
|
||
|
{
|
||
|
width:170dip;
|
||
|
-ctrl-lua-script: "bp://jjchart.lua";
|
||
|
}
|
||
|
|
||
|
.jj_chart>tr
|
||
|
{
|
||
|
height:15dip;
|
||
|
}
|
||
|
|
||
|
.jj_chart>tr>td:nth-child(1)
|
||
|
{
|
||
|
text-align:right;
|
||
|
padding-right:2dip;
|
||
|
width:80dip;
|
||
|
}
|
||
|
|
||
|
.jj_chart>tr>td:nth-child(2)
|
||
|
{
|
||
|
text-align:right;
|
||
|
padding-right:2dip;
|
||
|
width:90dip;
|
||
|
}
|
||
|
|
||
|
//--------------------------------------end基金盘口显示----------------------------------------------------
|
||
|
|
||
|
//---begin HTML 个性化表格控件-----
|
||
|
|
||
|
/* style block defining vertical scrollbar */
|
||
|
@set my-v-scrollbar
|
||
|
{
|
||
|
:root {
|
||
|
background:#FFF; /* background of the scrollbar itself */
|
||
|
}
|
||
|
.prev
|
||
|
{
|
||
|
border:1dip solid #AAA;
|
||
|
foreground-image:url( images/sb-v-scroll-prev.png );
|
||
|
foreground-position:50% 50%;
|
||
|
foreground-repeat:no-repeat;
|
||
|
}
|
||
|
|
||
|
.next
|
||
|
{
|
||
|
border:1dip solid #AAA;
|
||
|
foreground-image:url( images/sb-v-scroll-next.png );
|
||
|
foreground-position:50% 50%;
|
||
|
foreground-repeat:no-repeat;
|
||
|
}
|
||
|
|
||
|
.base,
|
||
|
.next-page,
|
||
|
.prev-page
|
||
|
{
|
||
|
background-image:url( images/sb-scroll-back.png );
|
||
|
background-position:5dip 5dip 5dip 5dip; /*left top right bottom offsets*/
|
||
|
background-repeat:expand;
|
||
|
}
|
||
|
.slider
|
||
|
{
|
||
|
border:1dip solid #AAA;
|
||
|
foreground-image:url( images/sb-scroll-slider.png );
|
||
|
foreground-position:50% 50%;
|
||
|
foreground-repeat:no-repeat;
|
||
|
}
|
||
|
|
||
|
.next:disabled, .slider:disabled,
|
||
|
.prev:disabled { height:0; border:none; foreground-image:none; }
|
||
|
|
||
|
.base:disabled
|
||
|
{
|
||
|
background-image:url( images/sb-scroll-base.png );
|
||
|
background-repeat:repeat;
|
||
|
background-position:0 0 0 0;
|
||
|
}
|
||
|
|
||
|
.next:hover, .slider:hover,
|
||
|
.prev:hover { background-color: #EEE; }
|
||
|
|
||
|
.next:active, .slider:active,
|
||
|
.prev:active { background-color: #FFF; }
|
||
|
|
||
|
.base { width: 15dip; } /* explicit declaration of its width */
|
||
|
.corner { background-color: transparent; }
|
||
|
|
||
|
}
|
||
|
|
||
|
/* style block defining horizontal scrollbar */
|
||
|
@set my-h-scrollbar
|
||
|
{
|
||
|
.prev
|
||
|
{
|
||
|
border:1dip solid #AAA;
|
||
|
foreground-image:url( images/sb-h-scroll-prev.png );
|
||
|
foreground-position:50% 50%;
|
||
|
foreground-repeat:no-repeat;
|
||
|
width:system-scrollbar-width;
|
||
|
}
|
||
|
.next
|
||
|
{
|
||
|
border:1dip solid #AAA;
|
||
|
foreground-image:url( images/sb-h-scroll-next.png );
|
||
|
foreground-position:50% 50%;
|
||
|
foreground-repeat:no-repeat;
|
||
|
width:system-scrollbar-width;
|
||
|
}
|
||
|
.next-page,
|
||
|
.prev-page, .base
|
||
|
{
|
||
|
background-image:url( images/sb-scroll-back.png );
|
||
|
background-position:5dip 5dip 5dip 5dip; /*left top right bottom offsets*/
|
||
|
background-repeat:expand;
|
||
|
}
|
||
|
|
||
|
.slider
|
||
|
{
|
||
|
border:1dip solid #AAA;
|
||
|
foreground-image:url( images/sb-scroll-slider.png );
|
||
|
foreground-position:50% 50%;
|
||
|
foreground-repeat:no-repeat;
|
||
|
}
|
||
|
|
||
|
.next:disabled, .slider:disabled,
|
||
|
.prev:disabled { foreground-image:none; border:none; foreground-image:none; width:0; }
|
||
|
|
||
|
.base:disabled
|
||
|
{
|
||
|
background-image:url( images/sb-scroll-base.png );
|
||
|
background-repeat:repeat;
|
||
|
background-position:0 0 0 0;
|
||
|
}
|
||
|
|
||
|
.next:hover, .slider:hover,
|
||
|
.prev:hover { background-color: #EEE; }
|
||
|
|
||
|
.next:active, .slider:active,
|
||
|
.prev:active { background-color: #FFF; }
|
||
|
|
||
|
.base { height: 15dip; } /* explicit declaration of its height */
|
||
|
|
||
|
}
|
||
|
|
||
|
.biaoge
|
||
|
{
|
||
|
vertical-scrollbar: my-v-scrollbar;
|
||
|
horizontal-scrollbar: my-h-scrollbar;
|
||
|
overflow: auto;
|
||
|
background:white;
|
||
|
border:1dip solid #bdbccc;
|
||
|
width:100%%;
|
||
|
height:100%%;
|
||
|
behavior:grid;
|
||
|
overflow:auto;
|
||
|
flow: table-fixed;
|
||
|
font-family:"Verdana";
|
||
|
font-size:9pt;
|
||
|
border-spacing:0;
|
||
|
-ingorekey:1;
|
||
|
}
|
||
|
|
||
|
.biaoge th
|
||
|
{
|
||
|
color: white;
|
||
|
font-family:"Century Gothic","Verdana";
|
||
|
font-size:14pt;
|
||
|
border-right:1dip solid silver;
|
||
|
border-bottom:1dip solid silver;
|
||
|
padding:4dip;
|
||
|
background-color:#AAA;
|
||
|
}
|
||
|
|
||
|
.biaoge th:hover
|
||
|
{
|
||
|
color: #ffe598;
|
||
|
}
|
||
|
|
||
|
.biaoge tr {color:black;}
|
||
|
|
||
|
.biaoge tr:current
|
||
|
{
|
||
|
background-color:#bdbccc;
|
||
|
}
|
||
|
.biaoge td
|
||
|
{
|
||
|
padding:2dip;
|
||
|
border-right:1dip solid silver;
|
||
|
border-bottom:1dip solid silver;
|
||
|
text-align:center;
|
||
|
}
|
||
|
//-------end--HTML--个性化表格控件-----
|