-
Notifications
You must be signed in to change notification settings - Fork 4
/
bootleg-dropdowns.css
74 lines (67 loc) · 1.57 KB
/
bootleg-dropdowns.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
/*
* Bootleg.css
* https://github.com/ryanseddon/bootleg
*
* WTFPL - http://sam.zoy.org/wtfpl/
*/
/* Cruft styles to make it look the same as the anchor exmaple */
.navbar .nav > li > label {
line-height: 19px;
padding: 9px 10px 11px;
margin: 0;
text-shadow: 0 1px 0 white;
cursor: pointer;
}
.navbar .nav > li > label:hover {
color: #333;
}
.nav-pills > li > label:hover {
background: #eee;
color: #005580;
}
.nav-pills > li > label {
border-radius: 5px;
margin-bottom: 2px;
margin-top: 2px;
padding-bottom: 8px;
padding-top: 8px;
color: #0088CC;
cursor: pointer;
}
.nav-tabs > li > label, .nav-pills > li > label {
line-height: 14px;
margin-right: 2px;
padding-left: 12px;
padding-right: 12px;
}
/* Actual :checked specific styles */
#dropdowns input[type="radio"]:checked + label {
color: #555;
background-color: #E5E5E5;
}
#dropdowns .nav-pills input[type="radio"]:checked + label {
color: white;
background-color: #999;
}
#dropdowns .nav-pills input[type="radio"]:checked + label .caret {
border-top-color: white;
border-bottom-color: white;
}
#dropdowns input[type="radio"] ~ .dismiss-dropdowns {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
padding: 0 !important;
background: transparent !important;
line-height: 0;
cursor: default;
-webkit-tap-highlight-color: transparent;
}
#dropdowns input[type="radio"]:checked ~ .dropdown-menu,
#dropdowns input[type="radio"]:checked ~ .dismiss-dropdowns {
display: block;
}