Line | |
---|
1 | .icon-ato-null:before { content: ' '; } |
---|
2 | |
---|
3 | #ato_header { |
---|
4 | display:none; |
---|
5 | position:fixed; |
---|
6 | top:0; |
---|
7 | left:0; |
---|
8 | width:100%; |
---|
9 | background:#464646; |
---|
10 | background-image:linear-gradient(to bottom, #383838 0%, #464646 20%, #464646 80%, #383838 100%); |
---|
11 | z-index:1000; |
---|
12 | } |
---|
13 | #ato_header_root { |
---|
14 | padding:0; |
---|
15 | margin:0; |
---|
16 | } |
---|
17 | |
---|
18 | #ato_header_root li { |
---|
19 | list-style:none; |
---|
20 | line-height:16px; |
---|
21 | font-size:13px; |
---|
22 | white-space:nowrap; |
---|
23 | } |
---|
24 | #ato_header_root li a { |
---|
25 | display:inline-block; |
---|
26 | padding:5px 10px; |
---|
27 | width:100%; |
---|
28 | height:100%; |
---|
29 | border:none; |
---|
30 | text-decoration:none; |
---|
31 | } |
---|
32 | #ato_header_root li a:before { |
---|
33 | font-size:16px; |
---|
34 | margin-right:0.5em; |
---|
35 | } |
---|
36 | |
---|
37 | #ato_header_root>li { |
---|
38 | float:left; |
---|
39 | display:inline-block; |
---|
40 | position:relative; |
---|
41 | overflow:visible; |
---|
42 | } |
---|
43 | #ato_header_root>li.right { |
---|
44 | float:right; |
---|
45 | } |
---|
46 | #ato_header_root>li:not(:first-child) { |
---|
47 | border-left:1px solid #666; |
---|
48 | } |
---|
49 | #ato_header_root>li:not(:last-child) { |
---|
50 | border-right:1px solid #222; |
---|
51 | } |
---|
52 | #ato_header_root>li a { |
---|
53 | color:#ddd; |
---|
54 | text-shadow:1px 1px 0px #222; |
---|
55 | } |
---|
56 | #ato_header_root>li.disabled a { |
---|
57 | color:#888; |
---|
58 | text-shadow:none; |
---|
59 | } |
---|
60 | #ato_header_root>li:not(.disabled):hover { |
---|
61 | background:#222; |
---|
62 | background-image:linear-gradient(to bottom, #222, #353535); |
---|
63 | } |
---|
64 | |
---|
65 | #ato_header_root ul { |
---|
66 | display:none; |
---|
67 | position:absolute; |
---|
68 | top:27px; |
---|
69 | left:0; |
---|
70 | min-width:100%; |
---|
71 | background:#fefefe; |
---|
72 | padding:0; |
---|
73 | margin:0; |
---|
74 | box-shadow:3px 3px 5px rgba(0,0,0,0.5); |
---|
75 | } |
---|
76 | #ato_header_root>li.right ul { |
---|
77 | left:auto; |
---|
78 | right:0; |
---|
79 | } |
---|
80 | #ato_header_root ul li { |
---|
81 | } |
---|
82 | #ato_header_root ul li:hover { |
---|
83 | background:#dedede; |
---|
84 | } |
---|
85 | #ato_header_root ul li a { |
---|
86 | color:#444; |
---|
87 | text-shadow:1px 1px 0px #eee; |
---|
88 | } |
---|
89 | #ato_header_root ul label { |
---|
90 | font-weight:bold; |
---|
91 | color:#777; |
---|
92 | display:inline-block; |
---|
93 | width:60px; |
---|
94 | padding:5px 10px; |
---|
95 | text-align:right; |
---|
96 | } |
---|
97 | #ato_header_root ul select, #ato_header_root ul option { |
---|
98 | font-size:13px; |
---|
99 | line-height:15px; |
---|
100 | color:#444; |
---|
101 | background:#fefefe; |
---|
102 | border-radius:2px; |
---|
103 | } |
---|
104 | #ato_header_root ul select { |
---|
105 | border:1px solid #777; |
---|
106 | height:22px; |
---|
107 | padding:2px 3px; |
---|
108 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.