elf
/
cf-platform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
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.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5c7c36a2ed'
${ noResults }
cf-platform/Public/static/thinkbox/skin/default/style.css

477 lines
16 KiB
CSS
Raw Normal View History Unescape Escape

initial
5 years ago
/* 锁屏层样式 */
.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;
}