You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
@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 {
|
|
|
|
background-color: white;
|
|
|
|
.panel-desc {
|
|
|
|
padding: 0 40px 20px 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
.panel-content{
|
|
|
|
border-bottom-left-radius: .3em;
|
|
|
|
border-bottom-right-radius: .3em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&.panel-info {
|
|
|
|
border-color: #85c5e5;
|
|
|
|
> .panel-header {
|
|
|
|
color: #31708f;
|
|
|
|
background-color: #d9edf7;
|
|
|
|
border-color: #85c5e5;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&.panel-warning {
|
|
|
|
border-color: #F0C36D;
|
|
|
|
> .panel-header {
|
|
|
|
background-color: #F9EDBE;
|
|
|
|
border-color: #F0C36D;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|