1
|
.off-canvas-toggle {
|
2
|
border-radius: 0;
|
3
|
border: 0;
|
4
|
padding: 0;
|
5
|
width: 50px;
|
6
|
height: 50px;
|
7
|
line-height: 50px;
|
8
|
}
|
9
|
.off-canvas-toggle:focus {
|
10
|
outline: none;
|
11
|
}
|
12
|
.t3-off-canvas {
|
13
|
background: #ffffff;
|
14
|
color: #636884;
|
15
|
z-index: 100;
|
16
|
}
|
17
|
.t3-off-canvas .t3-off-canvas-header {
|
18
|
background: #eeeeee;
|
19
|
color: #636884;
|
20
|
padding: 0 0 0 12px;
|
21
|
height: 35px;
|
22
|
}
|
23
|
.t3-off-canvas .t3-off-canvas-header h2 {
|
24
|
margin: 0;
|
25
|
line-height: 35px;
|
26
|
font-size: 16px;
|
27
|
font-weight: bold;
|
28
|
text-transform: uppercase;
|
29
|
}
|
30
|
.t3-off-canvas .close {
|
31
|
margin: 0;
|
32
|
height: 35px;
|
33
|
line-height: 35px;
|
34
|
width: 35px;
|
35
|
background: #bbbbbb;
|
36
|
position: absolute;
|
37
|
top: 0;
|
38
|
right: 0;
|
39
|
}
|
40
|
.t3-off-canvas .t3-off-canvas-body {
|
41
|
padding: 24px 12px;
|
42
|
}
|
43
|
.t3-off-canvas .t3-off-canvas-body a {
|
44
|
color: #6e418e;
|
45
|
text-decoration: none;
|
46
|
}
|
47
|
.t3-off-canvas .t3-off-canvas-body a:hover,
|
48
|
.t3-off-canvas .t3-off-canvas-body a:focus {
|
49
|
color: #45295a;
|
50
|
text-decoration: none;
|
51
|
}
|
52
|
.t3-off-canvas .t3-off-canvas-body a:focus {
|
53
|
outline: thin dotted;
|
54
|
outline: 5px auto -webkit-focus-ring-color;
|
55
|
outline-offset: -2px;
|
56
|
}
|
57
|
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {
|
58
|
background: transparent;
|
59
|
}
|
60
|
.t3-off-canvas .t3-off-canvas-body .t3-module {
|
61
|
margin-bottom: 22px;
|
62
|
}
|
63
|
.t3-off-canvas .t3-off-canvas-body .module-title {
|
64
|
margin-bottom: 11px;
|
65
|
}
|