open-consul/ui/styles/_panels.scss

132 lines
2.6 KiB
SCSS
Raw Normal View History

2014-04-22 18:11:54 +00:00
.panel {
border-width: 2px;
border-color: $gray-background;
2014-04-30 16:15:54 +00:00
@include transition(background-color .3s ease-in-out);
2014-04-22 18:11:54 +00:00
.panel-heading {
padding: 10px 7px;
2014-04-22 18:11:54 +00:00
background-color: transparent;
border-width: 2px;
border-color: $gray-background;
}
2014-06-06 16:21:36 +00:00
h4.panel-title {
2014-08-22 23:46:32 +00:00
padding: 4px 10px 4px 2px;
2014-06-06 16:21:36 +00:00
font-size: 20px;
color: $gray-light;
color: $gray-darker;
border-radius: 3px;
opacity: 0.8;
small {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
margin-left: 5px;
padding-top: 2px;
}
2014-08-25 18:27:46 +00:00
.no-case {
text-transform: none;
}
2014-06-06 16:21:36 +00:00
.panel-note {
margin-top: 5px;
float: right;
font-weight: 600;
color: $gray-light;
font-size: 14px;
}
}
2014-04-22 18:11:54 +00:00
h3.panel-title {
padding: 4px 0px 4px 0px;
font-size: 20px;
color: $gray-light;
color: $gray-darker;
border-radius: 3px;
small {
font-size: 14px;
margin-left: 5px;
}
.panel-note {
2014-05-01 14:40:31 +00:00
margin-top: 5px;
2014-04-22 18:11:54 +00:00
float: right;
font-weight: 600;
color: $gray-light;
font-size: 14px;
}
}
.panel-body {
padding: 0px 7px 0px 7px;
2014-04-22 18:11:54 +00:00
p {
font-size: 14px;
2014-04-24 19:18:11 +00:00
color: $text-color;
}
h5 {
2014-04-24 19:18:11 +00:00
font-size: 12px;
2014-04-22 18:11:54 +00:00
}
h4.check {
font-size: 16px;
}
2014-06-04 20:57:37 +00:00
&.panel-form {
padding-bottom: 15px;
}
2014-04-22 18:11:54 +00:00
}
.panel-bar {
width: 100%;
height: 20px;
2014-04-30 16:15:54 +00:00
@include transition(background-color .1s linear);
2014-04-22 18:11:54 +00:00
}
&.panel-link {
2014-04-25 19:12:21 +00:00
border-bottom-width: 2px;
}
&.panel-list {
ul {
margin: 0;
li {
margin: 0;
border: 0;
}
}
}
.panel-bar-horizontal {
width: 20px;
float: left;
height: 50px;
margin-right: 10px;
display: block;
}
&.panel-short {
2014-04-25 19:12:21 +00:00
border-bottom-width: 0px;
}
2014-04-23 18:01:42 +00:00
&.panel-link:hover {
cursor: pointer;
background-color: lighten($gray-background, 8%);
2014-04-23 18:01:42 +00:00
}
2014-04-29 20:32:38 +00:00
&.active {
>.panel-heading {
2017-04-13 13:27:32 +00:00
border-color: $pink;
2014-04-29 20:32:38 +00:00
}
2014-05-01 02:47:38 +00:00
@include transition(border-color .1s linear);
2017-04-13 13:27:32 +00:00
border-color: $pink;
2014-04-29 20:32:38 +00:00
.panel-bar {
2014-05-01 02:47:38 +00:00
@include transition(background-color .1s linear);
2017-04-13 13:27:32 +00:00
background-color: $pink;
2014-04-29 20:32:38 +00:00
}
}
2014-04-22 18:11:54 +00:00
}