The Virtual Forge - CSS

by Marco Battistoni — published on May 21, 2009

This is the file that should use in order to apply your own style to the Virtual Forge.

This is the file that you should modify in order to obtain your own look and feel.

Please it is very important that you provide this file in the same format not altering the PHP tags. If you are experiencing difficulties you can always contact us via the contact form. here

<?php
/* Permission to use, copy, modify, distribute, and sell this software and its
* documentation for any purpose is hereby granted without fee, provided that
* the above copyright notice appear in all copies and that both that
* copyright notice and this permission notice appear in supporting
* documentation.
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHOR BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
* AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*
* Except as contained in this notice, the name of the author shall not be
* used in advertising or otherwise to promote the sale, use or other dealings
* in this Software without prior written authorization from the author.
*/

class Theme extends Layout {

    /**
    * Theme() - Constructor
    */
    function Theme() {
        // Parent constructor
        $this->Layout();

        // The root location for images
        $this->imgroot = '/themes/osor/images/';
        $this->imgproj = '/themes/osor/images/proj/';
        // Creamos una variable global,para diferenciar entre los dos
        // tipos de pesta�as
        $this->pestana ='';

// YOU CAN START CUSTOMIZING FROM HERE......

// The primary light background color
        // Alternate list
        $this->COLOR_LTBACK1= '#DDDDDD';

        // The secondary light background color
        $this->COLOR_LTBACK2= '#B6B6B6';

        // The HTML box background color
        $this->COLOR_HTMLBOX_BACK = '#FFFFFF';

        // The color to separate HTML boxes
        $this->COLOR_HTMLBOX_SEP = '#000000';

        // Font Face Constants
        // The content font
        $this->FONT_CONTENT = 'Lucida Grande';
        // The HTML box title font
        $this->FONT_HTMLBOX_TITLE = 'Lucida Grande';
        // The HTML box title font color
        $this->FONTCOLOR_HTMLBOX_TITLE = '#72A5D8';
        // The content font color
        $this->FONTCOLOR_CONTENT = '#202020';
        //The smaller font size
        $this->FONTSIZE_SMALLER='small';
        //The smallest font size
        $this->FONTSIZE_SMALLEST='x-small';
        //The HTML box title font size
        $this->FONTSIZE_HTMLBOX_TITLE = 'x-small';

// new variables introduced by this theme...
        // background image
        $this->BACKGROUND= 'background.png';

        // height of a tab (ie the size of the background image), 23 is specified in the
        // style guide and so the background images were drawn for that size, changing
        // this will lead to the images being cropped or tiled, either will look bad.
        $this->TAB_HEIGHT=23;

        // the following are not used in this theme, but have been set to obnoxious
        // colors to help debug any new pages that make assumptions about a theme...
        // The content background color
        $this->COLOR_CONTENT_BACK= '#0000FF';
        // The background color
        $this->COLOR_BACK= '#00FF00';
        // The HTML box title color
        $this->COLOR_HTMLBOX_TITLE = '#FF0000';

    }

    /**
    *    header() - "steel theme" top of page
    *
    * @param    array    Header parameters array
    */
    function header($params) {
        global $Language, $sys_name;

        if (!$params['title']) {
            $params['title'] = "$sys_name";
        } else {
            $params['title'] = "$sys_name: " . $params['title'];
        }

        print '<?xml version="1.0" encoding="' . $Language->getEncoding(). '"?>';

        ?>

<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="<?php echo $Language->getLanguageCode(); ?>">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $Language->getEncoding(); ?>" />
<title><?php echo $params['title']; ?></title>
<script language="JavaScript" type="text/javascript">
    
    </script>
<?php

/*
    WARNING - changing this font call can affect
    INTERNATIONALIZATION
*/
        //gets font from Language Object
        // try and use the system font first...we'll risk I18N issues
        $site_fonts='Lucida Grande,'.$GLOBALS['Language']->getFont();

    ?>

<style type="text/css">
    
</style>


</head>

<body>

<table id="header" border="0" width="100%" cellspacing="0" cellpadding="0" valign = "bottom">

<tr rowspan = "40" id=content-header colspan = "2" width= "100%" height= "60%">
    <td class="first" valign="top" width="10%">
      <?php
         if (session_loggedin()) {
            ?>
         <a href="https://www.osor.eu/">
      <?php
         } else {
         ?>
         <a href="http://www.osor.eu/">
         <?php
         }
      ?>
    <h1><span>OSOR Forge</span></h1>
     </td>
        </a>
        
        </td>
<td width = "90%" COLSPAN="2" valign="top" class = "login">
       <div id="searchbox">
        <?php echo $this->searchBox(); ?>
        </div>
        <div id="personal-nav">
        <?php
            if (session_loggedin()) {
            $u =& user_get_object(user_getid());
            if (!$u || !is_object($u)) {
               exit_error('Error','Could Not Get User');
            } elseif ($u->isError()) {
               exit_error('Error',$u->getErrorMessage());
            }
            ?>
            <a href="/account/"><img class="user_img" src="/images/user.gif" alt="" title="User" height="16" width="16"/>
            <?php echo $u->getRealName(); ?></a>
            <span class="UserFuncSeparator">•</span>
            <a href="/account/logout.php"><?php echo $Language->getText('common','logout'); ?></a>
            <span class="UserFuncSeparator">•</span>
            <?php
            } else {
                ?>
                <a valign="bottom" href="/account/register.php"><?php echo $Language->getText('common','newaccount'); ?></a>
            <span class="UserFuncSeparator">•</span>
                <a href="/account/login.php"><?php echo $Language->getText('common','login'); ?></a>
                <?php
            }

        ?></div>

    </td>
</tr>

</table>



<table id="nabvar" border="0" cellspacing="0" width="100%" cellpadding="0" >
    <tr>
        <td align="left" colspan="5">
<?php $this->pestana = 'tab1'; // menu ?>
<?php echo $this->outerTabs($params); ?>
        </td>
    </tr>
</table>



<table id = content style = "background-color:#EDEDED" border="0" cellspacing="0" cellpadding="0" width="100% ">

    <tr bgcolor ="#FFFFFF">

        <td cellspacing = "20px" valign="top" width="0%" colspan="3">
            

            <table border="0" width="100%" cellspacing="0" cellpadding="0">
<?php

        if ($params['group']) {

?>

            <tr>
            <?php $this->pestana = 'tab2'; //############# DEUXIEME NIVEAU DE MENU ?>
                <td colspan="5" style="padding-left:450px;">
                <div id="tabb2"><?php
                echo $this->projectTabs($params['toptab'],$params['group']);
                ?></div>
                </td>

            </tr>
            <?php

}

?>
            <tr>
                <td><img src="<?php echo $this->imgroot; ?>clear.png" width="99%" height="10"

alt="spacer" /></td>
            </tr>

            <tr>
                <td><img src="<?php echo $this->imgroot; ?>clear.png" width="10" height="1" alt=""

/></td>
                <td valign="top" width="99%"><div id="sousmenu">
    <?php
    }

    function footer($params) {

    ?></div>

            

                </td>
                <td width="10"><img
                    src="<?php echo $this->imgroot; ?>clear.png" width="2" height="1" alt=""

/></td>
            </tr>
            <tr>
                <td><img
                    src="<?php echo $this->imgroot; ?>clear.png" width="1" height="1" alt=""

/></td>
            </tr>
            </table>

        

        </td>


</table>
<p> </p>
<table id="footer" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="20"> </td>
        <td class="center" align="left">
        <div class="osor"></div>
    <a class="idabc" href="http://ec.europa.eu/idabc" target="_blank"></a>
    <a class="about-topic" href="http://ec.europa.eu" target="_blank">
        European<br>Commission
    </a>
        </td>
        <td width="20"> </td>
    </tr>
</table>



<?php
    global $sys_show_source;
    if ($sys_show_source) {
        global $SCRIPT_NAME;
        print '<a class="showsource" href="/source.php?file=' . $SCRIPT_NAME . '">Show Source</a>';
    }
?>

</body>
</html>
<?php

    }

    /**
    * boxTop() - Top HTML box
    *
    * @param   string Box title
    * @param   bool    Whether to echo or return the results
    * @param   string The box background color
    */
    function boxTop($title) {
        return '

        <table cellspacing="0" cellpadding="0" width="100%" border="0" >
        <tr><td>

            <table cellspacing="0" cellpadding="0" width="100%" border="0" >
                <tr>
                    <td colspan="0"><span class="titlebar">'.$title.'</span></td>
                </tr>
                <tr align="left" bgcolor="'. $this->COLOR_HTMLBOX_BACK .'">
                    <td colspan="2" height="1"></td></tr><tr align="left"><td colspan="2">';
    }

    /**
    * boxMiddle() - Middle HTML box
    *
    * @param   string Box title
    * @param   string The box background color
    */
    function boxMiddle($title) {
        return '
                
                </td>
                </tr>
                <tr><td height="20" colspan="2"> </td></tr>
                <tr>
                    <td colspan="2"><span class="titlebar">'.$title.'</span></td>
                </tr>
                <tr align="left">
                    <td colspan="2" height="1"></td></tr><tr><td colspan="2">';
    }

    /**
    * boxGetAltRowStyle() - Get an alternating row style for tables
    *
    * @param               int            Row number
    */
    function boxGetAltRowStyle($i) {
        switch ($i % 3 ) {
            case 0:
                return 'class="tablealt" ';
            case 1:
                return 'class="tablealt" '; // bgcolor="' . $this->COLOR_LTBACK1 . '"
            case 2:
                return 'class="tablealt" '; // bgcolor="' . $this->COLOR_LTBACK2 . '"
        }
    }

    /**
    * boxBottom() - Bottom HTML box
    *
    * @param   bool    Whether to echo or return the results
    */
    function boxBottom() {
        return '
                    </td>
                </tr>
            </table>
        </td></tr>
        <tr><td height="20" colspan="2"> </td></tr>
        </table><p />';
    }

    /**
    * listTableTop() - Takes an array of titles and builds the first row of a new table.
    *
    * @param       array   The array of titles
    * @param       array   The array of title links
    */
    function listTableTop ($title_arr,$links_arr=false) {
        $return = '
        
        <table cellspacing="0" cellpadding="0" width="100%" border="0">
        <tr><td>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr class="topline" >';

        $count=count($title_arr);
        if ($links_arr) {
            for ($i=0; $i<$count; $i++) {
                $return .= '
                <td align="left"><a class="titlebar" href="'.$links_arr[$i].'">'.$title_arr

[$i].'</a></td>';
            }
        } else {
            for ($i=0; $i<$count; $i++) {
                $return .= '
                <td align="left">'.$title_arr[$i].'</td>';
            }
        }
        $return .= '
        </tr>
        <tr align="left" bgcolor="'. $this->COLOR_HTMLBOX_BACK .'">
            <td colspan="'.$count.'" height="1"><img src="'.$this->imgroot.'clear.png" height="1"

width="1" alt="" /></td>
        </tr>';
        return $return;
    }

    function tabGenerator

($TABS_DIRS,$TABS_TITLES,$nested=false,$selected=false,$sel_tab_bgcolor='WHITE',$total_width='') {

        $count=count($TABS_DIRS);
        $width=intval((100/($count+1)));
        $space=intval($width/2);
        $return .= '

        

        <table id="'.$this->pestana.'" border="0" cellpadding="0" cellspacing="0" >
        <tr>';
        if ($TABS_DIRS[0]=='/') {
         if (session_loggedin()) {
              $return .= '<td align="center" class="tablink"><a href="https://www.osor.eu"><span>Home OSOR</span></a></td>';
         } else {
              $return .= '<td align="center" class="tablink"><a href="http://www.osor.eu"><span>Home OSOR</span></a></td>';
         }
      }
        if ($nested) {
            $inner='-inner';
        } else {
            $inner='';
        }
        for ($i=0; $i<$count; $i++) {
            $TABS_TITLES[$i] = preg_replace("/ +/", " ", $TABS_TITLES[$i]);
            $bgimg=(($selected==$i)?$select_tab:$deselect_tab);
            $cornerimg=(($selected==$i)?'select':'deselect');
            $return .= '
                <td align="center" class="'. (($selected==$i)?'tabsellink':'tablink') .'">'.
                '<a href="'. $TABS_DIRS[$i]

.'">'. $TABS_TITLES[$i] .'</a></td>
                ';
        }
        return $return .= '
        </table>
        ';
    }

    /**
    * multiTableRow() - create a mutlilevel row in a table
    *
    * @param    string    the row attributes
    * @param    array    the array of cell data, each element is an array,
    *                    the first item being the text,
    *                    the subsequent items are attributes
    * @param    boolean is this row part of the title ?
    *
    */
    function multiTableRow($row_attr, $cell_data, $istitle) {
        $return= '
        
        <tr '.$row_attr;
        if ( $istitle ) {
            $return .=' class="topline" align="center" ';
        }
        $return .= '>';
        for ( $c = 0; $c < count($cell_data); $c++ ) {
            $return .='<td ';
            for ( $a=1; $a < count($cell_data[$c]); $a++) {
                $return .= $cell_data[$c][$a].' ';
            }
            $return .= '>';
            if ( $istitle ) {
                $return .='<span>';
            }
            $return .= $cell_data[$c][0];
            if ( $istitle ) {
                $return .='</span>';
            }
            $return .= '</td>';

        }
        $return .= '</tr>
        
        ';

        return $return;
    }

}

?>

Sections

Personal tools

The Virtual Forge - CSS

Document Actions