[Gesior AAC] Kathrine Layout

Moqill · May 29, 2009

Lay is good

Hermes · May 29, 2009

Metalik said:
Holy shit , shes so hot :d, now i'll visit ots sites which will use this layout instead of redtube xd

Indeed xD! Aww, I prefer TFSCMS layout, but your is good aswell, releasing is good.

Regards,
Hermes

leozao · May 30, 2009

man, fix accountmanagement plz!

Email Address: [email protected]
Created: 27 May 2009, 1:27:31
Last Login: 30 May 2009, 12:19:41
Account Status: Free Account
Registred: No

informations looks is buged on browser

Vean · May 30, 2009

Jackman said:
man, fix accountmanagement plz!
informations looks is buged on browser

What's wrong with them? If you mean that the letters are too small you need to change some files I released in this topic. If something else is bad there must be something in AAC code.

Micki · May 31, 2009

Wodian · May 31, 2009

Looking good vaen!

ill give u repp++

kacpersky · May 31, 2009

Elite Questbane · May 31, 2009

As probably everyone else pointed out. Layout rocks background sucks

Micki · May 31, 2009

Nice!

Zonet · Jun 1, 2009

When comes ur new one

Elite Questbane · Jun 1, 2009

He's making one now, but I am dout it's going to be released.

Leiken · Jun 1, 2009

Next paxton?

Lukiss · Jul 1, 2009

Fatal error: Call to undefined method OTS_Account::getPageAccess() in D:\xampp\htdocs\index.php on line 30

Please help me

Gregor · Jul 4, 2009

rehost to Speedy Share - upload your files here please limit sux

Victor · Jul 4, 2009

Really nice.

GuHB · Jan 25, 2010

Really nice, i'll use it on my website: Dominium - Latest News

Thanks! Rep++

SpiX · Feb 1, 2010

It dont work for TFS 0.3.6.. Just text no images at all ?

wojtek1990 · Apr 4, 2010

Changed in layout.php

Code:

            <!-- Menu Section -->

            <div id="tabs">
                <span id="news" onclick="menuSwitch('news');" class="tab-active">Latest News</span>
                <span id="account" onclick="menuSwitch('account');" class="tab">Account</span>
                <span id="community" onclick="menuSwitch('community');" class="tab">Community</span>
                <span id="library" onclick="menuSwitch('library');" class="tab">Library</span>
		<span id="tutorials" onclick="menuSwitch('tutorials');" class="tab">Tutorials</span>
		<span id="stats" onclick="menuSwitch('stats');" class="tab">Statistics</span>

                <?php
                if($config['site']['shop_system'] == 1)
                {
                    echo '<span id="shops" onclick="menuSwitch(\'shops\');" class="tab">Shops</span>';
                }
                ?>
            </div>

Added to layout.php

Code:

<div id="tutorials-submenu">
<a href="?subtopic=characters">Tutorial 1</a>
<span class="separator"></span>
<a href="?subtopic=guilds">Tutorial 2</a>
</div>

<div id="stats-submenu">
<a href="?subtopic=characters">Stats 1</a>
<span class="separator"></span>
<a href="?subtopic=guilds">Stats 2</a>
</div>

[B]Changed in menu.js[/B]

[code]
var name = new Array();
name[1] = 'news';
name[2] = 'account';
name[3] = 'community';
name[4] = 'library';
name[5] = 'tutorials';
name[6] = 'stats';
name[7] = 'shops';

function initMenu()
{
	for(i = 1; i < 8; i++)

What to do yet yo get 7 panels on main page? I'd like to have: Last News, Account, Community, Library, Tutorials and Statistics tabs.

wojtek1990 · Apr 5, 2010

~Bring
~Up
~My
~Post

Below pasted all files which change main page.

layout.php

Code:

<!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">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><?php echo $title; ?></title>
        <link rel="stylesheet" href="<?php echo $layout_name; ?>/style.css" type="text/css" />
        <script src="<?php echo $layout_name; ?>/menu.js" type="text/javascript"></script>
        <script type="text/javascript">
            var category = '<?php echo $category; ?>';
        </script>
        <?php echo $layout_header; ?>
    </head>
    
    <body onload="initMenu();">
        <div id="page">
        <!-- Keep all on center of browser -->
            
            <!-- Header Section -->
            <div id="header"></div>
            <!-- End -->
            
            <!-- Menu Section -->

            <div id="tabs">
                <span id="news" onclick="menuSwitch('news');" class="tab-active">Latest News</span>
                <span id="account" onclick="menuSwitch('account');" class="tab">Account</span>
                <span id="community" onclick="menuSwitch('community');" class="tab">Community</span>
                <span id="library" onclick="menuSwitch('library');" class="tab">Library</span>
		<span id="tutorials" onclick="menuSwitch('tutorials');" class="tab">Tutorials</span>
		<span id="stats" onclick="menuSwitch('stats');" class="tab">Statistics</span>

                <?php
                if($config['site']['shop_system'] == 1)
                {
                    echo '<span id="shops" onclick="menuSwitch(\'shops\');" class="tab">Shops</span>';
                }
                ?>
            </div>
            
            <div id="mainsubmenu">
                <div id="news-submenu">
                    <a href="?subtopic=latestnews">Latest News</a>
                    <span class="separator"></span>
                    <a href="?subtopic=archive">News Archives</a>
                </div>
                
                <div id="account-submenu">
                    <?PHP
                    if($group_id_of_acc_logged >= $config['site']['access_admin_panel'])
                    {
                        echo '<a href="?subtopic=adminpanel">Admin Panel</a>
                        <span class="separator"></span>';
                    }
                    
                    if($group_id_of_acc_logged > 0)
                    {
                        echo '<a href="?subtopic=namelock">Namelocks</a>
                        <span class="separator"></span>';
                    }
                    
                    if($logged)
                    {
                        echo '<a href="?subtopic=accountmanagement">My Account</a>
                        <span class="separator"></span>
                        <a href="?subtopic=accountmanagement&action=logout">Logout</a>
                        <span class="separator"></span>';
                    }
                    else
                    {
                        echo '<a href="?subtopic=accountmanagement">Login</a>
                        <span class="separator"></span>';
                    }
                    ?>
                    <a href="?subtopic=createaccount">Create Account</a>
                    <span class="separator"></span>
                    <a href="?subtopic=lostaccount">Lost Account Interface</a>
                    <span class="separator"></span>
                    <a href="?subtopic=tibiarules">Server Rules</a>
                </div>
                
                <div id="community-submenu">
                    <a href="?subtopic=characters">Search Player</a>
                    <span class="separator"></span>
                    <a href="?subtopic=guilds">Guilds</a>
                    <span class="separator"></span>
                    <a href="?subtopic=highscores">Highscores</a>
                    <span class="separator"></span>
                    <a href="?subtopic=killstatistics">Last Deaths</a>
                    <span class="separator"></span>
                    <a href="?subtopic=houses">Houses</a>
                    <span class="separator"></span>
                    <?PHP if(!empty($config['site']['forum_link'])) echo '<a href="'.$config['site']['forum_link'].'">Forum</a><span class="separator"></span>'; ?>
                    <a href="?subtopic=team">Game Masters</a>
                </div>
                
                <div id="library-submenu">
                    <a href="?subtopic=creatures">Monsters</a>
                    <span class="separator"></span>
                    <a href="?subtopic=spells">Spells</a>
                    <span class="separator"></span>
                    <a href="?subtopic=whoisonline">Who is online?</a>
                    <?PHP if($config['site']['serverinfo_page'] == 1) echo '<span class="separator"></span><a href="?subtopic=serverinfo">Server Info</a>'; ?>
                    <?PHP if($config['site']['download_page'] == 1) echo '<span class="separator"></span><a href="?subtopic=downloads">Downloads</a>'; ?>
                    <?PHP if($config['site']['gallery_page'] == 1) echo '<span class="separator"></span><a href="?subtopic=gallery">Gallery</a>'; ?>
                </div>


		 <div id="tutorials-submenu">
		<a href="?subtopic=antibot">Antybot system</a>
		<span class="separator"></span>
                  <a href="?subtopic=train">Training system</a>
                </div>

		<div id="stats-submenu">
                    <a href="?subtopic=characters">Stats 1</a>
                    <span class="separator"></span>
                    <a href="?subtopic=guilds">Stats 2</a>
                </div>
	
                
                <?php
                if($config['site']['shop_system'] == 1)
                {
                    echo '
                    <div id="shops-submenu">
                        <a href="?subtopic=buypoints">Buy Premium Points</a>
                        <span class="separator"></span>
                        <a href="?subtopic=shopsystem">Shop Offer</a>';
                        if($logged)
                            echo '<span class="separator"></span><a href="?subtopic=shopsystem&action=show_history">Shop History</a>';
                    echo '</div>';
                }
                ?>
            </div>
            <!-- End -->
            
            <!-- Content Section -->
            <div id="content">
                <div id="margins">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tr>
                            <td><a href="index.php?subtopic=latestnews"><?php echo $config['server']['serverName']; ?></a> &raquo; <?php echo $topic; ?></td>
                            <td>
                            <?PHP
                            if($config['status']['serverStatus_online'] == 1)
                                echo '
                                <font color="green"><b>Server Online</b></font> &raquo;
                                Players Online: '.$config['status']['serverStatus_players'].' / '.$config['status']['serverStatus_playersMax'].' &raquo;
                                Monsters: '.$config['status']['serverStatus_monsters'].' &raquo; Uptime: '.$config['status']['serverStatus_uptime'].'';
                            else
                                echo '<font color="red"><b>Server Offline</b></font>';
                            ?>
                            </td>
                        </tr>
                    </table>
                    <hr noshade="noshade" size="1" />
                    <?php echo $main_content; ?>
                </div>
            </div>
            <div id="content-bot"></div>
            <div id="copyrights">
                <p>&copy; 2009 by <?php echo $config['server']['serverName']; ?>. All rights reserved.</p>
            </div>
            <!-- End -->
            
        <!-- End -->
        </div>
    </body>
</html>

menu.js

Code:

var name = new Array();
name[1] = 'news';
name[2] = 'account';
name[3] = 'community';
name[4] = 'library';
name[5] = 'tutorials';
name[6] = 'stats';
name[7] = 'shops';

function initMenu()
{
	for(i = 1; i < 8; i++)
	{
		if(name[i] == category)
		{
			document.getElementById(name[i]).className = 'tab-active';
			document.getElementById(name[i]+"-submenu").style.display = 'block';
		}
		else
		{
			document.getElementById(name[i]).className = 'tab';
			document.getElementById(name[i]+"-submenu").style.display = 'none';
		}
	}
}

function menuSwitch(cat)
{
	category = cat;
	initMenu();
}

style.css

Code:

@charset "utf-8";
/* CSS Document */

body
{
	background: black;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #373737;
}

#page
{
	width: 780px;
	margin: auto;
}

#header
{
	width: 780px;
	height: 230px;
	background: url('images/emo2.jpg') no-repeat;
	float:  left;
}

#tabs
{
	width: 580px;
	height: 32px;
	background: url('images/tabs-bg.png') no-repeat;
	float: left;
	padding-left: 200px;
}

	#tabs .tab
	{
		width: 112px;
		height: 20px;
		background: url('images/tab.png') no-repeat;
		float: left;
		text-align: center;
		color: #E2E2E2;
		font-weight: bold;
		padding-top: 12px;
		cursor: pointer;
	}
	
	#tabs .tab:hover
	{
		text-decoration: underline;
	}
	
	#tabs .tab-active
	{
		width: 113px;
		height: 22px;
		background: url('images/tab-active.png') no-repeat;
		float: left;
		text-align: center;
		color: #FFFFFF;
		font-weight: bold;
		padding-top: 10px;
		cursor: pointer;
	}
	
#mainsubmenu
{
	width: 760px;
	height: 42px;
	background: url('images/submenu.png') no-repeat;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

	#mainsubmenu a
	{
		display: block;
		float: left;
		padding: 5px;
		color: #FFFFFF;
		font-weight: bold;
		margin-top: 7px;
		text-decoration: none;
	}
	
	#mainsubmenu a:hover
	{
		text-decoration: underline;
	}
	
	#mainsubmenu .separator
	{
		width: 2px;
		height: 32px;
		display: block;
		float: left;
		background: url('images/separator.png') no-repeat;
	}
	
#content
{
	width: 780px;
	background: url('images/site-bg.png') repeat-y;
	float: left;
}

	#margins
	{
		width: 760px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 5px;
		margin-bot: 5px;
		text-align: justify;
	}

#content-bot
{
	width: 780px;
	height: 28px;
	background: url('images/site-bot.png') no-repeat;
	float: left;
}

#copyrights
{
	width: 740px;
	padding: 10px;
	float: left;
	text-align: center;
}

#news-submenu,
#account-submenu,
#community-submenu,
#library-submenu,
#tutorials-submenu,
#stats-submenu,
#shops-submenu
{
	display: none;
}

a
{
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #FF0000;
}

.white, .whites
{
	color: #FFFFFF;
}










/** -------------------------------
 *  Stylesheet declarations for the
 *  NEW TABLES
 *  -------------------------------
 */

.TableContainer {
  border: 1px solid #d0cdb4;
  position: relative;
  width: 100%;
  font-size: 10px;
}
.TableContainer .Odd {
  background-color: #e5e3d7;
}
.TableContainer .Even {
  background-color: #d0cdb4;
}

/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
  position: relative;
  font-size: 12px;
  background-color: #afab89 !important;
  min-height: 16px;
  height: 100%;
  width: 100%;
  text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
	position: relative;
  background-color: #afab89;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
	min-height: 16px;
	font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: white;
  padding-left: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  left: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  right: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	left: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	right: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
  position: absolute;
  height: 100%;
  width: 3px;
  left: -1px;
  top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
  position: absolute;
  height: 100%;
  width: 3px;
  right: -1px;
  top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
  right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
  right: -3px;
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
  bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
  right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
  border: 1px solid #afab89;
  position: relative;
  margin-right: 4px;
  height: 100%;
  background-color: #d0cdb4;
  padding: 0px;
}
.TableContent {
  width: 100%;
  border-collapse: collapse;
}
.TableContent td {
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
  width: 100%;
  background-color: #d0cdb4;
  border: 2px solid #afab89;
}
.TableContainer .Table1 .InnerTableContainer {
  padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
.TableContainer .Table2 td {
  padding: 0px;
  margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
  margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
  border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  border: 1px solid #e5e3d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
}
.TableContainer .Table3 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
  border: 1px solid #e5e3d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
}
.TableContainer .Table4 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
  width: 100%;
  border: 2px solid #afab89;
  background-color: #e5e3d7;
}
.TableContainer .Table5 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* SHADOWS */
.TableShadowContainerRightTop {
  position: relative;
  top: 0px;
  right: 3px;
  margin-right: 0px;
  font-size: 10px;
  float: right;
  z-index: 99;
}
.TableShadowRightTop {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 5px;
  z-index: 99;
}
.TableContentAndRightShadow {
  position: relative;
  background-repeat: repeat-y;
  background-position: top right;
  margin-right: 3px;
  font-size: 10px;
}
.TableShadowContainer {
  position: relative;
  widht: 100%;
  margin-right: 5px;
}
.TableBottomShadow {
  position: relative;
  font-size: 10px;
  height: 5px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.TableBottomLeftShadow {
  position: relative;
  height: 5px;
  width: 4px;
  float: left;
  padding: 0px;
  margin: 0px;
}
.TableBottomRightShadow {
  position: relative;
  float: right;
  right: -2px;
  top: 0px;
  height: 5px;
  width: 4px;
}
/* LABELS */
.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelH {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #afab89;

}
.LabelH td {
  background-color: #afab89;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}

/* BUTTONS */
.InnerTableButtonRow {
  width: 100%;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 4px;
  border: 0px;
}
.InnerTableButtonRow td {
  padding-right: 4px;
}
.BigButton {
  position: relative;
  width: 135px;
  height: 25px;
  z-index: 10;
}
.BigButtonOver {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 135px;
  height: 25px;
  visibility: hidden;
  z-index: 15;
}
.ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 135px;
  z-index: 20;
}
.TopButtonContainer {
  position: relative;
  right: 4px;
  top: 4px;
  z-index: 60;
}
* html .TopButtonContainer {
  right: 27px;
}
.TopButtonContainer .TopButton {
  position: absolute;
  right: 0px;
  z-index: 55;
}
.Content .BoxContent .Odd {
  background-color: #d0cdb4;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #e5e3d7;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #d0cdb4;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #e5e3d7;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #d0cdb4;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #e5e3d7;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

/* News Ticker */

.Content #NewsTicker .BoxContent {
  padding: 5px;
  min-height: 90px;
  height: auto !important;
  height: 100px;
}

.Content #NewsTicker .BoxContent .Row {
  position: relative;
  width: 100%;
}

.Content #NewsTicker .NewsTickerIcon {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

.Content #NewsTicker .NewsTickerText {
  font-size: 10px;
  position: relative;
  margin-left: 20px;
}

.Content #NewsTicker .NewsTickerDate {
  font-size: 10px;
  position: absolute;
  top: 0px;
  float: left;
}

.Content #NewsTicker .NewsTickerShortText {
  margin-left: 85px;
  height: 14px;
}

.Content #NewsTicker .NewsTickerFullText {
  margin-left: 85px;
  margin-right: 20px;
  display: none;
}

.Content #NewsTicker .NewsTickerExtend {
  position: relative;
  right: 0px;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
  z-index: 10;
}

/* Featured Article */

.Content #FeaturedArticle .BoxContent {
  position:relative;
  height: 100px;
  padding: 5px;
  padding-left: 10px;
  min-height: 100px;
  height: auto !important;
  height: 110px;
  line-height: 10.5pt;
}

.Content #FeaturedArticle #TeaserThumbnail {
  position: relative;
  top: 0px;
  right: 0px;
  height: 100px;
  width: 150px;
  margin-left: 10px;
  background-color: black;
  z-index: 90;
  float: right;
}

#ContentHelper #FeaturedArticle:first-child .BoxContent {
  padding: 10px;
}

.Content #FeaturedArticle #TeaserText {
  height: 100px;
  overflow: hidden;
  z-index: 0;
}

.Content #FeaturedArticle #Link {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 89 165 0 0;
  z-index: 99;
}

.Content #FeaturedArticle .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #d0cdb4;
  border-right: 1px solid #d0cdb4;
}

.Content #FeaturedArticle .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  float:left;
}

.Content #FeaturedArticle .NewsHeadlineDate {
  font-size: 10px;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #FeaturedArticle .NewsHeadlineText {
  position: relative;
  top: 8px;
  left: 135px;
  font-size: 10px;
  font-weight: bold;
  color: white;
}

/* News */

.Content #News .BoxContent {
  min-height: 100px;
  height: auto !important;
  height: 110px;
}

.Content #News .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #d0cdb4;
  border-right: 1px solid #d0cdb4;
}

.Content #News .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #News .NewsHeadlineDate {
  font-size: 10px;
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #News .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10px;
  font-weight: bold;
  color: white;
}

/* News Archive */

.Content #NewsArchive .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #d0cdb4;
  border-right: 1px solid #d0cdb4;
}

.Content #NewsArchive .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #NewsArchive .NewsHeadlineDate {
  font-size: 10px;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #NewsArchive .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10px;
  font-weight: bold;
  color: white;
}

/** --------------------------------------
 *  ### not final versions for tests
 *  ### concerning the new payment process
 *  --------------------------------------
 */

/* new error handling concept tests */

.FormFieldError {
  font-size: 10px;
  color: red;
}
.SmallBox {
  position: relative;
  font-size: 1px;
}
.SmallBox .ErrorMessage {
  font-size: 10px;
  position: relative;
  color: red;
  height: 100%;
  background-color: #d0cdb4;
  padding: 5px;
  padding-left: 43px;
}
.SmallBox .Message {
  font-size: 10px;
  position: relative;
  height: 100%;
  background-color: #d0cdb4;
  padding: 10px;
}
.SmallBox .ErrorMessage ul {
  padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
  position: relative;
  height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .MessageContainer {
  position: relative;
  height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .AttentionSign {
  position: absolute;
  top: 3px;
  left: 8px;
  width: 30px;
  height: 26px;
}

sorcerers king · Apr 13, 2010

Cool!

[Gesior AAC] Kathrine Layout

czejwone jabjuszko to ja!

dziwki kola gramy w lola

http://brazuca.clanservers.com/

Member

New Member

Lorensia Developer.

Mr. Brightside

Sylphera.com

New Member

Web Developer

Sylphera.com

Real Tibia

New Member

New Member

New Member

Member

New Member

New Member

New Member

spo

Similar threads