@charset "UTF-8";
|
body, div, p {
|
margin: 0;
|
padding: 0;
|
}
|
/* set panel layout */
|
.panel:before, .panel:after {
|
display: table;
|
content: " ";
|
}
|
.panel:after {
|
clear: both;
|
}
|
|
.panel {
|
width: 0;
|
background-color: #fff;
|
overflow: hidden;
|
}
|
|
/* set panel contents layout */
|
.panel .panel-header {
|
font-weight: bold;
|
padding: 10px 0;
|
text-indent: 1.5em;
|
background: url(../image/table_th_bg.gif) repeat-x;
|
}
|
.panel .panel-div-list {
|
padding: 10px 0;
|
}
|
.panel span {
|
font-weight: bold;
|
margin-left: 1.5em;
|
}
|
|
.panel select {
|
height: 32px;
|
border:1px solid #ccc;
|
width: 70%;
|
}
|
.panel input[type="text"] {
|
height: 24px;
|
border:1px solid #ccc;
|
width: 60%;
|
}
|
.panel input[type="checkbox"] {
|
vertical-align: middle;
|
margin-left: 0.5em;
|
}
|
|
.panel-bottom {
|
position: absolute;
|
left: 0;
|
bottom: 0;
|
padding: 0 15px;
|
}
|
|
.panel-bottom input[type="button"] {
|
/*初始化按钮*/
|
font-size: 12px;
|
text-decoration: none!important;
|
font-family: Helvetica, Arial, sans serif;
|
padding: 6px 12px;
|
border-radius: 3px;
|
-moz-border-radius: 3px;
|
box-shadow: inset 0px 0px 2px #fff;
|
-o-box-shadow: inset 0px 0px 2px #fff;
|
-webkit-box-shadow: inset 0px 0px 2px #fff;
|
-moz-box-shadow: inset 0px 0px 2px #fff;
|
/*定义颜色和样式*/
|
color: #41788c;
|
border: 1px solid #6fb1c7;
|
background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
|
background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
|
background-image: -o-linear-gradient(#aae5f7, #73d0f1);
|
text-shadow: 1px 1px 1px #bfeafb;
|
background-color: #73d0f1;
|
/*定义位置*/
|
margin-left: 60px;
|
margin-bottom: 10px;
|
}
|
.panel-bottom input[type="button"]:hover {
|
border: 1px solid #4690ad;
|
background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
|
background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
|
background-image: -o-linear-gradient(#73d0f1, #aae5f7);
|
background-color: #aae5f7;
|
}
|
.panel-mask {
|
width: 100%;
|
height: auto;
|
opacity: 0;
|
filter: alpha(opacity = 0);
|
background-color: #000;
|
z-index: 9999;
|
}
|
.position-right {
|
position: absolute;
|
top: 0;
|
right: 0;
|
z-index: 99999;
|
}
|
.position-left {
|
position: absolute;
|
top: 0;
|
left: 0;
|
z-index: 99999;
|
}
|