-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
48 lines (48 loc) · 3.08 KB
/
style.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
ul#css3menu2{
margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
flow:horizontal;
*display:inline;}
ul#css3menu2 li{
display:block;white-space:nowrap;font-size:0;}
* html ul#css3menu2 li a{
display:inline-block;}
ul#css3menu2>li{
margin:0;}
ul#css3menu2 a:active, ul#css3menu2 a:focus{
outline-style:none;}
ul#css3menu2 a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("mainbk.png");background-position:0 100px;}
ul#css3menu2 img{
border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu2 > li.switch{
display:none;cursor:pointer;width:25px;height:20px;padding:10px;}
ul#css3menu2 > li.switch:before{
content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#000000;-moz-box-shadow:0 8px #000000, 0 16px #000000;-webkit-box-shadow:0 8px #000000, 0 16px #000000;box-shadow:0 8px #000000, 0 16px #000000;}
ul#css3menu2 > li.switch:hover:before{
background:#000000;-moz-box-shadow:0 8px #000000, 0 16px #000000;-webkit-box-shadow:0 8px #000000, 0 16px #000000;box-shadow:0 8px #000000, 0 16px #000000;}
.c3m-switch-input{
display:none;}
ul#css3menu2 li:hover>a,ul#css3menu2 li > a.pressed{
background-color:#f8ac00;background-image:url("mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menu2 li.topfirst>a{
border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu2 li.toplast>a{
border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
@media screen and (max-width: 768px) {
ul#css3menu2 > li {
position: initial;}
ul#css3menu2 ul .submenu,ul#css3menu2 li > ul {
left: 0; right:auto; top: 100%;}
ul#css3menu2 .submenu,ul#css3menu2 ul,ul#css3menu2 .column {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 354px) {
ul#css3menu2 {
width: 100%;}
ul#css3menu2 > li {
display: none; position: relative; width: 100% !important;}
ul#css3menu2 > li.switch,.c3m-switch-input:checked + ul#css3menu2 > li + li {
display: block;}
ul#css3menu2 > li.switch > label { position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}