温馨提示:代码在线浏览功能只能做为源码浏览参考,不能展示项目的全部,如果想更进一步了解该代码请下载:HeroBeastControls的NavMenu导航控件Demo及源码
当前文件路径:HeroBeastControlsNavMenu/NavMenu/CSS/NavMenu.css

1html 2
{ 3
padding-right: 3px; 4
padding-left: 6px; 5
padding-bottom: 8px; 6
margin: 0px; 7
overflow: hidden; 8
padding-top: 2px; 9
height: 100%; 10
} 11
body 12
{ 13
padding-right: 0px; 14
padding-left: 0px; 15
font-size: 12px; 16
padding-bottom: 0px; 17
margin: 0px; 18
padding-top: 0px; 19
font-family: tahoma, verdana, arial, helvetica, sans-serif; 20
height: 100%; 21
background-color: #97b4d5; 22
} 23
24
.NavMenu 25
{ 26
clear: both; 27
border-right: #7197b8 1px solid; 28
border-top: #7197b8 1px solid; 29
background: #e0f2ff; 30
border-left: #7197b8 1px solid; 31
border-bottom: #7197b8 1px solid; 32
height: 100%; 33
width:100%; 34
} 35
div.NavMenuContainer 36
{ 37
padding-bottom: 10px; 38
width: 100%; 39
color: #ffffff; 40
} 41
div.NavMenuContainer div 42
{ 43
background: url(Images/menu_title.gif) no-repeat; 44
overflow: hidden; 45
} 46
div.NavMenuContainer div:unknown 47
{ 48
} 49
div.NavMenuContainer div span 50
{ 51
padding-right: 30px; 52
display: block; 53
padding-left: 50px; 54
font-weight: bold; 55
background: url(Images/menu_action.gif) no-repeat; 56
padding-bottom: 7px; 57
cursor: pointer; 58
color: #ffffff; 59
padding-top: 6px; 60
} 61
div.NavMenuContainer div.collapsed 62
{ 63
margin-bottom: 1px; 64
height: 27px; 65
} 66
div.NavMenuContainer div.collapsed span 67
{ 68
color: #5f81af; 69
} 70
71
/* 项类(一个分类样式) */ 72
73
div.NavMenuContainer div.collapsed span.sys 74
{ 75
background: url(Images/menu_collapsed_sys.gif) no-repeat; 76
} 77
div.NavMenuContainer div.collapsed span.fun 78
{ 79
background: url(Images/menu_collapsed_fun.gif) no-repeat; 80
} 81
div.NavMenuContainer div.collapsed span.log 82
{ 83
background: url(Images/menu_collapsed_log.gif) no-repeat; 84
} 85
div.NavMenuContainer div.collapsed span.create 86
{ 87
background: url(Images/menu_collapsed_create.gif) no-repeat; 88
} 89
div.NavMenuContainer div.collapsed span.member 90
{ 91
background: url(Images/menu_collapsed_member.gif) no-repeat; 92
} 93
div.NavMenuContainer div.collapsed span.theme 94
{ 95
background: url(Images/menu_collapsed_theme.gif) no-repeat; 96
} 97
div.NavMenuContainer div.collapsed span.safety 98
{ 99
background: url(Images/menu_collapsed_safety.gif) no-repeat; 100
} 101
div.NavMenuContainer div.collapsed span.data 102
{ 103
background: url(Images/menu_collapsed_data.gif) no-repeat; 104
} 105
div.NavMenuContainer div.collapsed span.plugin 106
{ 107
background: url(Images/menu_collapsed_plugin.gif) no-repeat; 108
} 109
110
111
/* 链接类 */ 112
div.NavMenuContainer div a 113
{ 114
padding-right: 10px; 115
display: block; 116
padding-left: 10px; 117
background: #e0f2ff; 118
padding-bottom: 6px; 119
color: #3b577b; 120
padding-top: 6px; 121
} 122
/* 被选中链接类 */ 123
div.NavMenuContainer div a.current 124
{ 125
padding-right: 10px; 126
border-top: #97b4d5 1px solid; 127
padding-left: 10px; 128
font-weight: bold; 129
background: url(Images/menu_arrow1.gif) #fefefe no-repeat right center; 130
padding-bottom: 5px; 131
color: #7cc417; 132
padding-top: 5px; 133
border-bottom: #97b4d5 1px solid; 134
text-decoration: none; 135
} 136
div.NavMenuContainer div a:link 137
{ 138
text-decoration: none; 139
} 140
div.NavMenuContainer div a:visited 141
{ 142
text-decoration: none; 143
} 144
div.NavMenuContainer div a:hover 145
{ 146
padding-right: 10px; 147
border-top: #97b4d5 1px solid; 148
padding-left: 10px; 149
background: #fefefe; 150
padding-bottom: 5px; 151
color: #ff6600; 152
padding-top: 5px; 153
border-bottom: #97b4d5 1px solid; 154
text-decoration: none; 155
} 156
157
158
159
160




padding-right
