Projet

Général

Profil

Paste
Télécharger (5,7 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / modules / adminimal_admin_menu / js / slicknav / slicknav.css @ bad93dab

1
/*
2
    Mobile Menu Core Style
3
*/
4

    
5
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
6
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
7
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
8
.slicknav_menu .slicknav_no-text { margin: 0 }
9
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
10
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
11
.slicknav_nav { clear: both }
12
.slicknav_nav ul,
13
.slicknav_nav li { display: block }
14
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
15
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
16
.slicknav_nav a { display: block }
17
.slicknav_nav .slicknav_item a { display: inline }
18
.slicknav_menu:before,
19
.slicknav_menu:after { content: " "; display: table; }
20
.slicknav_menu:after { clear: both }
21
/* IE6/7 support */
22
.slicknav_menu { *zoom: 1 }
23

    
24
/* 
25
    User Default Style
26
    Change the following styles to modify the appearance of the menu.
27
*/
28

    
29
.slicknav_menu {
30
        font-size:16px;
31
}
32
/* Button */
33
.slicknav_btn {
34
        margin: 5px 5px 6px;        
35
        text-decoration:none;        
36
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);        
37
        -webkit-border-radius: 4px;
38
        -moz-border-radius: 4px;
39
        border-radius: 4px;  
40
        background-color: #222222;
41
}
42
/* Button Text */
43
.slicknav_menu  .slicknav_menutxt {        
44
        color: #FFF;
45
        font-weight: bold;        
46
        text-shadow: 0 1px 3px #000;        
47
}
48
/* Button Lines */
49
.slicknav_menu .slicknav_icon-bar {
50
  background-color: #f5f5f5;
51
}
52
.slicknav_menu {
53
        background:#4c4c4c;
54
        padding:5px;
55
}
56
.slicknav_nav {
57
        color:#fff;
58
        margin:0;        
59
        padding:0;
60
        font-size:0.875em;
61
}
62
.slicknav_nav, .slicknav_nav ul {
63
        list-style: none;
64
        overflow:hidden;
65
}
66
.slicknav_nav ul {
67
        padding:0;
68
        margin:0 0 0 20px;
69
}
70
.slicknav_nav .slicknav_item {
71
        padding:5px 10px;
72
        margin:2px 5px;
73
}
74
.slicknav_nav a{
75
        padding:5px 10px;
76
        margin:2px 5px;
77
        text-decoration:none;
78
        color:#fff;
79
}
80
.slicknav_nav .slicknav_item a {
81
        padding:0;
82
        margin:0;
83
}
84
.slicknav_nav .slicknav_item:hover {
85
        -webkit-border-radius: 6px;
86
        -moz-border-radius: 6px;
87
        border-radius: 6px;
88
        background:#ccc;
89
        color:#fff;        
90
}
91
.slicknav_nav a:hover{
92
        -webkit-border-radius: 6px;
93
        -moz-border-radius: 6px;
94
        border-radius: 6px;
95
        background:#ccc;
96
        color:#222;
97
}
98
.slicknav_nav .slicknav_txtnode {
99
     margin-left:15px;   
100
}
101

    
102
/* ADMiNiMAL MENU STYLING */
103
.slicknav_menu {
104
        display:none;
105
}
106

    
107
#admin-menu-menu-responsive {
108
        display: none;
109
}
110

    
111
@media screen and (max-width: 1024px) {
112
        #admin-menu-menu, a#edit-shortcuts, li.admin-menu-account, #admin-menu-search, #admin-menu-users, {
113
                display:none;
114
        }
115

    
116
        #admin-menu {
117
                display: none !important;
118
        }
119

    
120
        body.admin-menu, body.admin-menu.adminimal-menu.adminimal-backend, body.admin-menu.adminimal-menu.adminimal-frontend {
121
                margin-top: 0px !important;
122
        }
123

    
124
        .slicknav_menu {
125
                display:block;
126
        }
127

    
128
        #admin-menu-shortcuts-responsive {
129
            background: url("../../images/circledown.svg") no-repeat scroll 16px 50% transparent;
130
            float: right;
131
        }
132

    
133
        #admin-menu-shortcuts-responsive select {
134
            -moz-appearance: none;
135
            -webkit-appearance: none;
136
            text-indent: 0.01px;
137
            text-overflow: '';
138
            border: none;
139
            font-size: 0px;
140
            background: transparent;
141
            height: 46px;
142
            width: 46px;
143
            display: block;
144
        }
145

    
146
        #admin-menu-shortcuts-responsive select option {
147
            font-size: 14px;
148
            background: #fff;
149
            color: #333;
150
        }
151

    
152
}
153

    
154
.slicknav_btn {
155
        float: left;
156
}
157

    
158
.slicknav_menu {
159
    background: none repeat scroll 0 0 #222222;
160
    padding: 0;
161
    font-family: Open Sans, "Segoe UI", "Helvetica", sans-serif;
162
    color: color: #FFFFFF;
163
}
164

    
165
.slicknav_menu a, .slicknav_menu a:link, .slicknav_menu a:active {
166
        color: #fff !important;
167
        text-decoration: none !important;
168
}
169

    
170
.slicknav_menu:after {
171
    clear: none;
172
}
173

    
174
.slicknav_btn {
175
    margin: 0;
176
    outline: medium none;
177
    padding: 5px 10px;
178
    text-shadow: none;
179
    border-radius: 0;
180
}
181

    
182
.slicknav_icon {
183
        display: none;
184
}
185

    
186
.slicknav_menu .slicknav_menutxt {
187
        text-shadow: none;
188
        font-weight: normal;
189
}
190

    
191
.slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover {
192
        border-radius: 0;
193
}
194

    
195
.slicknav_nav li.expandable, #admin-menu .slicknav_nav .dropdown li {
196
        float: none !important;
197
}
198

    
199
.slicknav_nav .slicknav_item {
200
        
201
}
202

    
203
.slicknav_btn {
204
    background: url("../../images/menu.svg") no-repeat scroll 8px 16px rgba(0, 0, 0, 0);
205
    font-size: 23px;
206
    padding: 10px 34px;
207
}
208

    
209
.slicknav_menu:after {
210
    clear: both;
211
}
212

    
213
.slicknav_nav .slicknav_item:hover, .slicknav_nav a:hover {
214
    background: none repeat scroll 0 0 #0074BD;
215
    border-radius: 0;
216
    color: #FFFFFF;
217
    text-decoration: none !important;
218
}
219

    
220
.slicknav_nav .slicknav_arrow i {
221
    display: inline-block;
222
    background: url("../../images/menu-arrows.svg") no-repeat scroll 0px 3px rgba(0, 0, 0, 0);
223
    font-size: 0.8em;
224
    height: 16px;
225
    margin: 0 0 0 0.4em;
226
    width: 16px;
227
}
228

    
229
.slicknav_open .slicknav_arrow i.open {
230
        background: url("../../images/menu-arrows.svg") no-repeat scroll -37px 0 rgba(0, 0, 0, 0);
231
}
232

    
233
.slicknav_nav li.admin-menu-toolbar-home-menu {
234
        background-color: #333;
235
}
236

    
237
li.admin-menu-icon.slicknav_parent > a {
238
        padding: 0;
239
        margin: 0;
240
}
241

    
242
li.admin-menu-icon.slicknav_parent > a > span.slicknav_arrow {
243
        position: absolute;
244
        margin-top: 10px;
245
        margin-left: -5px;
246
}
247

    
248
.slicknav_nav li.admin-menu-toolbar-home-menu span.admin-menu-home-icon {
249
    background: url("../../images/house.svg") no-repeat scroll 17px 10px rgba(0, 0, 0, 0);
250
    display: inline-block;
251
    height: 40px;
252
    width: 50px;
253
}