| 1 |
efrain |
1 |
/* Improved styling on tabbed view to add space between tab bar and content. */
|
|
|
2 |
.block_multiblock .multiblock-tabbed-list .tab-pane {
|
|
|
3 |
padding-top: 1rem;
|
|
|
4 |
}
|
|
|
5 |
|
|
|
6 |
/* Reduce excessive spacing on accordion selectors. */
|
|
|
7 |
.block_multiblock .multiblock-accordion .card-header [data-toggle="collapse"] {
|
|
|
8 |
padding: 0;
|
|
|
9 |
}
|
|
|
10 |
|
|
|
11 |
/* But make sure there is some spacing in the inner container. */
|
|
|
12 |
.block-region .block.card .multiblock-accordion [id^="multiblock-content"] .card-body {
|
|
|
13 |
padding: 1.25rem;
|
|
|
14 |
}
|
|
|
15 |
|
|
|
16 |
/* Make dropdown full width */
|
|
|
17 |
.block_multiblock .multiblock-dropdown > .nav {
|
|
|
18 |
margin: 0 0 1rem 0;
|
|
|
19 |
}
|
|
|
20 |
.block_multiblock .multiblock-dropdown .nav-item.dropdown {
|
|
|
21 |
width: 100%;
|
|
|
22 |
text-align: center;
|
|
|
23 |
}
|
|
|
24 |
|
|
|
25 |
/* Make 2-column layout not broken, generically. */
|
|
|
26 |
.multiblock-columns-2 .col-md-6:nth-of-type(odd) section {
|
|
|
27 |
margin-left: 1rem;
|
|
|
28 |
margin-right: 0.5rem;
|
|
|
29 |
}
|
|
|
30 |
.multiblock-columns-2 .col-md-6:nth-of-type(even) section {
|
|
|
31 |
margin-left: 0.5rem;
|
|
|
32 |
margin-right: 1rem;
|
|
|
33 |
}
|
|
|
34 |
|
|
|
35 |
.multiblock-columns-2-66-33 .col-md-8 section {
|
|
|
36 |
margin-left: 1rem;
|
|
|
37 |
margin-right: 0.5rem;
|
|
|
38 |
}
|
|
|
39 |
.multiblock-columns-2-66-33 .col-md-4 section {
|
|
|
40 |
margin-left: 0.5rem;
|
|
|
41 |
margin-right: 1rem;
|
|
|
42 |
}
|
|
|
43 |
|
|
|
44 |
.multiblock-columns-2-33-66 .col-md-4 section {
|
|
|
45 |
margin-left: 1rem;
|
|
|
46 |
margin-right: 0.5rem;
|
|
|
47 |
}
|
|
|
48 |
.multiblock-columns-2-33-66 .col-md-8 section {
|
|
|
49 |
margin-left: 0.5rem;
|
|
|
50 |
margin-right: 1rem;
|
|
|
51 |
}
|
|
|
52 |
|
|
|
53 |
/* Fix the multiblock 2/3 column layout to hide the parent container and remove its padding. */
|
|
|
54 |
/* Some of the rules are specified again in more selective versions for different themes. */
|
|
|
55 |
.multiblock-columns-2-parent[id^="inst"],
|
|
|
56 |
.multiblock-columns-3-parent[id^="inst"] {
|
|
|
57 |
background: transparent;
|
|
|
58 |
border: transparent;
|
|
|
59 |
}
|
|
|
60 |
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container,
|
|
|
61 |
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container {
|
|
|
62 |
padding: 0;
|
|
|
63 |
max-width: 100%;
|
|
|
64 |
}
|
|
|
65 |
.multiblock-columns-2-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"],
|
|
|
66 |
.multiblock-columns-3-parent[id^="inst"] .multiblock > .container > .row > [class*="col-md-"] {
|
|
|
67 |
padding: 0;
|
|
|
68 |
}
|
|
|
69 |
.multiblock-columns-2-parent[id^="inst"] > .card-body,
|
|
|
70 |
.multiblock-columns-3-parent[id^="inst"] > .card-body {
|
|
|
71 |
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
|
72 |
border: transparent !important; /* stylelint-disable-line declaration-no-important */
|
|
|
73 |
}
|
|
|
74 |
.multiblock-columns-2-parent[id^="inst"] > .card-body > .card-text,
|
|
|
75 |
.multiblock-columns-3-parent[id^="inst"] > .card-body > .card-text {
|
|
|
76 |
margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
|
77 |
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
|
78 |
}
|
|
|
79 |
.multiblock-columns-2-parent > .card-body > .card-title + .card-text,
|
|
|
80 |
.multiblock-columns-2-parent[id^="inst"] > .card-body > .block-controls + .card-text,
|
|
|
81 |
.multiblock-columns-3-parent > .card-body > .card-title + .card-text,
|
|
|
82 |
.multiblock-columns-3-parent[id^="inst"] > .card-body > .block-controls + .card-text {
|
|
|
83 |
margin-top: 0.75rem !important; /* stylelint-disable-line declaration-no-important */
|
|
|
84 |
}
|
|
|
85 |
|
|
|
86 |
/* Additional tweaks for 3-column specifically. */
|
|
|
87 |
.multiblock-columns-3 .col-md-4:nth-of-type(3n+1) section {
|
|
|
88 |
margin-left: 1rem;
|
|
|
89 |
margin-right: 0.5rem;
|
|
|
90 |
}
|
|
|
91 |
.multiblock-columns-3 .col-md-4:nth-of-type(3n+2) section {
|
|
|
92 |
margin-left: 0.5rem;
|
|
|
93 |
margin-right: 0.5rem;
|
|
|
94 |
}
|
|
|
95 |
.multiblock-columns-3 .col-md-4:nth-of-type(3n+3) section {
|
|
|
96 |
margin-left: 0.5rem;
|
|
|
97 |
margin-right: 1rem;
|
|
|
98 |
}
|
|
|
99 |
|
|
|
100 |
/* Style fixes for multiblock. */
|
|
|
101 |
.multiblock-carousel {
|
|
|
102 |
padding-bottom: 70px;
|
|
|
103 |
}
|
|
|
104 |
|
|
|
105 |
.multiblock-carousel a.carousel-control {
|
|
|
106 |
top: auto;
|
|
|
107 |
bottom: 5px;
|
|
|
108 |
height: 40px;
|
|
|
109 |
background: #fff;
|
|
|
110 |
border: 1px solid #ddd;
|
|
|
111 |
margin-bottom: -70px;
|
|
|
112 |
opacity: 1;
|
|
|
113 |
}
|
|
|
114 |
|
|
|
115 |
.multiblock-carousel a.carousel-control span {
|
|
|
116 |
color: #000;
|
|
|
117 |
}
|
|
|
118 |
|
|
|
119 |
.multiblock-carousel-bootstrap3 a.carousel-control > .carousel-control {
|
|
|
120 |
position: relative;
|
|
|
121 |
}
|
|
|
122 |
|
|
|
123 |
.multiblock-carousel .flex-icon::before {
|
|
|
124 |
font-size: 1.7em;
|
|
|
125 |
}
|
|
|
126 |
|
|
|
127 |
.multiblock-carousel-bootstrap3 .carousel-control-prev {
|
|
|
128 |
left: 0;
|
|
|
129 |
right: auto;
|
|
|
130 |
}
|
|
|
131 |
|
|
|
132 |
.multiblock-carousel-bootstrap3 .carousel-control-next {
|
|
|
133 |
right: 0;
|
|
|
134 |
left: auto;
|
|
|
135 |
}
|