You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
477 lines
16 KiB
CSS
477 lines
16 KiB
CSS
/* 锁屏层样式 */
|
|
.thinkbox-modal-blackout-default{
|
|
background-color: #000;
|
|
opacity: .6;
|
|
filter:alpha(opacity=60);
|
|
}
|
|
/*弹出层样式*/
|
|
.thinkbox-default table,
|
|
.thinkbox-default table tr,
|
|
.thinkbox-default table td{
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
/*弹出层边框*/
|
|
.thinkbox-default .thinkbox-top-left,
|
|
.thinkbox-default .thinkbox-top-right,
|
|
.thinkbox-default .thinkbox-left,
|
|
.thinkbox-default .thinkbox-right,
|
|
.thinkbox-default .thinkbox-bottom-left,
|
|
.thinkbox-default .thinkbox-bottom-right{
|
|
width: 6px;
|
|
}
|
|
.thinkbox-default .thinkbox-top-left,
|
|
.thinkbox-default .thinkbox-top,
|
|
.thinkbox-default .thinkbox-top-right,
|
|
.thinkbox-default .thinkbox-bottom-left,
|
|
.thinkbox-default .thinkbox-bottom,
|
|
.thinkbox-default .thinkbox-bottom-right{
|
|
height: 6px;
|
|
padding: 0;
|
|
}
|
|
.thinkbox-default .thinkbox-top-left,
|
|
.thinkbox-default .thinkbox-top-right,
|
|
.thinkbox-default .thinkbox-bottom-left,
|
|
.thinkbox-default .thinkbox-bottom-right{
|
|
background: none repeat scroll 0 0 #F3F3F3;
|
|
}
|
|
.thinkbox-default .thinkbox-left,
|
|
.thinkbox-default .thinkbox-right{
|
|
background: none repeat scroll 0 0 #F3F3F3;
|
|
}
|
|
.thinkbox-default .thinkbox-top,
|
|
.thinkbox-default .thinkbox-bottom{
|
|
background: none repeat scroll 0 0 #F3F3F3;
|
|
}
|
|
.thinkbox-default .thinkbox-top-left{
|
|
border-top-left-radius: 6px;
|
|
}
|
|
.thinkbox-default .thinkbox-top-right{
|
|
border-top-right-radius: 6px;
|
|
}
|
|
.thinkbox-default .thinkbox-bottom-left{
|
|
border-bottom-left-radius: 6px;
|
|
}
|
|
.thinkbox-default .thinkbox-bottom-right{
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
.thinkbox-default .thinkbox-left{
|
|
background-position: left;
|
|
}
|
|
.thinkbox-default .thinkbox-right{
|
|
background-position: right;
|
|
}
|
|
.thinkbox-default .thinkbox-top{
|
|
background-position: top;
|
|
}
|
|
.thinkbox-default .thinkbox-bottom{
|
|
background-position: bottom;
|
|
}
|
|
/*弹出层内部*/
|
|
.thinkbox-default .thinkbox-inner{
|
|
background-color: #BDD3E5;
|
|
}
|
|
/*弹出层头部*/
|
|
.thinkbox-default .thinkbox-title{
|
|
background-color: #F3F3F3;
|
|
border-bottom: 1px solid #E5E5E5;
|
|
color: #4C4C4C;
|
|
font-weight: bold;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
padding-bottom: 6px;
|
|
padding-left: 6px;
|
|
text-align: left;
|
|
}
|
|
/* 弹出层窗口动作 */
|
|
.thinkbox-default .thinkbox-window-actions{
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
height: 20px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions button{
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: 0;
|
|
height: 20px;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
background: url(bg.png) no-repeat;
|
|
vertical-align: top;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions .thinkbox-actions-minimize{
|
|
width: 29px;
|
|
background-position: 0 -20px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions .thinkbox-actions-maximize{
|
|
width: 27px;
|
|
background-position: -29px -20px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions .thinkbox-actions-close{
|
|
width: 49px;
|
|
background-position: -105px -20px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions button + .thinkbox-actions-close{
|
|
width: 49px;
|
|
background-position: -56px -20px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions .thinkbox-actions-minimize:hover{
|
|
background-position: 0 -40px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions .thinkbox-actions-maximize:hover{
|
|
background-position: -29px -40px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions .thinkbox-actions-close:hover{
|
|
background-position: -105px -40px;
|
|
}
|
|
.thinkbox-default .thinkbox-window-actions button + .thinkbox-actions-close:hover{
|
|
background-position: -56px -40px;
|
|
}
|
|
|
|
/*弹出层内容*/
|
|
.thinkbox-default .thinkbox-body{
|
|
position: relative;
|
|
border: 1px solid #ccc;
|
|
background-color: #FFF;
|
|
/*margin: 1px;*/
|
|
}
|
|
/*弹出层工具*/
|
|
.thinkbox-default .thinkbox-tools{
|
|
position: relative;
|
|
border: 1px solid #1E3E58;
|
|
border-top: 0;
|
|
background-color: #F0F0F0;
|
|
margin: -2px 1px 1px;
|
|
padding: 10px 30px 10px 6px;
|
|
text-align: right;
|
|
}
|
|
.thinkbox-default .thinkbox-status{
|
|
float: left;
|
|
line-height: 30px;
|
|
}
|
|
.thinkbox-default .thinkbox-tools button {
|
|
display: inline-block;
|
|
padding: 4px 20px;
|
|
margin: 0 0 0 20px;
|
|
font-size: 13px;
|
|
line-height: 18px;
|
|
color: #444;
|
|
text-align: center;
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-color: #FDFDFE;
|
|
background-image: -moz-linear-gradient(top, #FFF, #FBFBFB);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#FBFBFB));
|
|
background-image: -webkit-linear-gradient(top, #FFF, #FBFBFB);
|
|
background-image: -o-linear-gradient(top, #FFF, #FBFBFB);
|
|
background-image: linear-gradient(to bottom, #FFF, #FBFBFB);
|
|
background-repeat: repeat-x;
|
|
border: 1px solid #CCC;
|
|
border-color: #FBFBFB #FBFBFB #bfbfbf;
|
|
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
|
|
border-bottom-color: #b3b3b3;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFBFBFB', GradientType=0);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
|
|
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
|
|
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools button:hover,
|
|
.thinkbox-default .thinkbox-tools button:focus,
|
|
.thinkbox-default .thinkbox-tools button:active,
|
|
.thinkbox-default .thinkbox-tools button.active,
|
|
.thinkbox-default .thinkbox-tools button.disabled,
|
|
.thinkbox-default .thinkbox-tools button[disabled] {
|
|
color: #444;
|
|
background-color: #EEEEEF;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools button:active,
|
|
.thinkbox-default .thinkbox-tools button.active {
|
|
background-color: #EEEEEF \9;
|
|
}
|
|
.thinkbox-default .thinkbox-tools button.active,
|
|
.thinkbox-default .thinkbox-tools button:active {
|
|
background-image: none;
|
|
outline: 0 none;
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset;
|
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) inset;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools button.disabled,
|
|
.thinkbox-default .thinkbox-tools button[disabled] {
|
|
cursor: default;
|
|
background-image: none;
|
|
opacity: 0.65;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-info.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black.active {
|
|
color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #5bb75b;
|
|
*background-color: #51a351;
|
|
background-image: -moz-linear-gradient(top, #62c462, #51a351);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
|
|
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
|
|
background-image: -o-linear-gradient(top, #62c462, #51a351);
|
|
background-image: linear-gradient(to bottom, #62c462, #51a351);
|
|
background-repeat: repeat-x;
|
|
border-color: #51a351 #51a351 #387038;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success:hover,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success:focus,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success.disabled,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success[disabled] {
|
|
color: #ffffff;
|
|
background-color: #51a351;
|
|
*background-color: #499249;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-success.active {
|
|
background-color: #408140 \9;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #006dcc;
|
|
*background-color: #0044cc;
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
|
|
background-repeat: repeat-x;
|
|
border-color: #0044cc #0044cc #002a80;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue:hover,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue:focus,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue.disabled,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue[disabled] {
|
|
color: #ffffff;
|
|
background-color: #0044cc;
|
|
*background-color: #003bb3;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-blue.active {
|
|
background-color: #003399 \9;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #faa732;
|
|
*background-color: #f89406;
|
|
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
|
|
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
|
|
background-image: -o-linear-gradient(top, #fbb450, #f89406);
|
|
background-image: linear-gradient(to bottom, #fbb450, #f89406);
|
|
background-repeat: repeat-x;
|
|
border-color: #f89406 #f89406 #ad6704;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning:hover,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning:focus,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning.disabled,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning[disabled] {
|
|
color: #ffffff;
|
|
background-color: #f89406;
|
|
*background-color: #df8505;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-warning.active {
|
|
background-color: #c67605 \9;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #da4f49;
|
|
*background-color: #bd362f;
|
|
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
|
|
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
|
|
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
|
|
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
|
|
background-repeat: repeat-x;
|
|
border-color: #bd362f #bd362f #802420;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error:hover,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error:focus,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error.disabled,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error[disabled] {
|
|
color: #ffffff;
|
|
background-color: #bd362f;
|
|
*background-color: #a9302a;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-error.active {
|
|
background-color: #942a25 \9;
|
|
}
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black {
|
|
color: #ffffff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #363636;
|
|
*background-color: #222222;
|
|
background-image: -moz-linear-gradient(top, #444444, #222222);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
|
|
background-image: -webkit-linear-gradient(top, #444444, #222222);
|
|
background-image: -o-linear-gradient(top, #444444, #222222);
|
|
background-image: linear-gradient(to bottom, #444444, #222222);
|
|
background-repeat: repeat-x;
|
|
border-color: #222222 #222222 #000000;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black:hover,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black:focus,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black.active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black.disabled,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black[disabled] {
|
|
color: #ffffff;
|
|
background-color: #222222;
|
|
*background-color: #151515;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-black.active {
|
|
background-color: #080808 \9;
|
|
}
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link:active,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link[disabled] {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link {
|
|
color: #0088cc;
|
|
cursor: pointer;
|
|
padding: 4px;
|
|
border-color: transparent;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link:hover,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link:focus {
|
|
color: #005580;
|
|
text-decoration: underline;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link[disabled]:hover,
|
|
.thinkbox-default .thinkbox-tools .thinkbox-button-link[disabled]:focus {
|
|
color: #333333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
/**********************************************
|
|
************** thinkbox 插件样式 **************
|
|
**********************************************/
|
|
/* 加载外部内容loading样式 */
|
|
.thinkbox-default .thinkbox-load-loading{
|
|
line-height: 30px;
|
|
padding: 20px 10px;
|
|
text-align: center;
|
|
width: 220px;
|
|
border-radius: 5px;
|
|
}
|
|
/* 提示框样式 */
|
|
.thinkbox-default .thinkbox-tips{
|
|
height: 62px;
|
|
background-image: url(tips-bg.gif);
|
|
padding: 0 20px 0 70px;;
|
|
background-repeat: no-repeat;
|
|
line-height: 62px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
width: auto;
|
|
border-radius: 5px;
|
|
}
|
|
/* 弹出成功框样式 */
|
|
.thinkbox-default .thinkbox-tips-success{
|
|
color: green;
|
|
}
|
|
/* 弹出错误框样式 */
|
|
.thinkbox-default .thinkbox-tips-error{
|
|
color: red;
|
|
background-position: 0 -62px;
|
|
}
|
|
/* 弹出加载框样式 */
|
|
.thinkbox-default .thinkbox-tips-loading{
|
|
color: black;
|
|
background-image: url(tips_loading.gif);
|
|
background-position: 20px 15px;
|
|
}
|
|
/*警告提示信息*/
|
|
/*确认提示信息*/
|
|
.thinkbox-default .thinkbox-alert,
|
|
.thinkbox-default .thinkbox-confirm{
|
|
min-width: 200px;
|
|
max-width: 500px;
|
|
padding: 20px 10px;
|
|
line-height: 20px;
|
|
height: auto!important;
|
|
height: 40px;
|
|
} |