Hi
How shud i get it installed?
----- Original Message -----
From: "Rajkumar S" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Wednesday, January 04, 2006 4:15 PM
Subject: [pfSense Support] Adding a New theme
> Hi all,
>
> I am attaching a new theme called Orange, inspired by SmoothWall. While
working with it I
> came across some hard coded values inside html. Mostly it relates to the
rounded edges, ie
> where the Rounded function is called. I have modified
/etc/inc/pfsense-utils.inc to change
> the display_top_tabs to make it bit more generic, but the Rounded function
expects hard
> coded values. This makes it impossible to change the full look and feel of
pfSense with
> out touching the php functions. I am sure this issue is known by the devs,
but if they
> have some solution in mind, I can try and implement it. I am attaching the
diff of
> /etc/inc/pfsense-utils.inc which shows where I have made display_top_tabs
more generic. I
> have added 3 more classes to all.css. The attached diff between metallic
and orange
> all.css file has details.
>
> Also try out Orange theme!
>
> raj
>
>
----------------------------------------------------------------------------
----
> --- pfsense-utils.inc.orig Wed Jan 4 12:57:00 2006
> +++ pfsense-utils.inc Wed Jan 4 14:41:12 2006
> @@ -1144,30 +1144,30 @@
> $tabscounter = 0;
> foreach ($tab_array as $ta) {
> if($ta[1] == true) {
> - echo " <td bgcolor='#EEEEEE'
onClick=\"document.location='{$ta[2]}'\"><div id='tabactive'></div></td>\n";
> + echo " <td class=\"tab_act_bg\"
onClick=\"document.location='{$ta[2]}'\"><div id='tabactive'></div></td>\n";
> } else {
> - echo " <td bgcolor='#777777'
onClick=\"document.location='{$ta[2]}'\"><div
id='tabdeactive{$tabscounter}'></div></td>\n";
> + echo " <td class=\"tab_inact_bg\"
onClick=\"document.location='{$ta[2]}'\"><div
id='tabdeactive{$tabscounter}'></div></td>\n";
> }
> $tabscounter++;
> }
> echo "</tr>\n<tr>\n";
> foreach ($tab_array as $ta) {
> if($ta[1] == true) {
> - echo " <td bgcolor='#EEEEEE'
onClick=\"document.location='{$ta[2]}'\"><B> {$ta[0]}";
> + echo " <td class=\"tab_act_bg\"
onClick=\"document.location='{$ta[2]}'\"><B> {$ta[0]}";
> echo " ";
> echo "<font size='-12'> </td>\n";
> } else {
> - echo " <td bgcolor='#777777'
onClick=\"document.location='{$ta[2]}'\"><B> <a
href='{$ta[2]}'>";
> - echo "<font color='white'>{$ta[0]}</a> ";
> + echo " <td class=\"tab_inact_bg\"
onClick=\"document.location='{$ta[2]}'\"><B> <a
class=\"tab_inact_txt\" href='{$ta[2]}'>";
> + echo " {$ta[0]}</a> ";
> echo "<font size='-12'> </td>\n";
> }
> }
> echo "</tr>\n<tr height='5px'>\n";
> foreach ($tab_array as $ta) {
> if($ta[1] == true) {
> - echo " <td bgcolor='#EEEEEE'
onClick=\"document.location='{$ta[2]}'\"></td>\n";
> + echo " <td class=\"tab_act_bg\"
onClick=\"document.location='{$ta[2]}'\"></td>\n";
> } else {
> - echo " <td bgcolor='#777777'
onClick=\"document.location='{$ta[2]}'\"></td>\n";
> + echo " <td class=\"tab_inact_bg\"
onClick=\"document.location='{$ta[2]}'\"></td>\n";
> }
> $tabscounter++;
> }
> @@ -1176,9 +1176,9 @@
>
> echo "<script type=\"text/javascript\">";
> echo "NiftyCheck();\n";
> - echo
"Rounded(\"div#tabactive\",\"top\",\"#FFF\",\"#EEEEEE\",\"smooth\");\n";
> + echo
"Rounded(\"div#tabactive\",\"top\",\"#FFCC66\",\"#ffee99\",\"smooth\");\n";
> for($x=0; $x<$tabscounter; $x++)
> - echo
"Rounded(\"div#tabdeactive{$x}\",\"top\",\"#FFF\",\"#777777\",\"smooth\");\n
";
> + echo
"Rounded(\"div#tabdeactive{$x}\",\"top\",\"#FFCC66\",\"#FF9900\",\"smooth\")
;\n";
> echo "</script>";
> }
>
> @@ -1454,4 +1454,4 @@
>
> }
>
> -?>
> \ No newline at end of file
> +?>
>
----------------------------------------------------------------------------
----
> --- all.css.metallic 2006-01-04 20:40:37.893899408 +0530
> +++ orange/orange/all.css 2006-01-04 20:29:53.249900192 +0530
> @@ -1,3 +1,10 @@
> +/*
> +Yellow1 = #ffee99;
> +Yellow2 = #FFCC66;
> +Yellow3 = #FF9900;
> +*/
> +
> +
> /* Element CSS Definitions */
> html, body, td, th, input, select {
> font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
> @@ -5,7 +12,7 @@
> }
>
> body {
> - background-color: #333333;
> + background-color: #FFCC66;
> margin: 5px auto;
> }
>
> @@ -34,7 +41,6 @@
> }
>
> #header {
> - background: url('images/header.gif') no-repeat;
> background-position: 4px;
> height: 102px;
> width: 808px;
> @@ -164,7 +170,6 @@
> margin-left: 5px;
> padding-top: 0px;
> width: 800px;
> - background: url('images/horizontal.gif') repeat-y;
> }
>
> #left {
> @@ -187,7 +192,6 @@
>
> #footer {
> position: relative;
> - background: url('images/footer.gif') no-repeat;
> top: -18px;
> left: 7px;
> width: 800px;
> @@ -281,7 +285,7 @@
> color: #FFF;
> }
> #navigation ul li ul li {
> - border: 1px solid #505050;
> + border: 1px solid #FFEE99;
> width: 8.8em;
> height: 1.6em;
> line-height: 1.6em;
> @@ -332,7 +336,7 @@
> /* Class Based CSS Definitions */
> .pgtitle {
> font-size: 18px;
> - color: #777777;
> + color: #000000;
> font-weight: bold;
> }
> .tfrtitle {
> @@ -341,16 +345,16 @@
> font-weight: bold;
> }
> .vncell {
> - background-color: #DDDDDD;
> + background-color: #FFEE99;
> padding-right: 20px;
> padding-left: 8px;
> - border-bottom: 1px solid #999999;
> + border-bottom: 1px solid #FF9900;
> }
> .formfld {
>
> }
> .formfldalias {
> - background-color: #990000;
> + background-color: #FFCC66;
> color: #FFFFFF;
> }
> .formpre {
> @@ -384,12 +388,12 @@
> font-size: 11px;
> }
> .navlnk {
> - color: #FFFFFF;
> + color: #000000;
> text-decoration: none;
> font-size: 13px;
> }
> .navlnks {
> - color: #FFFFFF;
> + color: #000000;
> text-decoration: none;
> font-size: 11px;
> }
> @@ -402,23 +406,24 @@
> text-decoration: none;
> }
> .vncellreq {
> - background-color: #DDDDDD;
> + background-color: #FFEE99;
> padding-right: 20px;
> padding-left: 8px;
> font-weight: bold;
> - border-bottom: 1px solid #999999;
> + border-bottom: 1px solid #FF9900;
> }
> .vncellt {
> - background-color: #DDDDDD;
> + background-color: #FFEE99;
> padding-right: 20px;
> padding-left: 8px;
> padding-top: 4px;
> padding-bottom: 4px;
> font-weight: bold;
> - border-bottom: 1px solid #999999;
> + border-bottom: 1px solid #FF9900;
> }
> .vtable {
> - border-bottom: 1px solid #999999;
> + background-color: #FFEE99; /*Added - Raj*/
> + border-bottom: 1px solid #FF9900;
> }
> .vnsepcell {
> background-color: #BBBBBB;
> @@ -447,8 +452,8 @@
> }
> .listr {
> background-color: #FFFFFF;
> - border-right: 1px solid #999999;
> - border-bottom: 1px solid #999999;
> + border-right: 1px solid #FFCC66;
> + border-bottom: 1px solid #FFCC66;
> font-size: 11px;
> padding-right: 6px;
> padding-left: 6px;
> @@ -472,8 +477,8 @@
> padding-bottom: 4px;
> }
> .listbg {
> - border-right: 1px solid #999999;
> - border-bottom: 1px solid #999999;
> + border-right: 1px solid #FFCC66;
> + border-bottom: 1px solid #FFCC66;
> font-size: 11px;
> background-color: #990000;
> padding-right: 16px;
> @@ -492,11 +497,11 @@
> padding-bottom: 4px;
> }
> .listhdr {
> - background-color: #BBBBBB;
> + background-color: #FFCC66;
> padding-right: 16px;
> padding-left: 6px;
> font-weight: bold;
> - border-bottom: 1px solid #999999;
> + border-bottom: 1px solid #FFCC66;
> font-size: 11px;
> padding-top: 5px;
> padding-bottom: 5px;
> @@ -505,12 +510,12 @@
> color: #000000;
> }
> .listhdrr {
> - background-color: #BBBBBB;
> + background-color: #FFCC66;
> padding-right: 16px;
> padding-left: 6px;
> font-weight: bold;
> - border-right: 1px solid #999999;
> - border-bottom: 1px solid #999999;
> + border-right: 1px solid #FFCC66;
> + border-bottom: 1px solid #FFCC66;
> font-size: 11px;
> padding-top: 5px;
> padding-bottom: 5px;
> @@ -520,9 +525,9 @@
> }
> .listlr {
> background-color: #FFFFFF;
> - border-right: 1px solid #999999;
> - border-bottom: 1px solid #999999;
> - border-left: 1px solid #999999;
> + border-right: 1px solid #FFCC66;
> + border-bottom: 1px solid #FFCC66;
> + border-left: 1px solid #FFCC66;
> font-size: 11px;
> padding-right: 6px;
> padding-left: 6px;
> @@ -570,9 +575,9 @@
> padding-bottom: 4px;
> }
> .listtopic {
> - border-right: 1px solid #999999;
> + border-right: 1px solid #FF9900;
> font-size: 11px;
> - background-color: #990000;
> + background-color: #FF9900;
> padding-right: 16px;
> padding-left: 6px;
> color: #FFFFFF;
> @@ -642,7 +647,7 @@
> white-space: nowrap;
> }
> .tabcont {
> - background-color: #EEEEEE;
> + background-color: #FFEE99;
> padding-right: 12px;
> padding-left: 12px;
> padding-top: 12px;
> @@ -650,7 +655,7 @@
> }
> .tabact {
> float: left;
> - background-color: #EEEEEE;
> + background-color: #FFEE99;
> color: #000000;
> padding: 5px 8px 5px 8px;
> white-space: nowrap;
> @@ -664,6 +669,16 @@
> padding: 0;
> white-space: nowrap;
> }
> +.tab_inact_bg {
> + background-color: #FF9900;
> +}
> +
> +.tab_act_bg {
> + background-color: #ffee99;
> +}
> +.tab_inact_txt {
> + color: #ffffff;
> +}
> .menu {
> background-color: #000000;
> white-space: nowrap;
>
>
----------------------------------------------------------------------------
----
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [EMAIL PROTECTED]
> For additional commands, e-mail: [EMAIL PROTECTED]
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
