170 lines
6.6 KiB
CSS
Executable File
170 lines
6.6 KiB
CSS
Executable File
/* -------------
|
|
* commom *
|
|
* ------------- */
|
|
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
|
|
legend{color:#000;}del,ins{text-decoration:none;}
|
|
|
|
body{font-family: "微软雅黑", "宋体", Arial, sans-serif; font-size: 12px; }
|
|
.l-clear{ clear:both; width:1px; height:1px; overflow:hidden;}
|
|
.l-hidden {display: none;}
|
|
.l-loading
|
|
{
|
|
position: absolute;z-index: 91000; top:40%; left:50%; overflow:hidden;
|
|
background:url('../images/common/loading.gif') no-repeat 0px 0px;width:24px; height:24px;
|
|
display:none;
|
|
}
|
|
/* -------------
|
|
* 滚动条颜色 *
|
|
* ------------- */
|
|
.l-scroll
|
|
{
|
|
scrollbar-face-color:#C6D7FF; scrollbar-3dlight-color:#B5CBF7; scrollbar-darkshadow-color:#B5CBF7;
|
|
scrollbar-base-color:#B5CBF7;
|
|
scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF; scrollbar-track-color:#FFF; scrollbar-arrow-color:#4A6184;
|
|
}
|
|
.l-noscroll
|
|
{
|
|
overflow:hidden;
|
|
}
|
|
/* Draggable */
|
|
.l-draggable{ overflow:hidden; border-style:solid; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:14000; background:#f2f1f1; border-color:#aaa;}
|
|
/* Resizable */
|
|
.l-resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:15000; background:#f2f1f1; }
|
|
|
|
.l-dragging-mask {
|
|
width:100%;height:100%; overflow:hidden; position:absolute;top:0px; left:0px; z-index:11000; display:none; filter: Alpha
|
|
(opacity=1);background:white; -moz-opacity:.01;opacity:0.01;
|
|
}
|
|
/* --------------
|
|
* icon *
|
|
* ------------ */
|
|
.l-icon-checkbox {background:url('../images/icon/checkbox.gif') no-repeat center;}
|
|
|
|
.l-icon-cross{background:url('../images/icon/cross.gif') no-repeat center; width:16px; height:16px; line-height:16px;}
|
|
/* -------------
|
|
* 按钮 *
|
|
* ------------- */
|
|
.l-button {
|
|
height: 23px;
|
|
overflow: hidden;
|
|
width: 60px;
|
|
line-height: 23px;
|
|
cursor: pointer;
|
|
position: relative; text-align:center;
|
|
border: solid 1px #A3C0E8;color:#333333;
|
|
background:#E0EDFF url(../images/controls/button-bg.gif) repeat-x center;
|
|
}
|
|
|
|
.l-button-over{
|
|
background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886;
|
|
}
|
|
.l-button-disabled {
|
|
background-image:url('../images/common/button-disabled.gif'); color:#9D9D9E;border: solid 1px #D3D3D3;
|
|
}
|
|
.l-button-hasicon {
|
|
padding-left: 20px;
|
|
}
|
|
.l-button-hasicon img {
|
|
position:absolute; top:4px; left:3px; width:16px; height:16px;
|
|
}
|
|
/*
|
|
Draggable
|
|
*/
|
|
.l-drag-proxy { border: 1px solid #BDD1EE;position: absolute;z-index: 1001;height:25px; line-height:25px; padding-left:19px; padding-right:4px; background:white; }
|
|
.l-drag-proxy .l-drop-icon{position: absolute; top:5px; left:4px;width:16px; height:16px; }
|
|
.l-drop-no{background: white url('../images/common/drop-icons.gif') no-repeat 0px -20px; width:16px; height:16px; overflow:hidden;}
|
|
.l-drop-yes{background: white url('../images/common/drop-icons.gif') no-repeat 0px 0px; width:16px; height:16px; overflow:hidden;}
|
|
.l-drop-add{background: white url('../images/common/drop-icons.gif') no-repeat -20px 0px; width:16px; height:16px; overflow:hidden;}
|
|
.l-drag-coldroptip{width:9px; position:absolute; height:44px; z-index:1000;}
|
|
.l-drop-move-up{background:transparent url('../images/common/drop-icons.gif') no-repeat -40px 0px; width:9px; height:9px; overflow:hidden;position:absolute; top:0px;}
|
|
.l-drop-move-down{background: transparent url('../images/common/drop-icons.gif') no-repeat -60px 0px; width:9px; height:9px; overflow:hidden; position:absolute; bottom:0px;}
|
|
|
|
.l-drag-nodedroptip,.l-drag-rowdroptip{width:9px; position:absolute; height:1px; background-color:red; z-index:1000; line-height:1px; overflow:hidden;}
|
|
|
|
|
|
|
|
/* filter */
|
|
table.l-filter-group{ background:white; font-size:12px;}
|
|
table.l-filter-group select,table.l-filter-group .valtxt{border:1px solid #d3d3d3;}
|
|
table.l-filter-group .addgroup{}
|
|
table.l-filter-group .addrule{}
|
|
table.l-filter-group .deletegroup{}
|
|
table.l-filter-group .deleterole{ cursor:pointer;}
|
|
table.l-filter-group-alt{ background:#F2F2F2;}
|
|
td.l-filter-groupcell{ padding-left:20px;}
|
|
td.l-filter-column{ padding:2px;}
|
|
td.l-filter-op{padding:2px;}
|
|
td.l-filter-value{padding:2px;}
|
|
tr.l-filter-rowlastcell{ text-align:right;_width:300px; min-width:300px;padding:2px;}
|
|
table.l-filter-group-alt,.l-panel table.l-filter-group-alt{background:#f5f5f5;margin-left:20px; margin-top:4px; padding:5px;border:1px solid #d3d3d3;}
|
|
table.l-filter-group-alt .l-filter-value{ padding-right:6px;}
|
|
td.l-filter-cellgroup{ padding:3px;}
|
|
table.l-filter-group-alt table.l-filter-group{background:white;margin-left:20px; margin-top:4px; padding:5px;border:1px solid #d3d3d3;}
|
|
|
|
|
|
.ui-helper-clearfix:before,
|
|
.ui-helper-clearfix:after {
|
|
content: "";
|
|
display: table;
|
|
border-collapse: collapse;
|
|
}
|
|
.ui-helper-clearfix:after {
|
|
clear: both;
|
|
}
|
|
.ui-helper-clearfix {
|
|
min-height: 0; /* support: IE7 */
|
|
}
|
|
|
|
.ui-widget-content {
|
|
border: 1px solid #aaaaaa;
|
|
color: #222222;
|
|
}
|
|
.ui-widget-content a {
|
|
color: #222222;
|
|
}
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default {
|
|
border: 1px solid #d3d3d3;
|
|
background: #e6e6e6;
|
|
font-weight: normal;
|
|
color: #555555;
|
|
}
|
|
.ui-state-default a,
|
|
.ui-state-default a:link,
|
|
.ui-state-default a:visited {
|
|
color: #555555;
|
|
text-decoration: none;
|
|
}
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-hover,
|
|
.ui-state-focus,
|
|
.ui-widget-content .ui-state-focus,
|
|
.ui-widget-header .ui-state-focus {
|
|
border: 1px solid #999999;
|
|
background: #dadada;
|
|
font-weight: normal;
|
|
color: #212121;
|
|
}
|
|
.ui-state-hover a,
|
|
.ui-state-hover a:hover,
|
|
.ui-state-hover a:link,
|
|
.ui-state-hover a:visited {
|
|
color: #212121;
|
|
text-decoration: none;
|
|
}
|
|
.ui-state-active,
|
|
.ui-widget-content .ui-state-active,
|
|
.ui-widget-header .ui-state-active {
|
|
border: 1px solid #aaaaaa;
|
|
background: #ffffff;
|
|
font-weight: normal;
|
|
color: #212121;
|
|
}
|
|
.ui-state-active a,
|
|
.ui-state-active a:link,
|
|
.ui-state-active a:visited {
|
|
color: #212121;
|
|
text-decoration: none;
|
|
} |