1
|
/*
|
2
|
new_tab_menu.css
|
3
|
part of pfSense
|
4
|
Copyright (C) 2010-2011 Robert Zelaya
|
5
|
|
6
|
Redistribution and use in source and binary forms, with or without
|
7
|
modification, are permitted provided that the following conditions are met:
|
8
|
|
9
|
1. Redistributions of source code must retain the above copyright notice,
|
10
|
this list of conditions and the following disclaimer.
|
11
|
|
12
|
2. Redistributions in binary form must reproduce the above copyright
|
13
|
notice, this list of conditions and the following disclaimer in the
|
14
|
documentation and/or other materials provided with the distribution.
|
15
|
|
16
|
THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES,
|
17
|
INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
|
18
|
AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
19
|
AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
|
20
|
OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
21
|
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
22
|
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
23
|
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
24
|
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
25
|
POSSIBILITY OF SUCH DAMAGE.
|
26
|
|
27
|
|
28
|
Replace your old tab menu with the following code. To add a second tab menu line just cut and paste again.
|
29
|
The following code is dependent on new_tab_menu.css and images/new_tab_menu.png.
|
30
|
|
31
|
<tr>
|
32
|
<td>
|
33
|
<?php
|
34
|
$tab_array_indent = 0; // move to the line in px
|
35
|
$tab_array_space = 1; // space betwen lines in px
|
36
|
$tab_array_char_limit = 82; // number or chr before the drop down box
|
37
|
$tab_array = array();
|
38
|
$tab_array[] = array(gettext("Admin Access"), true, "system_advanced_admin.php");
|
39
|
$tab_array[] = array(gettext("Firewall / NAT"), false, "system_advanced_firewall.php");
|
40
|
$tab_array[] = array(gettext("Networking"), false, "system_advanced_network.php");
|
41
|
$tab_array[] = array(gettext("Miscellaneous"), false, "system_advanced_misc.php");
|
42
|
$tab_array[] = array(gettext("System Tunables"), false, "system_advanced_sysctl.php");
|
43
|
$tab_array[] = array(gettext("Notifications"), false, "system_advanced_notifications.php");
|
44
|
display_top_tabs($tab_array);
|
45
|
?>
|
46
|
</td>
|
47
|
</tr>
|
48
|
|
49
|
*/
|
50
|
|
51
|
.newtabmenu ul, li{border:0; margin:0; padding:0; list-style:none;}
|
52
|
|
53
|
.newtabmenu li{float:left; margin-right:2px; text-align: center;}
|
54
|
.newtabmenu a:link, .newtabmenu a:visited{
|
55
|
background:url(images/new_tab_menu.png) right 45px;
|
56
|
color:#ffffff; /* noactive font */
|
57
|
display:block;
|
58
|
/* fix for IE6 */
|
59
|
display: inline-block;
|
60
|
/* END */
|
61
|
font-weight:bold;
|
62
|
font-size:.9em;
|
63
|
height:20px;
|
64
|
line-height:20px;
|
65
|
text-decoration:none;
|
66
|
}
|
67
|
.newtabmenu a span{
|
68
|
background:url(images/new_tab_menu.png) left 45px;
|
69
|
display:block;
|
70
|
/* fix for IE6 */
|
71
|
display: inline-block;
|
72
|
/* END */
|
73
|
height:20px;
|
74
|
margin-right:7px;
|
75
|
padding-left:7px;
|
76
|
}
|
77
|
.newtabmenu a:hover{
|
78
|
background:url(images/new_tab_menu.png) right 23px;
|
79
|
display:block;
|
80
|
/* fix for IE6 */
|
81
|
display: inline-block;
|
82
|
/* END */
|
83
|
color:#ffffff; /* hover over font */
|
84
|
}
|
85
|
.newtabmenu a:hover span{
|
86
|
background:url(images/new_tab_menu.png) left 23px;
|
87
|
display:block;
|
88
|
/* fix for IE6 */
|
89
|
display: inline-block;
|
90
|
/* END */
|
91
|
}
|
92
|
|
93
|
/* -------------------------------- */
|
94
|
/* ACTIVE ELEMENTS */
|
95
|
.newtabmenu_active a:link, .newtabmenu_active a:visited, .newtabmenu_active a:visited, .newtabmenu_active a:hover{
|
96
|
color:#000000; /* active font */
|
97
|
background:url(images/new_tab_menu.png) right 0 no-repeat;
|
98
|
}
|
99
|
.newtabmenu_active a span, .newtabmenu_active a:hover span{
|
100
|
background:url(images/new_tab_menu.png) left 0 no-repeat;
|
101
|
}
|