_bootstrap-overrides.scss
1.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/* MAINBOX */
.main-box {
border: 1px solid #e7ebee;
box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
margin-bottom: 16px;
/* overflow: hidden; */
@include border-radius($border-radius-base);
@media (max-width: $break-xs-max) {
margin-bottom: 10px;
}
h2 {
font-size: 1.3em;
line-height: 29px;
margin: 0;
padding: 0;
@media (max-width: $break-xxs-max) {
margin-bottom: 5px;
}
}
&.no-header {
padding-top: 20px;
}
.main-box-header {
min-height: 50px;
padding: 10px 20px;
&.with-border {
border-bottom: 1px solid #ecf0f1;
}
}
.main-box-body {
padding: 0 20px 20px 20px;
}
}
/* TABS */
.nav-tabs {
background: #f9f9f9;
border-color: transparent;
margin-bottom: 15px;
@include border-radius(3px 3px 0 0);
> li > a {
@include border-radius(0);
font-size: 1.125em;
font-weight: 300;
outline: none;
color: #555;
margin-right: 3px;
}
> li > a:hover,
> li > a:focus {
border-color: transparent;
@include border-radius(3px 3px 0 0);
color: #555;
border-bottom: 0;
background: rgba(219, 221, 223, 0.46);
}
> li.active > a,
> li.active > a:hover,
> li.active > a:focus {
@include border-radius(3px 3px 0 0);
border-left: 0;
border-top: 2px solid #03a9f4;
border-right: 0;
background: #fff;
}
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
border-color: $main-bg-color;
}
.nav .caret {
border-bottom-color: $primary-color;
border-top-color: $primary-color;
}
.main-box .tabs-header {
min-height: 50px;
padding: 10px 20px;
}
.main-box .tab-content-body {
padding: 0 20px 20px 20px;
margin-bottom: 0;
}
.main-box .tab-content {
padding: 0 10px;
}
.tabs-wrapper.tabs-no-header .tab-content {
padding: 0 20px 20px;
}