Integrar flux panel

[Ulises309]

Footer.php

Código PHP:

  <?php if (!defined('FLUX_ROOT')) exit; ?> 
                            </td> 
                            <td bgcolor="#f5f5f5"></td> 
                        </tr> 
 
                        <tr> 
                            <td><img src="<?php echo $this->themePath('img/content_bl.gif') ?>" style="display: block" /></td> 
                            <td bgcolor="#f5f5f5"></td> 
                            <td><img src="<?php echo $this->themePath('img/content_br.gif') ?>" style="display: block" /></td> 
                        </tr> 
                    </table> 
                </td> 
                <!-- Spacing between content and horizontal end-of-page --> 
                <td style="padding: 10px"></td> 
            </tr> 
            <?php if (Flux::config('ShowCopyright')): ?> 
            <tr> 
                <td colspan="3"></td> 
                <td id="copyright"> 
                    <p> 
                        <strong>Powered by Flux Control Panel (<?php echo htmlspecialchars(Flux::VERSION) ?><?php echo Flux::SVNVERSION ? '.'.Flux::SVNVERSION : '' ?>)</strong> 
                        &mdash; Copyright &copy; 2008-2011 Matthew Harris and Nikunj Mehta. 
                    </p> 
                </td> 
                <td></td> 
            </tr> 
            <?php endif ?> 
            <?php if (Flux::config('ShowRenderDetails')): ?> 
            <tr> 
                <td colspan="3"></td> 
                <td id="info"> 
                    <p> 
                        Page generated in <strong><?php echo round(microtime(true) - __START__, 5) ?></strong> second(s). 
                        Number of queries executed: <strong><?php echo (int)Flux::$numberOfQueries ?></strong>. 
                        <?php if (Flux::config('GzipCompressOutput')): ?>Gzip Compression: <strong>Enabled</strong>.<?php endif ?> 
                    </p> 
                </td> 
                <td></td> 
            </tr> 
            <?php endif ?> 
        </table> 
    </body> 
</html>  

Aqui los css:
Parte 1
css/flux.css

Código HTML:

	/*********************************************
	 ** Stylesheet file for default Flux theme. **
	 *********************************************/

.loginbox-admin-menu {
	padding-top: 5px;
	color: #94b4d5;
}

body {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 9pt;
	color: #000;
	background-color: #fff;
}

table {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 9pt;
}

tr, td, th {
	vertical-align: top;
}

.horizontal-table tr, .vertical-table tr, .generic-form-table tr,
.horizontal-table td, .vertical-table td, .generic-form-table td {
	vertical-align: middle;
}

.horizontal-table th, .vertical-table th, .generic-form-table th {
	vertical-align: top;
}

h2 {
	color: #444;
	letter-spacing: -1px;
}

h3 {
	/*font-style: italic;*/
	font-weight: normal;
	font-size: 120%;
	color: #444;
	border-bottom: 1px dotted #ddd;
	text-transform: uppercase;
}

h3:first-letter {
	font-weight: bold;
}

p {
	margin: 4px 0 8px 0;
	padding: 0;
}

a img {
	border: 0;
}

a {
	color: #4083c6;
	text-decoration: none;
}

input[type=text], input[type=password], input[type=file], textarea {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	padding: 4px;
	font-size: 10pt;
	color: #444;
	border: 1px solid #ddd;
	outline-width: 0;
}

label:hover {
	cursor: pointer;
}

/*input[type=text]:hover, input[type=password]:hover, textarea:hover {
	color: #46a;
	background-color: #dee;
	border: 1px solid #8ac;
}*/

.module-name {
	font-weight: bold;
	font-size: 12pt;
}

.message {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background-color: #333;
}

.notice {
	display: block;
	padding: 10px;
	font-weight: normal;
	font-size: 120%;
	color: #204a87;
	background-color: #F0FFFF;
	border: 1px solid #87CEEB;
}

.center {
	text-align: center;
}

#admin_sidebar, #sidebar {
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}

#admin_sidebar img, #sidebar img {
	display: block;
}

#admin_sidebar td, #sidebar td {
	padding: 0;
}

#admin_sidebar td.menuitem, #admin_sidebar th.menuitem {
	display: block;
	font-size: 10pt;
	border-width: 0 13px 0 11px;
	border-style: solid;
	border-color: #8b8b8b;
}

#admin_sidebar th.menuitem {
	background-color: #303030;
}

#admin_sidebar th.menuitem strong {
	display: block;
	margin: 0 12px;
	padding: 10px 0 2px 0;
	font-size: 100%;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #555;
}

#admin_sidebar td.menuitem a {
	margin: 0 auto;
	display: block;
	padding: 2px 5px 4px 18px;
	color: #fff;
	background-color: #303030;
	text-align: left;
	text-shadow: #000 1pt 1pt;
	text-decoration: none;
}

#admin_sidebar td.menuitem a:hover {
	color: #fff;
	background-color: #4a5259;
	text-shadow: #4a5259 1pt 1pt;
}

#admin_sidebar td.menuitem a span {
	/*display: block;*/
}

#sidebar td.sidebar-left, #sidebar td.sidebar-right {
	background-color: #e6f0fa;
}