2014-07-26 13:24:27 +09: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 02:47:33 +09:00
|
|
|
background-color: white;
|
2014-07-26 13:24:27 +09:00
|
|
|
.panel-desc {
|
2014-08-28 23:29:00 +09:00
|
|
|
padding: 0 40px 20px 40px;
|
2014-07-26 13:24:27 +09: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 10:18:29 +09:00
|
|
|
.panel-content{
|
|
|
|
border-bottom-left-radius: .3em;
|
|
|
|
border-bottom-right-radius: .3em;
|
|
|
|
}
|
2014-07-26 13:24:27 +09:00
|
|
|
}
|
|
|
|
&.panel-warning {
|
|
|
|
border-color: #F0C36D;
|
|
|
|
> .panel-header {
|
|
|
|
background-color: #F9EDBE;
|
|
|
|
border-color: #F0C36D;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|