Projet

Général

Profil

Paste
Télécharger (2,36 ko) Statistiques
| Branche: | Révision:

root / drupal7 / themes / seven / vertical-tabs.css @ db2d93dd

1

    
2
/**
3
 * Override of misc/vertical-tabs.css.
4
 */
5
div.vertical-tabs {
6
  background: #fff url(images/fc.png) repeat-y 0 0; /* LTR */
7
  border: 1px solid #ccc;
8
  margin: 10px 0;
9
  position: relative;
10
}
11
fieldset.vertical-tabs-pane {
12
  border: 0;
13
  padding: 0;
14
  margin: 0;
15
}
16
div.vertical-tabs .vertical-tabs-list {
17
  border-bottom: 1px solid #ccc;
18
  float: left; /* LTR */
19
  font-size: 1em;
20
  line-height: 1;
21
  margin: 0 -100% -1px 0; /* LTR */
22
  padding: 0;
23
  width: 240px;
24
}
25
div.vertical-tabs ul li.vertical-tab-button {
26
  list-style: none;
27
  list-style-image: none;
28
  margin: 0;
29
}
30
div.vertical-tabs ul li.vertical-tab-button a {
31
  border-top: 1px solid #ccc;
32
  display: block;
33
  padding: 10px;
34
}
35
div.vertical-tabs ul li.first a {
36
  border-top: 0;
37
}
38
div.vertical-tabs ul li.vertical-tab-button strong {
39
  font-size: 0.923em;
40
}
41
div.vertical-tabs ul li.vertical-tab-button .summary {
42
  color: #666;
43
  display: block;
44
  font-size: 0.846em;
45
  padding-top: 0.4em;
46
}
47
div.vertical-tabs ul li.vertical-tab-button a:hover,
48
div.vertical-tabs ul li.vertical-tab-button a:focus {
49
  background: #d5d5d5;
50
  text-decoration: none;
51
  outline: 0;
52
}
53
div.vertical-tabs ul li.selected a,
54
div.vertical-tabs ul li.selected a:hover,
55
div.vertical-tabs ul li.selected a:focus,
56
div.vertical-tabs ul li.selected a:active {
57
  background: #fff;
58
  border-right-color: #fff; /* LTR */
59
  border-top: 1px solid #ccc;
60
}
61
div.vertical-tabs ul li.first.selected a,
62
div.vertical-tabs ul li.first.selected a:hover {
63
  border-top: 0;
64
}
65
div.vertical-tabs ul li.selected a:focus strong {
66
  text-decoration: underline;
67
}
68
div.vertical-tabs .vertical-tabs-panes {
69
  margin: 0 0 0 265px; /* LTR */
70
  padding: 10px 15px 10px 0; /* LTR */
71
}
72
fieldset.vertical-tabs-pane legend {
73
  display: none;
74
}
75
fieldset.vertical-tabs-pane fieldset legend {
76
  display: block;
77
}
78
.vertical-tabs-pane .fieldset-wrapper > div:first-child {
79
  padding-top: 5px;
80
}
81

    
82
/**
83
 * Prevent text inputs from overflowing when container is too narrow. "width" is
84
 * applied to override hardcoded cols or size attributes and used in conjunction
85
 * with "box-sizing" to prevent box model issues from occurring in most browsers.
86
*/
87
.vertical-tabs .form-type-textfield input {
88
  width: 100%;
89
  -moz-box-sizing: border-box;
90
  -webkit-box-sizing: border-box;
91
  box-sizing: border-box;
92
}
93
* html .vertical-tabs .form-type-textfield,
94
* html .vertical-tabs .form-textarea-wrapper {
95
  width: 95%; /* IE6 */
96
}