|
Chris@0
|
1 /**
|
|
Chris@0
|
2 * @file
|
|
Chris@0
|
3 * Override of misc/vertical-tabs.css.
|
|
Chris@0
|
4 */
|
|
Chris@0
|
5
|
|
Chris@0
|
6 .vertical-tabs {
|
|
Chris@0
|
7 position: relative;
|
|
Chris@0
|
8 overflow: hidden;
|
|
Chris@0
|
9 margin: 10px 0;
|
|
Chris@0
|
10 border: 1px solid #bdbdbd;
|
|
Chris@0
|
11 border-radius: 4px;
|
|
Chris@0
|
12 background: #e6e5e1;
|
|
Chris@0
|
13 }
|
|
Chris@0
|
14 .vertical-tabs__menu {
|
|
Chris@0
|
15 float: left; /* LTR */
|
|
Chris@0
|
16 width: 240px;
|
|
Chris@0
|
17 margin: 0 -100% -1px 0; /* LTR */
|
|
Chris@0
|
18 padding: 0;
|
|
Chris@0
|
19 border-bottom: 1px solid #ccc;
|
|
Chris@0
|
20 line-height: 1;
|
|
Chris@0
|
21 }
|
|
Chris@0
|
22 [dir="rtl"] .vertical-tabs__menu {
|
|
Chris@0
|
23 float: right;
|
|
Chris@0
|
24 margin: 0 0 -1px -100%;
|
|
Chris@0
|
25 }
|
|
Chris@0
|
26 .vertical-tabs__menu-item {
|
|
Chris@0
|
27 position: relative;
|
|
Chris@0
|
28 }
|
|
Chris@0
|
29 .vertical-tabs__menu-item.is-selected {
|
|
Chris@0
|
30 z-index: 1;
|
|
Chris@0
|
31 overflow-x: hidden;
|
|
Chris@0
|
32 width: 100%;
|
|
Chris@0
|
33 border-right: 1px solid #fcfcfa; /* LTR */
|
|
Chris@18
|
34 border-bottom: 1px solid #b3b2ad;
|
|
Chris@0
|
35 box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
|
|
Chris@0
|
36 }
|
|
Chris@0
|
37 .vertical-tabs__menu-item.last {
|
|
Chris@0
|
38 border-bottom: none;
|
|
Chris@0
|
39 }
|
|
Chris@0
|
40 [dir="rtl"] .vertical-tabs__menu-item.is-selected {
|
|
Chris@18
|
41 border-right: none;
|
|
Chris@0
|
42 border-left: 1px solid #fcfcfa;
|
|
Chris@0
|
43 }
|
|
Chris@0
|
44 .vertical-tabs__menu-item:focus,
|
|
Chris@0
|
45 .vertical-tabs__menu-item:active {
|
|
Chris@0
|
46 z-index: 2;
|
|
Chris@0
|
47 }
|
|
Chris@0
|
48 .vertical-tabs__menu-item a {
|
|
Chris@0
|
49 display: block;
|
|
Chris@0
|
50 padding: 10px 15px 15px;
|
|
Chris@18
|
51 text-decoration: none;
|
|
Chris@0
|
52 border-bottom: 1px solid #b3b2ad;
|
|
Chris@0
|
53 background-color: #f2f2f0;
|
|
Chris@0
|
54 text-shadow: 0 1px hsla(0, 0%, 100%, 0.6);
|
|
Chris@0
|
55 }
|
|
Chris@0
|
56 .vertical-tabs__menu-item:last-child a {
|
|
Chris@0
|
57 border-bottom: 0;
|
|
Chris@0
|
58 }
|
|
Chris@0
|
59 .vertical-tabs__menu-item.is-selected a,
|
|
Chris@0
|
60 .vertical-tabs__menu-item a:hover,
|
|
Chris@0
|
61 .vertical-tabs__menu-item a:focus {
|
|
Chris@0
|
62 background: #fcfcfa;
|
|
Chris@0
|
63 text-shadow: none;
|
|
Chris@0
|
64 }
|
|
Chris@0
|
65 .vertical-tabs__menu-item a:focus {
|
|
Chris@0
|
66 outline: none;
|
|
Chris@0
|
67 }
|
|
Chris@0
|
68 .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title {
|
|
Chris@0
|
69 text-decoration: underline;
|
|
Chris@0
|
70 }
|
|
Chris@0
|
71 .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
|
|
Chris@0
|
72 .vertical-tabs__menu-item.is-selected a:focus .vertical-tabs__menu-item-title {
|
|
Chris@0
|
73 text-decoration: none;
|
|
Chris@0
|
74 }
|
|
Chris@0
|
75 .vertical-tabs__menu-item.is-selected a {
|
|
Chris@18
|
76 padding-left: 11px; /* LTR */
|
|
Chris@18
|
77 text-decoration: none;
|
|
Chris@0
|
78 color: #004f80;
|
|
Chris@0
|
79 border-bottom: none;
|
|
Chris@0
|
80 }
|
|
Chris@0
|
81 [dir=rtl] .vertical-tabs__menu-item.is-selected a {
|
|
Chris@18
|
82 padding-right: 11px;
|
|
Chris@0
|
83 padding-left: 15px;
|
|
Chris@0
|
84 }
|
|
Chris@0
|
85 .vertical-tabs__menu-item.is-selected a:hover,
|
|
Chris@0
|
86 .vertical-tabs__menu-item.is-selected a:focus {
|
|
Chris@0
|
87 color: #007ecc;
|
|
Chris@0
|
88 }
|
|
Chris@0
|
89 [data-vertical-tabs-panes] {
|
|
Chris@0
|
90 background-color: #fcfcfa;
|
|
Chris@0
|
91 }
|
|
Chris@0
|
92 .vertical-tabs__panes {
|
|
Chris@0
|
93 margin: 0 0 0 240px; /* LTR */
|
|
Chris@0
|
94 padding: 10px 15px 10px 15px;
|
|
Chris@0
|
95 border-left: 1px solid #a6a5a1; /* LTR */
|
|
Chris@0
|
96 }
|
|
Chris@0
|
97 [dir="rtl"] .vertical-tabs__panes {
|
|
Chris@0
|
98 margin: 0 240px 0 0;
|
|
Chris@18
|
99 border-right: 1px solid #a6a5a1;
|
|
Chris@0
|
100 border-left: none;
|
|
Chris@0
|
101 }
|
|
Chris@0
|
102 .vertical-tabs__panes:after {
|
|
Chris@0
|
103 display: table;
|
|
Chris@0
|
104 clear: both;
|
|
Chris@18
|
105 content: "";
|
|
Chris@0
|
106 }
|
|
Chris@0
|
107 .vertical-tabs__pane {
|
|
Chris@0
|
108 margin: 0;
|
|
Chris@0
|
109 padding: 0;
|
|
Chris@18
|
110 color: #595959;
|
|
Chris@0
|
111 border: 0;
|
|
Chris@0
|
112 }
|
|
Chris@0
|
113 .vertical-tabs__menu-item-summary {
|
|
Chris@0
|
114 display: block;
|
|
Chris@0
|
115 padding-top: 0.4em;
|
|
Chris@0
|
116 color: #666;
|
|
Chris@0
|
117 }
|
|
Chris@0
|
118 .vertical-tabs__pane > summary {
|
|
Chris@0
|
119 display: none;
|
|
Chris@0
|
120 }
|
