2014-07-26 12:24:27 +08:00
|
|
|
@import "var";
|
|
|
|
|
.panel {
|
|
|
|
|
border: 1px solid@panelBorderColor;
|
|
|
|
|
.panel-header {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
padding: .6em 1.2em;
|
|
|
|
|
background-color: @panelHeaderBgColor;
|
|
|
|
|
border-bottom: 1px solid@panelBorderColor;
|
|
|
|
|
}
|
|
|
|
|
.panel-body {
|
2014-08-03 01:47:33 +08:00
|
|
|
background-color: white;
|
2014-07-26 12:24:27 +08:00
|
|
|
.panel-desc {
|
2014-08-28 22:29:00 +08:00
|
|
|
padding: 0 40px 20px 40px;
|
2014-07-26 12:24:27 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.panel-content {
|
|
|
|
|
padding: 1em 1.2em;
|
|
|
|
|
}
|
|
|
|
|
.panel-footer {
|
|
|
|
|
padding: .6em 1.2em;
|
|
|
|
|
background-color: @panelFooterBgColor;
|
|
|
|
|
border-top: 1px solid@panelBorderColor;
|
|
|
|
|
}
|
|
|
|
|
&.panel-radius {
|
|
|
|
|
border-radius: .3em;
|
|
|
|
|
.panel-header {
|
|
|
|
|
border-top-left-radius: .3em;
|
|
|
|
|
border-top-right-radius: .3em;
|
|
|
|
|
}
|
|
|
|
|
.panel-footer {
|
|
|
|
|
border-bottom-left-radius: .3em;
|
|
|
|
|
border-bottom-right-radius: .3em;
|
|
|
|
|
}
|
2014-08-06 09:18:29 +08:00
|
|
|
.panel-content{
|
|
|
|
|
border-bottom-left-radius: .3em;
|
|
|
|
|
border-bottom-right-radius: .3em;
|
|
|
|
|
}
|
2014-07-26 12:24:27 +08:00
|
|
|
}
|
2014-10-11 09:40:51 +08:00
|
|
|
&.panel-info {
|
|
|
|
|
border-color: #85c5e5;
|
|
|
|
|
> .panel-header {
|
|
|
|
|
color: #31708f;
|
|
|
|
|
background-color: #d9edf7;
|
|
|
|
|
border-color: #85c5e5;
|
|
|
|
|
}
|
|
|
|
|
}
|
2014-07-26 12:24:27 +08:00
|
|
|
&.panel-warning {
|
|
|
|
|
border-color: #F0C36D;
|
|
|
|
|
> .panel-header {
|
|
|
|
|
background-color: #F9EDBE;
|
|
|
|
|
border-color: #F0C36D;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
