gitea/public/ng/less/ui/panel.less
2014-10-10 21:40:51 -04:00

54 lines
1.3 KiB
Plaintext

@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;
}
}
}