@git / git-reference
Code Commits Issues Pulls Cloud Agent CI/CD
clearly-describe-rm-mv
clearly-describe-rm-mv gh-pages
css 167 lines 3.63 KB
Raw
1 /*
2 -----------------------------------------------
3 Navigation
4 ----------------------------------------------- */
5
6 /* navigation (horizontal subnavigation)
7 ----------------------------------------------- */
8 ul.nav,
9 ul.nav * { margin:0;padding:0;}
10 ul.nav {
11 position:relative;
12 background:#666;
13 max-width:100%;
14 height:2.5em;
15 }
16 ul.nav li {
17 cursor:pointer;
18 float:left;
19 text-align:center;
20 list-style-type:none;
21 font-weight:normal;
22 }
23 ul.nav li ul {
24 cursor:default;
25 width:100%;
26 max-width:100%;
27 position:absolute;
28 height:auto;
29 top:2.5em;
30 background-position:0 0 !important;
31 left:-9000px;
32 }
33 ul.nav li ul li {
34 padding:0;
35 border:none;
36 width:auto;
37 max-width:none;
38 }
39 ul.nav li a {
40 color:#fff;
41 background:#666;
42 font-weight:bold;
43 text-decoration:none;
44 display:block;
45 float:left;
46 padding:0 1em;
47 height:2.4em;
48 line-height:2.5em;
49 }
50 ul.nav li ul li a {
51 position:relative !important; /* ie Mac */
52 cursor:pointer !important;
53 white-space:nowrap;
54 line-height:2em;
55 height:2em;
56 font-weight:normal;
57 color:#666;
58 background-position:0 50% !important;
59 }
60
61 ul.nav li:hover a,
62 ul.nav li a:hover,
63 ul.nav li a:focus {color:#000; background:#ccc;}
64 ul.nav li a:active {color:#666; background:#fff;}
65 ul.nav li:hover ul {left:0;z-index:10}
66 ul.nav li ul,
67 ul.nav li {background:#ccc !important}
68 ul.nav li:hover ul li a {color:#444;}
69 ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
70 ul.nav li:hover ul li a:active {color:#666; background:#fff;}
71
72 ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
73 ul.nav li.current ul {left:0;z-index:5}
74 ul.nav li.current ul,
75 ul.nav li.current {background:#ccc !important}
76 ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
77 ul.nav li.current ul li a:hover {color:#000; background:#fff;}
78 ul.nav li ul li.current a,
79 ul.nav li ul li.current a:hover,
80 ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}
81
82
83 /* navigation (vertical subnavigation)
84 ----------------------------------------------- */
85 ul.nav {
86 background:#666;
87 }
88 ul.main li {
89 position:relative;
90 top:0;
91 left:0;
92 }
93 ul.main li ul {
94 border-top:0;
95 }
96 ul.main li ul li {
97 float:left;
98 }
99 ul.main li a {
100 height:2.5em;
101 line-height:2.5em;
102 border:0;
103 color:#fff;
104 background:#666;
105 }
106 ul.main li ul li a {
107 width:12em;
108 line-height:2em;
109 height:2em;
110 text-align:left;
111 color:#fff;
112 border-top:1px solid #444;
113 background:#444;
114 }
115 ul.main li a:focus {color:#fff; background:#666;}
116 ul.main li ul li a:hover {
117 color:#fff;
118 background:#555;
119 }
120 ul.main li:hover a {
121 color:#fff;
122 background:#555;
123 }
124 ul.main li:hover ul li a {color:#fff;}
125 ul.main li:hover ul li a:hover {color:#fff; background:#444;}
126 ul.main li:hover a:active {background:#444;}
127 ul.main li:hover ul li a:active {color:#fff; background:#222;}
128
129
130 /* secondary list
131 ----------------------------------------------- */
132 ul.nav li.secondary {
133 float:right;
134 color:#cde;
135 background:transparent !important;
136 }
137 ul.nav li.secondary span.status {
138 float:left;
139 padding:0 1em;
140 line-height:2.77em;
141 height:2.77em;
142 font-size:0.9em;
143 }
144 ul.nav li.secondary span.status a {
145 float:none;
146 display:inline;
147 padding:0;
148 height:auto;
149 line-height:auto;
150 color:#cde;
151 background:transparent;
152 }
153 ul.nav li.secondary span.status a:hover {
154 color:#fff;
155 background:transparent;
156 }
157 ul.nav li.secondary span.status span {
158 text-transform:capitalize;
159 }
160 ul.nav li.secondary:hover a {
161 color:#fff;
162 background:#666;
163 }
164 ul.nav li.secondary:hover a:hover {
165 background:#555;
166 }
167 ul.nav li.secondary:hover a:active {background:#444;}