root / cloudcms / static / cloudcms / css / dropkick.css @ c6fdba44
History | View | Annotate | Download (2.8 kB)
1 | c6fdba44 | Olga Brani | /**
|
---|---|---|---|
2 | c6fdba44 | Olga Brani | * Default DropKick theme
|
3 | c6fdba44 | Olga Brani | *
|
4 | c6fdba44 | Olga Brani | * Feel free to edit the default theme
|
5 | c6fdba44 | Olga Brani | * or even add your own.
|
6 | c6fdba44 | Olga Brani | *
|
7 | c6fdba44 | Olga Brani | * See the readme for themeing help
|
8 | c6fdba44 | Olga Brani | *
|
9 | c6fdba44 | Olga Brani | */
|
10 | c6fdba44 | Olga Brani | |
11 | c6fdba44 | Olga Brani | /***** Begin Theme, feel free to edit in here! ******/
|
12 | c6fdba44 | Olga Brani | |
13 | c6fdba44 | Olga Brani | /* One container to bind them... */
|
14 | c6fdba44 | Olga Brani | .dk_container {
|
15 | c6fdba44 | Olga Brani | font-family: 'Antic', sans-serif; |
16 | c6fdba44 | Olga Brani | |
17 | c6fdba44 | Olga Brani | font-weight: normal; |
18 | c6fdba44 | Olga Brani | line-height: 42px; |
19 | c6fdba44 | Olga Brani | letter-spacing: 1px; |
20 | c6fdba44 | Olga Brani | border: 1px solid #808080; |
21 | c6fdba44 | Olga Brani | height:42px; |
22 | c6fdba44 | Olga Brani | display: inline-block; |
23 | c6fdba44 | Olga Brani | margin-bottom: -1px; |
24 | c6fdba44 | Olga Brani | padding-left:21px; |
25 | c6fdba44 | Olga Brani | |
26 | c6fdba44 | Olga Brani | z-index: 2; |
27 | c6fdba44 | Olga Brani | width:308px; |
28 | c6fdba44 | Olga Brani | } |
29 | c6fdba44 | Olga Brani | .dk_container:focus { |
30 | c6fdba44 | Olga Brani | outline: 0; |
31 | c6fdba44 | Olga Brani | } |
32 | c6fdba44 | Olga Brani | .dk_container a { |
33 | c6fdba44 | Olga Brani | cursor: pointer; |
34 | c6fdba44 | Olga Brani | text-decoration: none; |
35 | c6fdba44 | Olga Brani | color:#808080; |
36 | c6fdba44 | Olga Brani | |
37 | c6fdba44 | Olga Brani | } |
38 | c6fdba44 | Olga Brani | |
39 | c6fdba44 | Olga Brani | /* Opens the dropdown and holds the menu label */
|
40 | c6fdba44 | Olga Brani | .dk_toggle {
|
41 | c6fdba44 | Olga Brani | /**
|
42 | c6fdba44 | Olga Brani | * Help: Arrow image not appearing
|
43 | c6fdba44 | Olga Brani | * Try updating this property to your correct dk_arrows.png path
|
44 | c6fdba44 | Olga Brani | */
|
45 | c6fdba44 | Olga Brani | background:url(../images/arrow_02.jpg) no-repeat 276px center; |
46 | c6fdba44 | Olga Brani | |
47 | c6fdba44 | Olga Brani | } |
48 | c6fdba44 | Olga Brani | .dk_toggle:hover { |
49 | c6fdba44 | Olga Brani | |
50 | c6fdba44 | Olga Brani | } |
51 | c6fdba44 | Olga Brani | /* Applied when the dropdown is focused */
|
52 | c6fdba44 | Olga Brani | .dk_focus .dk_toggle { |
53 | c6fdba44 | Olga Brani | |
54 | c6fdba44 | Olga Brani | } |
55 | c6fdba44 | Olga Brani | .dk_focus .dk_toggle { |
56 | c6fdba44 | Olga Brani | |
57 | c6fdba44 | Olga Brani | } |
58 | c6fdba44 | Olga Brani | |
59 | c6fdba44 | Olga Brani | /* Applied whenever the dropdown is open */
|
60 | c6fdba44 | Olga Brani | .dk_open {
|
61 | c6fdba44 | Olga Brani | |
62 | c6fdba44 | Olga Brani | /**
|
63 | c6fdba44 | Olga Brani | * Help: Dropdown menu is covered by something
|
64 | c6fdba44 | Olga Brani | * Try setting this value higher
|
65 | c6fdba44 | Olga Brani | */
|
66 | c6fdba44 | Olga Brani | z-index: 10; |
67 | c6fdba44 | Olga Brani | } |
68 | c6fdba44 | Olga Brani | .dk_open .dk_toggle { |
69 | c6fdba44 | Olga Brani | |
70 | c6fdba44 | Olga Brani | |
71 | c6fdba44 | Olga Brani | } |
72 | c6fdba44 | Olga Brani | |
73 | c6fdba44 | Olga Brani | /* The outer container of the options */
|
74 | c6fdba44 | Olga Brani | .dk_options {
|
75 | c6fdba44 | Olga Brani | |
76 | c6fdba44 | Olga Brani | } |
77 | c6fdba44 | Olga Brani | .dk_options a { |
78 | c6fdba44 | Olga Brani | background-color: #fff; |
79 | c6fdba44 | Olga Brani | border-bottom: 1px solid #999; |
80 | c6fdba44 | Olga Brani | padding: 8px 20px; |
81 | c6fdba44 | Olga Brani | } |
82 | c6fdba44 | Olga Brani | .dk_options li:last-child a { |
83 | c6fdba44 | Olga Brani | border-bottom: none; |
84 | c6fdba44 | Olga Brani | } |
85 | c6fdba44 | Olga Brani | .dk_options a:hover, |
86 | c6fdba44 | Olga Brani | .dk_option_current a { |
87 | c6fdba44 | Olga Brani | |
88 | c6fdba44 | Olga Brani | } |
89 | c6fdba44 | Olga Brani | |
90 | c6fdba44 | Olga Brani | /* Inner container for options, this is what makes the scrollbar possible. */
|
91 | c6fdba44 | Olga Brani | .dk_options_inner {
|
92 | c6fdba44 | Olga Brani | padding:0; |
93 | c6fdba44 | Olga Brani | margin:0; |
94 | c6fdba44 | Olga Brani | border: 1px solid #808080; |
95 | c6fdba44 | Olga Brani | border-top:0 none; |
96 | c6fdba44 | Olga Brani | } |
97 | c6fdba44 | Olga Brani | .dk_options_inner li { list-style:none outside;} |
98 | c6fdba44 | Olga Brani | |
99 | c6fdba44 | Olga Brani | /* Set a max-height on the options inner */
|
100 | c6fdba44 | Olga Brani | .dk_options_inner,
|
101 | c6fdba44 | Olga Brani | .dk_touch .dk_options { |
102 | c6fdba44 | Olga Brani | max-height: 250px; |
103 | c6fdba44 | Olga Brani | } |
104 | c6fdba44 | Olga Brani | |
105 | c6fdba44 | Olga Brani | /****** End Theme ******/
|
106 | c6fdba44 | Olga Brani | |
107 | c6fdba44 | Olga Brani | /***** Critical to the continued enjoyment of working dropdowns ******/
|
108 | c6fdba44 | Olga Brani | |
109 | c6fdba44 | Olga Brani | .dk_container {
|
110 | c6fdba44 | Olga Brani | display: none; |
111 | c6fdba44 | Olga Brani | position: relative; |
112 | c6fdba44 | Olga Brani | } |
113 | c6fdba44 | Olga Brani | .dk_container a { |
114 | c6fdba44 | Olga Brani | outline: 0; |
115 | c6fdba44 | Olga Brani | } |
116 | c6fdba44 | Olga Brani | |
117 | c6fdba44 | Olga Brani | .dk_toggle {
|
118 | c6fdba44 | Olga Brani | display: -moz-inline-stack; |
119 | c6fdba44 | Olga Brani | display: inline-block; |
120 | c6fdba44 | Olga Brani | *display: inline; |
121 | c6fdba44 | Olga Brani | position: relative; |
122 | c6fdba44 | Olga Brani | zoom: 1; |
123 | c6fdba44 | Olga Brani | } |
124 | c6fdba44 | Olga Brani | |
125 | c6fdba44 | Olga Brani | .dk_open {
|
126 | c6fdba44 | Olga Brani | position: relative; |
127 | c6fdba44 | Olga Brani | } |
128 | c6fdba44 | Olga Brani | .dk_open .dk_options { |
129 | c6fdba44 | Olga Brani | display: block; |
130 | c6fdba44 | Olga Brani | } |
131 | c6fdba44 | Olga Brani | .dk_open .dk_label { |
132 | c6fdba44 | Olga Brani | color: inherit; |
133 | c6fdba44 | Olga Brani | } |
134 | c6fdba44 | Olga Brani | |
135 | c6fdba44 | Olga Brani | .dk_options {
|
136 | c6fdba44 | Olga Brani | display: none; |
137 | c6fdba44 | Olga Brani | margin-top: -1px; |
138 | c6fdba44 | Olga Brani | position: absolute; |
139 | c6fdba44 | Olga Brani | right: 0; |
140 | c6fdba44 | Olga Brani | width: 100%; |
141 | c6fdba44 | Olga Brani | } |
142 | c6fdba44 | Olga Brani | .dk_options a, |
143 | c6fdba44 | Olga Brani | .dk_options a:link, |
144 | c6fdba44 | Olga Brani | .dk_options a:visited { |
145 | c6fdba44 | Olga Brani | display: block; |
146 | c6fdba44 | Olga Brani | } |
147 | c6fdba44 | Olga Brani | .dk_options_inner {
|
148 | c6fdba44 | Olga Brani | overflow: auto; |
149 | c6fdba44 | Olga Brani | position: relative; |
150 | c6fdba44 | Olga Brani | } |
151 | c6fdba44 | Olga Brani | |
152 | c6fdba44 | Olga Brani | .dk_touch .dk_options { |
153 | c6fdba44 | Olga Brani | overflow: hidden; |
154 | c6fdba44 | Olga Brani | } |
155 | c6fdba44 | Olga Brani | |
156 | c6fdba44 | Olga Brani | .dk_touch .dk_options_inner { |
157 | c6fdba44 | Olga Brani | max-height: none; |
158 | c6fdba44 | Olga Brani | overflow: visible; |
159 | c6fdba44 | Olga Brani | } |
160 | c6fdba44 | Olga Brani | |
161 | c6fdba44 | Olga Brani | .dk_fouc select { |
162 | c6fdba44 | Olga Brani | position: relative; |
163 | c6fdba44 | Olga Brani | top: -99999em; |
164 | c6fdba44 | Olga Brani | visibility: hidden; |
165 | c6fdba44 | Olga Brani | } |
166 | c6fdba44 | Olga Brani | |
167 | c6fdba44 | Olga Brani | /***** End Critical to the continued enjoyment of working dropdowns ******/ |