Version 1
[yaffs-website] / web / modules / contrib / slick / slick_ui / css / slick.admin--vertical-tabs.css
1 /**
2  * @file
3  * Vertical tabs. Lets face it, VT over-specified selector is for a reason:
4  * not easily get broken. And that is not a breeze to override.
5  * And we don't want to CSS alter for a partial use case.
6  */
7 .form--slick .form-type-vertical-tabs {
8   margin-bottom: 30px;
9   padding: 0;
10   width: 100%;
11 }
12
13 .form--slick .vertical-tabs__menu {
14   float: left;
15   margin: 0;
16   width: 100%;
17 }
18
19 .form--slick .vertical-tabs__panes {
20   margin: 0;
21 }
22
23 .form--slick .vertical-tabs__menu-item {
24   border: 0;
25   text-align: right;
26 }
27
28 .form--slick .vertical-tabs__menu-item a {
29   background: #f9f9f9;
30 }
31
32 .form--slick .vertical-tabs__menu-item.is-selected {
33   border-right: 0;
34 }
35
36 .form--slick .vertical-tabs__menu-item.is-selected a {
37   background: #fff;
38 }
39
40 .form--slick .vertical-tabs details {
41   border: 0;
42 }
43
44 .form--slick .vertical-tabs .vertical-tabs__panes details.vertical-tabs__pane {
45   padding: 0;
46 }
47
48 .form--slick .vertical-tabs__panes {
49   background: #f3f3f3;
50   background: rgba(255, 255, 255, 0.9);
51   border: 1px solid #dadada;
52   border-radius: 1px;
53   padding: 0;
54   min-height: 240px;
55 }
56
57 .form--slick .vertical-tabs__panes > details,
58 .form--slick .vertical-tabs__panes > details:first-child {
59   border: 0;
60   margin: 0;
61   padding-top: 0 !important;
62 }
63
64 .form--slick .details--responsive .details--settings .form-item:first-child {
65   clear: left;
66 }
67
68 @media screen and (min-width: 1280px) {
69   .form--slick .vertical-tabs__menu {
70     float: left;
71     margin: 0 -100% -1px 0;
72     width: 200px;
73   }
74
75   .form--slick .vertical-tabs__panes {
76     margin: 0 0 0 200px;
77     padding: 0;
78   }
79 }