Open Layout Contest
There are not any special gifts, but the best layouts will be added in the Control Panel's layout changer and if the layout is really good then the creator will get access to the site's news manager and a special rank in the forums.
So, what do you need to know? Well, if you know a bit of PHP, CSS and XHTML you can have a look at the basic files here that follow and at the source of this page. You can do almost anything, like put your own images, use PHP in the templates and even include Javascript but have in mind that your CSS and XHTML code should validate. Your layout can also be for mobile devices, low sighted people e.t.c like described in ALA's Big, Stark & Chunky or a port of another Pokémon site's layout. Also have in mind that there's already a core.css.php CSS file applied to every page.Layout Files (directory: ./layout/mew)
All files must be in UTF-8 encoded and with Unix-style line endings (LF). You are free to use advanced PHP code in the navigation.php and the style.css.php files, add javascript widgets or whatever you might imagine. If you have any question regarding those files, then just contact us.
Below are all the files you need to study:
navigation.php (example)
<?php
$sitesection = 's'.$pagedata[$page][3];
$replace_array[0] = array_merge($replace_array[0],array('class="block'));
$replace_array[1] = array_merge($replace_array[1],array('class="block '.$sitesection));
?>
<div class="menubtn newsbtn<?php echo ($sitesection == 'snews'?' activebtn':''); ?>">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[1]; ?>" title="<? echo $_menutitle[1]; ?>">
<? echo $_menutitle[1]; ?></a></h2>
<? echo $_menu[1]; ?>
</div>
<div class="menubtn columnsbtn<?php echo ($sitesection == 'scolumns'?' activebtn':''); ?>">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[2]; ?>" title="<? echo $_menutitle[2]; ?>">
<? echo $_menutitle[2]; ?></a></h2>
<? echo $_menu[2]; ?>
</div>
<div class="menubtn sitebtn<?php echo ($sitesection == 'ssite'?' activebtn':''); ?>">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[3]; ?>" title="<? echo $_menutitle[3]; ?>">
<? echo $_menutitle[3]; ?></a></h2>
<? echo $_menu[3]; ?>
</div>
<div class="menubtn gamesbtn<?php echo ($sitesection == 'sgames'?' activebtn':''); ?>">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[4]; ?>" title="<? echo $_menutitle[4]; ?>">
<? echo $_menutitle[4]; ?></a></h2>
<? echo $_menu[4]; ?>
</div>
<div class="menubtn mechanicsbtn<?php echo ($sitesection == 'smechanics'?' activebtn':''); ?>">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[5]; ?>" title="<? echo $_menutitle[5]; ?>">
<? echo $_menutitle[5]; ?></a></h2>
<? echo $_menu[5]; ?>
</div>
<div class="menubtn tcgbtn<?php echo ($sitesection == 'stools'?' activebtn':''); ?>">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[6]; ?>" title="<? echo $_menutitle[6]; ?>">
<? echo $_menutitle[6]; ?></a></h2>
<? echo $_menu[6]; ?>
</div>
<div class="menubtn artbtn<?php echo ($sitesection == 'sworld'?' activebtn':''); ?>">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[7]; ?>" title="<? echo $_menutitle[7]; ?>">
<? echo $_menutitle[7]; ?></a></h2>
<? echo $_menu[7]; ?>
</div>
<div class="menubtn animebtn">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[8]; ?>" title="<? echo $_menutitle[8]; ?>">
<? echo $_menutitle[8]; ?></a></h2>
<? echo $_menu[8]; ?>
</div>
<div class="menubtn interbtn">
<h2><a href="http://www.legendarypokemon.net/sitemap#<?php echo $_menucode[9]; ?>" title="<? echo $_menutitle[9]; ?>">
<? echo $_menutitle[9]; ?></a></h2>
<? echo $_menu[9]; ?>
</div>
<div class="menubtn affibtn">
<h2><a href="http://www.legendarypokemon.net/rss" title="<? echo $_menutitle[10]; ?>">
<? echo $_menutitle[10]; ?></a></h2>
<? echo $_menu[10]; ?>
</div>
<?php /*<div class="menubtn activebtn" style="border: none;"><script type="text/javascript"><!--
google_ad_client = "pub-1414309924118601";
google_alternate_color = "FFFFFF";
google_ad_width = 125;
google_ad_height = 125;
google_ad_format = "125x125_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "FF3300";
google_color_url = "669900";
google_color_text = "000033";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>*/ ?>
<div id="search">
<form method="post" action="http://www.legendarypokemon.net/search?dosearch=yes"><div><input id="sitesearch" name="sitesearch" accesskey="1" type="text" size="15" value="<?php echo($_POST[sitesearch]?$_POST[sitesearch]:'search »'); ?>"/></div></form>
</div>
_menu.php
<?php
if ($lang == el || strstr($page,'_el')) {
//Greek quicklinks
$_menu[0] = '
<li'.($lang != 'el' ? ' class="activetab first"':' class="first"').' class="tab_highlight"><a href="http://www.legendarypokemon.net/english">English</a></li><li'.($page == 'homepage' ? ' class="activetab"':'').'><a href="http://www.legendarypokemon.net/ellinika">Αρχική</a></li><li'.($page == 'control_panel' ? ' class="activetab"':'').'><a href="http://www.legendarypokemon.net/control_panel?lang=el">Πίνακας Ελέγχου</a></li><li'.($page == 'sitemap_el' ? ' class="activetab"':'').'><a href="http://www.legendarypokemon.net/sitemap_el">Sitemap</a></li><li'.($page == 'contact' ? ' class="activetab"':'').'><a href="http://www.legendarypokemon.net/contact?lang=el">Επικοινωνία</a></li><li'.(strpos($page,'pokedex') !== false ? ' class="activetab last activelast"':' class="last"').'><a href="http://www.legendarypokemon.net/pokedex">Pokédex</a></li>';
// English menus
$_menutitle[1] = 'Νέα'; $_menucode[1] = 'news'; $_menu[1] = '
<ul>
<li><a href="http://www.legendarypokemon.net/search?lang=el">Αναζήτηση</a></li>
<li><a href="http://www.legendarypokemon.net/reports">Αναφορές</a></li>
<li><a href="http://www.legendarypokemon.net/archive_el">Αρχειοθήκη</a></li>
<li><a href="http://www.legendarypokemon.net/rssparser">Syndicated news</a></li>
<li><a href="http://www.legendarypokemon.net/rss">RSS feeds</a></li>
</ul>';
$_menutitle[2] = 'Στήλες'; $_menucode[2] = 'columns'; $_menu[2] = '
<ul>
<li><a href="http://www.legendarypokemon.net/potw">Το Pokémon Της Εβδομάδας</a></li>
<li><a href="http://www.legendarypokemon.net/dotw">Duo Of The Week</a></li>
<li><a href="http://www.legendarypokemon.net/origins">Pokémon Origins</a></li>
<li><a href="http://www.legendarypokemon.net/elements">Pokémon Elements</a></li>
<li><a href="http://www.legendarypokemon.net/weeklymech">Weekly Mechanics</a></li>
<li><a href="http://www.legendarypokemon.net/webmasters">Η ζώνη των Webmasters</a></li>
<li><a href="http://www.legendarypokemon.net/articles">Διάφορα άρθρα</a></li>
</ul>';
$_menutitle[3] = 'Σχετικά'; $_menucode[3] = 'site'; $_menu[3] = '
<ul>
<li><a href="http://www.legendarypokemon.net/chat">Συνομιλία/Chat</a></li>
<li><a href="http://www.legendarypokemon.net/forums/">Φόρα/Forums</a></li>
<li><a href="http://wiki.legendarypokemon.net">Ελληνικό Pokémon Wiki</a></li>
<li><a href="http://www.legendarypokemon.net/downloads">Downloads</a></li>
<li><a href="http://www.legendarypokemon.net/onlinegames">Παιχνίδια online</a></li>
<li><a href="http://www.legendarypokemon.net/faq">Συχνές ερωτήσεις</a></li>
<li><a href="http://www.legendarypokemon.net/disclaimers">Δηλώσεις</a></li>
<li><a href="http://www.legendarypokemon.net/staff">Προσωπικό</a></li>
<li><a href="http://www.legendarypokemon.net/credits">Credits</a></li>
<li><a href="http://www.legendarypokemon.net/linktous">Link to us</a></li>
<li><a href="http://www.legendarypokemon.net/affiliate" >Affiliate with us</a></li>
</ul>';
$_menutitle[4] = 'Παιχνίδια'; $_menucode[4] = 'games'; $_menu[4] = '
<ul>
<li><a href="http://www.legendarypokemon.net/consoles">Κονσόλες</a></li>
<li><a href="http://www.legendarypokemon.net/ds/dp">Diamond/Pearl</a></li>
<li><a href="http://www.legendarypokemon.net/gameboy/emerald">Emerald</a></li>
<li><a href="http://www.legendarypokemon.net/gameboy/rs">Ruby/Sapphire</a></li>
<li><a href="http://www.legendarypokemon.net/gameboy/fl">Fire Red/Leaf Green</a></li>
<li><a href="http://www.legendarypokemon.net/ngc/colosseum">Colosseum</a></li>
<li><a href="http://www.legendarypokemon.net/ngc/xd">Pokémon XD</a></li>
<li><a href="http://www.legendarypokemon.net/gameboy">Παιχνίδια GameBoy</a></li>
<li><a href="http://www.legendarypokemon.net/ds">Παιχνίδια DS</a></li>
<li><a href="http://www.legendarypokemon.net/mini">Παιχνίδια Pokémon Mini</a></li>
<li><a href="http://www.legendarypokemon.net/n64">Παιχνίδια Nintendo 64</a></li>
<li><a href="http://www.legendarypokemon.net/ngc">Παιχνίδια GameCube</a></li>
</ul>';
$_menutitle[5] = 'Mechanics'; $_menucode[5] = 'mechanics'; $_menu[5] = '
<ul>
<li><a href="http://www.legendarypokemon.net/pokedex">Pokédex</a></li>
<li><a href="http://www.legendarypokemon.net/attacks">Attack Database</a></li>
<li><a href="http://www.legendarypokemon.net/trainers">Trainer Database</a></li>
<li><a href="http://www.legendarypokemon.net/berrydex">Berrydex</a></li>
<li><a href="http://www.legendarypokemon.net/training_el">Στατιστικά και προπόνηση</a></li>
<li><a href="http://www.legendarypokemon.net/breeding">Εκτροφή</a></li>
<li><a href="http://www.legendarypokemon.net/guides_el">Οδηγοί Pokémon</a></li>
<li><a href="http://www.legendarypokemon.net/datalists">Λίστες δεδομένων</a></li>
</ul>';
$_menutitle[6] = 'Pokétools'; $_menucode[6] = 'tools'; $_menu[6] = '
<ul>
<li><a href="http://www.legendarypokemon.net/ivcalc">Υπολογιστής IV</a></li>
<li><a href="http://www.legendarypokemon.net/statcalc">Υπολογιστής Στατιστικών</a></li>
<li><a href="http://www.legendarypokemon.net/hiddenpower">Υπολογιστής Hidden Power</a></li>
<li><a href="http://www.legendarypokemon.net/damagecalc">Υπολογιστής Ζημιάς</a></li>
<li><a href="http://www.legendarypokemon.net/idevents">ID Event Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/spindaspots">Spinda\'s Spots</a></li>
<li><a href="http://www.legendarypokemon.net/pass">Ευρετής κωδικού G/S</a></li>
</ul>';
$_menutitle[7] = 'Κόσμος των Pokémon'; $_menucode[7] = 'world'; $_menu[7] = '
<ul>
<li><a href="http://www.legendarypokemon.net/card">Άρθρα και κριτικές TCG</a></li>
<li><a href="http://www.legendarypokemon.net/rules">Κανονισμοί TCG</a></li>
<li><a href="http://www.legendarypokemon.net/architecture">Αρχιτεκτονική Pokémon</a></li>
</ul>';
$_menutitle[8] = 'Συνεργάτες'; $_menucode[8] = 'affiliates'; $_menu[8] = '
<ul>
<li><a href="http://bd.legendarypokemon.net/">Brinstar Depths</a></li>
<li><a href="http://www.bulbagarden.net/">Bulbagarden</a></li>
<li><a href="http://www.pikachusden.net" >Pikachu\'s Den</a></li>
<li><a href="http://wiimoveu.googlepages.com/">Wii Move You</a></li>
</ul>';
$_menutitle[9] = 'Επιλεγμένα'; $_menucode[9] = 'selected'; $_menu[9] = '
<ul>
<li><a href="http://www.legendarypokemon.net/potw">Το Pokémon Της Εβδομάδας</a></li>
<li><a href="http://www.legendarypokemon.net/guides_el">Οδηγοί Pokémon</a></li>
<li><a href="http://www.legendarypokemon.net/typechart">Typechart</a></li>
<li><a href="http://www.legendarypokemon.net/calculators">Calculators</a></li>
<li><a href="http://www.legendarypokemon.net/javacalc.html">IV Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/history_el">Ιστορία του site</a></li>
<li><a href="http://www.legendarypokemon.net/downloads">Downloads</a></li>
<li><a href="http://www.legendarypokemon.net/forums/">Φόρα/Forums</a></li>
<li><a href="http://wiki.legendarypokemon.net">Ελληνικό Pokémon Wiki</a></li>
</ul>';
$_menutitle[10] = 'Syndication'; $_menucode[10] = 'syndication'; $_menu[10] = '
<ul>
<li><a href="http://www.legendarypokemon.net/feeds/rss.php" class="rss" >English news feed</a></li>
<li><a href="http://www.legendarypokemon.net/feeds/pocketlinks.php" class="rss" >Pocket links feed</a></li>
</ul>';
}
else {
//English quicklinks
$_menu[0] = '
<li'.($page == 'homepage' ? ' class="activetab first"':' class="first"').'><a href="http://www.legendarypokemon.net/">Home</a></li><li'.($lang == 'el' ? ' class="activetab"':'').' class="tab_highlight"><a href="http://www.legendarypokemon.net/ellinika">Ελληνικά</a></li><li'.($page == 'control_panel' ? ' class="activetab"':'').'><a href="http://www.legendarypokemon.net/control_panel">Control Panel</a></li><li'.($page == 'sitemap' ? ' class="activetab"':'').'><a href="http://www.legendarypokemon.net/sitemap">Sitemap</a></li><li'.($page == 'contact' ? ' class="activetab"':'').'><a href="http://www.legendarypokemon.net/contact">Contact Us</a></li><li'.(strpos($page,'pokedex') !== false ? ' class="activetab last activelast"':' class="last"').'><a href="http://www.legendarypokemon.net/pokedex">Pokédex</a></li>';
// English menus
$_menutitle[1] = 'News'; $_menucode[1] = 'news'; $_menu[1] = '
<ul>
<li><a href="http://www.legendarypokemon.net/search">Search</a></li>
<li><a href="http://www.legendarypokemon.net/reports">Reports</a></li>
<li><a href="http://www.legendarypokemon.net/archive">Archive</a></li>
<li><a href="http://www.legendarypokemon.net/rssparser">Syndicated news</a></li>
<li><a href="http://www.legendarypokemon.net/rss">RSS feeds</a></li>
</ul>';
$_menutitle[2] = 'Columns'; $_menucode[2] = 'columns'; $_menu[2] = '
<ul>
<li><a href="http://www.legendarypokemon.net/potw">Pokémon Of The Week</a></li>
<li><a href="http://www.legendarypokemon.net/dotw">Duo Of The Week</a></li>
<li><a href="http://www.legendarypokemon.net/origins">Pokémon Origins</a></li>
<li><a href="http://www.legendarypokemon.net/elements">Pokémon Elements</a></li>
<li><a href="http://www.legendarypokemon.net/weeklymech">Weekly Mechanics</a></li>
<li><a href="http://www.legendarypokemon.net/webmasters">Webmasters\' Zone</a></li>
<li><a href="http://www.legendarypokemon.net/articles">Various articles</a></li>
</ul>';
$_menutitle[3] = 'Site related'; $_menucode[3] = 'site'; $_menu[3] = '
<ul>
<li><a href="http://www.legendarypokemon.net/chat">Chat</a></li>
<li><a href="http://www.legendarypokemon.net/forums/">Forums</a></li>
<li><a href="http://www.legendarypokemon.net/downloads">Downloads</a></li>
<li><a href="http://www.legendarypokemon.net/onlinegames">Online games</a></li>
<li><a href="http://www.legendarypokemon.net/faq">FAQ</a></li>
<li><a href="http://www.legendarypokemon.net/disclaimers">Disclaimers</a></li>
<li><a href="http://www.legendarypokemon.net/staff">Staff</a></li>
<li><a href="http://www.legendarypokemon.net/credits">Credits</a></li>
<li><a href="http://www.legendarypokemon.net/linktous">Link to us</a></li>
<li><a href="http://www.legendarypokemon.net/affiliate" >Affiliate with us</a></li>
</ul>';
$_menutitle[4] = 'Games'; $_menucode[4] = 'games'; $_menu[4] = '
<ul>
<li><a href="http://www.legendarypokemon.net/consoles">Consoles</a></li>
<li><a href="http://www.legendarypokemon.net/dp">Diamond/Pearl</a></li>
<li><a href="http://www.legendarypokemon.net/emerald">Emerald</a></li>
<li><a href="http://www.legendarypokemon.net/rs">Ruby/Sapphire</a></li>
<li><a href="http://www.legendarypokemon.net/fl">Fire Red/Leaf Green</a></li>
<li><a href="http://www.legendarypokemon.net/colosseum">Colosseum</a></li>
<li><a href="http://www.legendarypokemon.net/xd">Pokémon XD</a></li>
<li><a href="http://www.legendarypokemon.net/gameboy">GameBoy games</a></li>
<li><a href="http://www.legendarypokemon.net/ds">DS games</a></li>
<li><a href="http://www.legendarypokemon.net/mini">Pokémon Mini games</a></li>
<li><a href="http://www.legendarypokemon.net/n64">Nintendo 64 games</a></li>
<li><a href="http://www.legendarypokemon.net/ngc">GameCube games</a></li>
</ul>';
$_menutitle[5] = 'Mechanics'; $_menucode[5] = 'mechanics'; $_menu[5] = '
<ul>
<li><a href="http://www.legendarypokemon.net/pokedex">Pokédex</a></li>
<li><a href="http://www.legendarypokemon.net/attacks">Attack Database</a></li>
<li><a href="http://www.legendarypokemon.net/trainers">Trainer Database</a></li>
<li><a href="http://www.legendarypokemon.net/berrydex">Berrydex</a></li>
<li><a href="http://www.legendarypokemon.net/training">Stats and Training</a></li>
<li><a href="http://www.legendarypokemon.net/breeding">Breeding</a></li>
<li><a href="http://www.legendarypokemon.net/guides">Pokémon Guides</a></li>
<li><a href="http://www.legendarypokemon.net/datalists">Data lists</a></li>
</ul>';
$_menutitle[6] = 'Pokétools'; $_menucode[6] = 'tools'; $_menu[6] = '
<ul>
<li><a href="http://www.legendarypokemon.net/ivcalc">IV Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/statcalc">Stat Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/hiddenpower">Hidden Power Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/damagecalc">Damage Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/idevents">ID Event Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/spindaspots">Spinda\'s Spots</a></li>
<li><a href="http://www.legendarypokemon.net/pass">G/S Password Finder</a></li>
</ul>';
$_menutitle[7] = 'Pokéworld'; $_menucode[7] = 'world'; $_menu[7] = '
<ul>
<li><a href="http://www.legendarypokemon.net/card">TCG Articles and reviews</a></li>
<li><a href="http://www.legendarypokemon.net/rules">TCG Rules</a></li>
<li><a href="http://www.legendarypokemon.net/architecture">Pokémon Architecture</a></li>
</ul>';
$_menutitle[8] = 'Affiliates'; $_menucode[8] = 'affiliates'; $_menu[8] = '
<ul>
<li><a href="http://bd.legendarypokemon.net/">Brinstar Depths</a></li>
<li><a href="http://www.bulbagarden.net/">Bulbagarden</a></li>
<li><a href="http://www.pikachusden.net" >Pikachu\'s Den</a></li>
<li><a href="http://wiimoveu.googlepages.com/">Wii Move You</a></li>
</ul>';
$_menutitle[9] = 'Selected pages'; $_menucode[9] = 'selected'; $_menu[9] = '
<ul>
<li><a href="http://www.legendarypokemon.net/potw">Pokémon of the Week</a></li>
<li><a href="http://www.legendarypokemon.net/dotw">Duo Of The Week</a></li>
<li><a href="http://www.legendarypokemon.net/origins">Pokémon Origins</a></li>
<li><a href="http://www.legendarypokemon.net/guides">Pokémon Guides</a></li>
<li><a href="http://www.legendarypokemon.net/webmasters">Webmasters\' Zone</a></li>
<li><a href="http://www.legendarypokemon.net/typechart">Typechart</a></li>
<li><a href="http://www.legendarypokemon.net/calculators">Calculators</a></li>
<li><a href="http://www.legendarypokemon.net/javacalc.html">IV Calculator</a></li>
<li><a href="http://www.legendarypokemon.net/wiihome">Wii homepage</a></li>
<li><a href="http://www.legendarypokemon.net/downloads">Downloads</a></li>
<li><a href="http://www.legendarypokemon.net/forums/">Forums</a></li>
</ul>';
$_menutitle[10] = 'Syndication'; $_menucode[10] = 'syndication'; $_menu[10] = '
<ul>
<li><a href="http://www.legendarypokemon.net/feeds/rss.php" class="rss" >English news feed</a></li>
<li><a href="http://www.legendarypokemon.net/feeds/pocketlinks.php" class="rss" >Pocket links feed</a></li>
</ul>';
}
?>
style.css.php (example)
<?php
header("Content-type: text/css");
$lang = $HTTP_GET_VARS["lang"];
function ieuser($ie, $other) {
$msie='/msie\s([5-9])\.?[0-9]*.*(win)/i';
$opera='/opera\s+[0-9]+/i';
if(!isset($_SERVER['HTTP_USER_AGENT']) ||
!preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||
preg_match($opera,$_SERVER['HTTP_USER_AGENT']))
{
echo $other;
}
else { echo $ie; }
}
?>
/* SHADOW LUGIA style for Legendary Pokemon | Hercules Papatheodorou */
body {
background: #323256;
border: 0;
margin: 0;
padding: 0;
<?php ieuser('behavior:url("http://www.legendarypokemon.net/layout/csshover.htc");',''); ?>
}
/* -------( structure elements )- */
#page {
background: #efefef url(./border.gif) repeat-x;
border-right: 10px solid #fff;
text-align: left;
margin: 0 auto 0 auto;
max-width: 900px;
width: <?php ieuser('89%;','100%;'); ?>
margin-bottom: -8px;
}
#container {
background: #fff;
border-left: 10px solid #fff;
margin: 0;
padding: 0;
}
#header {
background: transparent url(./header.gif) no-repeat top left;
display: block;
height: 0px !important;
height /**/: 218px;
overflow: hidden;
padding: 218px 0 0 0;
width: 100%;
}
#pokepic {
height: 128px;
left: 77%;
position: absolute;
top: 54px;
width: 128px;
}
#pokepic img {
height: 128px;
width: 128px;
}
#content {
float: right;
padding: 0.5em 0;
margin: 0;
position: relative;
text-align: center;
width: 79%;
}
#navigation {
background: #f6f6f6;
border: 1px solid #e6e6e6;
border-top: none;
border-bottom: none;
float: left;
margin-top: -1px;
padding: 1.5em 0 0 0;
position: relative;
text-align: left;
vertical-align: top;
width: 20%;
}
.bar {
background: #f6f6f6;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
clear: both;
text-align: right;
vertical-align: middle;
}
#footer {
clear: both;
margin-right: 10px;
}
#bottombar {
background: #fff;
border: none;
border-top: 3px solid #ececec;
clear: both;
color: #777;
margin: 1em 0 0 0;
padding: 0.5em 0 0 0;
text-align: center;
}
#pageinfo, #login {
display: inline !important;
font-size: 90%;
margin: 0 0.5em;
}
#login a {
color: #777;
float: none;
background: none;
}
#login a:hover {
color: #444;
}
#copyright {
background: #fff;
border-bottom: 10px solid #ccc;
color: #777;
font-size: 90%;
text-align: center;
width: 100%;
padding: 0 0 0.5em 0;
}
#copyright p {
padding: 0;
margin: 0;
text-align: center;
}
#copyright a {
color: #777;
}
#copyright a:hover {
color: #aaa;
text-decoration: underline;
}
/* -------( link styles )- */
a {
font-size: inherit;
font-weight: inherit;
}
a:link, a:active {
color: #f60;
text-decoration: none;
}
a:visited {
color: #c60;
text-decoration: none;
}
a:hover {
color: #f93;
text-decoration: none;
}
/* -------( .bar styles )- */
.bar a {
color:#444;
font-size: 95%;
line-height: 1em;
text-decoration: none;
}
.bar a:link {
color:#444;
text-decoration: none;
}
.bar a:visited {
color:#444;
text-decoration: none;
}
.bar a:active {
color:#444;
text-decoration: none;
}
.bar a:hover {
color: #444;
text-decoration: none;
}
.bar ul {
display: inline;
margin: 0px;
padding: 0px;
}
.bar ul li {
background: #f6f6f6;
border: 1px solid #e6e6e6;
border-left: none;
display: inline;
height: 18px !important;
list-style: none;
margin: 0px;
padding: 0.15em 1em 0 1em;
text-align: center;
}
.tab_highlight {
/*background: #def !important;*/
}
.bar ul li.last:hover, .activelast {
border-right: 1px solid #fff !important;
}
.bar ul li:hover, .tab_highlight:hover {
background: #fff !important;
border-bottom: 1px solid #fff;
cursor: pointer;
padding: 0.25em 1em 0 1em;
}
.activetab {
background: #fff !important;
border-bottom: 1px solid #fff !important;
font-weight: bold;
padding: 0.5em 1.25em 0 1.25em !important;
}
.bar ul li.first {
border-left: 1px solid #e6e6e6;
}
/* -------( menu styles )- */
#navigation h2 {
font-size: 1.2em;
}
#navigation h2 a:link, a:active {
color: #555;
}
#navigation h2 a:visited {
color: #555;
}
#navigation h2 a:hover {
color: #f60;
}
#navigation li a {
font-size: 95%;
width: 100%;
}
#navigation li a:link {
color:#444;
}
#navigation li a:visited {
color:#444;
}
#navigation li a:active {
color:#444;
}
#navigation li a:hover {
color: #000;
font-weight: bold;
}
.menubtn {
border-top: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #f6f6f6;
border-left: 1px solid #e6e6e6;
margin: 0 -1px;
padding: 1.5em 0;
}
.menubtn:hover, .activebtn {
background: #fff;
border-top: 1px solid #e6e6e6;
border-right: 1px solid #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #fff;
}
.menubtn:hover h2 a, .activebtn h2 a {
color: #f60 !important;
}
.menubtn h2 {
display: block;
background: transparent url(./buttons.gif) no-repeat top left;
padding: 10px 0 0 47px;
margin: 0px;
height: 25px;
cursor: pointer !important;
text-align: left;
color: #000 !important;
}
.menubtn ul {
list-style: none;
padding: 0;
margin: 0 0 0 1em;
}
.menubtn ul li {
margin: 0;
padding: 0 0 0 10px;
text-align: left;
}
.menubtn ul li:hover {
<?php ieuser('','background: transparent url(./bullet.gif) no-repeat 0 50%'); ?>;
font-weight: bold;
}
.newsbtn {
border-top: 1px solid #f6f6f6 !important;
}
.newsbtn:hover, .activebtn {
border-top: 1px solid #e6e6e6 !important;
}
.affibtn {
border-bottom: 1px solid #e6e6e6 !important;
}
.affibtn:hover {
border-bottom: 1px solid #fff !important;
}
.newsbtn h2 { background-position : 0 0px; }
.columnsbtn h2 { background-position : 0 -315px; }
.sitebtn h2 { background-position : 0 -35px; }
.gamesbtn h2 { background-position : 0 -70px; }
.mechanicsbtn h2 { background-position : 0 -105px; }
.tcgbtn h2 { background-position : 0 -140px; }
.artbtn h2 { background-position : 0 -175px; }
.animebtn h2 { background-position : 0 -210px; }
.interbtn h2 { background-position : 0 -245px; }
.affibtn h2 { background-position : 0 -280px; }
/* -------( content styles )- */
#content a {
border-bottom: 1px solid transparent;
}
#content a:hover {
border-bottom: 1px solid #c60 !important;
}
/* -------( section styles )- */ /* $sitesection = ""; */
.ssite h2, .ssite h3, .ssite h4 {
border-color: #7c7 !important;
}
.sgames h2, .sgames h3, .sgames h4 {
border-color: #79c !important;
}
.smechanics h2, .smechanics h3, .smechanics h4, #dexmenu, .dexactive,#dexmenu ul li a:hover,#dexmenu ul li a:active {
border-color: #bc7 !important;
}
.sworld h2, .sworld h3, .sworld h4 {
border-color: #c8d !important;
}
.sart h2, .sart h3, .sart h4 {
border-color: #e65 !important;
}
.sanime h2, .sanime h3, .sanime h4 {
border-color: #95e !important;
}
.stools h2, .stools h3, .stools h4 {
border-color: #ed5 !important;
}
.snews h2, .snews h3, .snews h4 {
border-color: #efefef !important;
}
/* -------( special link styles )- */
.block p:hover a, .block ul:hover a, .block dl:hover a {
border-bottom: 1px dotted #c60 !important;
}
.news p:hover a, .news ul:hover a, .news dl:hover a {
border-bottom: 1px dotted #c60 !important;
}
/* -------( other )- */
#syndicated {
background: #f6f6f6;
}
.newsbar {
color: #aaa;
font-size: 95%;
padding-left: 1em;
}
#search {
position: absolute;
width: 100%;
top: -135px;
left: 250px;
z-index: 100;
}
#sitesearch {
background: #f6f6f6;
font-size: 110%;
padding: 0.25em;
}
core.css.php
<?php
header("Content-type: text/css");
$lang = $HTTP_GET_VARS["lang"];
function ieuser($ie, $other) {
$msie='/msie\s([5-9])\.?[0-9]*.*(win)/i';
$opera='/opera\s+[0-9]+/i';
if(!isset($_SERVER['HTTP_USER_AGENT']) ||
!preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||
preg_match($opera,$_SERVER['HTTP_USER_AGENT']))
{
echo $other;
}
else { echo $ie; }
}
?>
/* CORE style for Legendary Pokemon | Hercules Papatheodorou */
@import url("http://www.legendarypokemon.net/pokedex.css.php");
* {
border: none;
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #444;
font: 75% Verdana, Tahoma, Arial, sans-serif;
}
/* -------( link styles )- */
a {
font-size: inherit;
font-weight: inherit;
}
a:link {
color: #58bd1d;
text-decoration: none;
}
a:visited {
color: #3f8117;
text-decoration: none;
}
a:hover, a:active {
color: #7c0;
text-decoration: underline;
}
/* -------( heading styles )- */
h1 {
font-size: 2.25em;
font-weight: bold;
}
h2 {
font-size: 1.5em;
font-weight: bold;
margin: 0.5em 0 0 0;
text-align: left;
}
h3, h4, h5, h6 {
font-size: 1.1em;
font-weight: bold;
margin: 0.5em 0 0 0;
text-align: left;
}
/* -------( common element styles )- */
em {
font-size: inherit;
font-style: italic;
font-weight: inherit;
}
b, strong {
color: inherit;
font-weight: bold;
font-size: inherit;
}
strike {
text-decoration: line-through;
}
p {
/*text-indent: 0.5em;*/
line-height: 1.2em;
margin: 0 0 0.25em 0;
padding: 0;
text-align: left;
}
abbr, acronym, .title {
border-bottom: 1px dotted;
cursor: help;
font-weight: inherit;
}
var {
font-style: italic;
font-weight: bold;
}
code {
background: #eee;
border: 1px dotted #888;
cursor: text;
display: block;
font: 1.25em "Courier New", monospace;
margin: 0.25em;
overflow: auto !important;
padding: 0.25em;
}
pre {
display: block;
text-align: left;
font: 1em "Courier New", monospace;
overflow: auto !important;
}
img {
border: 0;
background: none;
margin: auto;
}
kbd {
background-color: #efefef;
border-top: 2px double #cfcfcf;
border-left: 3px solid #bababa;
border-right: 4px solid #aaa;
border-bottom: 6px solid #909090;
color: #333;
font-weight: normal;
font-size: 90%;
line-height: 1.6em;
padding: 0 0.2em;
text-align: center;
vertical-align: top;
}
ins {
background: url(./warning_small.png) no-repeat 0 50%;
color: #555;
font-size: 98%;
padding: 0 0 0 12px;
text-decoration: none;
}
del {
color: #777;
text-decoration: line-through;
}
blockquote {
border-left: 10px double #efefef;
color: #300;
font-size: 95%;
margin: 0.25em;
padding: 0 0 0 2em;
}
blockquote p {
text-align: justify;
}
/* -------( form styles )- */
form {
margin: 0;
padding: 0;
}
fieldset {
background: #fafafa;
border: 1px solid #ccc;
margin: 0.5em 0em;
padding: 0.5em;
}
legend {
background: #efefef;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #777;
font-weight: bold;
font-size: 0.9em;
padding: 0.25em;
}
label {
font-weight: bold;
font-size: 0.9em;
}
input, textarea, select {
background: #eee;
border: 2px solid #bbb;
color: #000;
font-size: 0.9em;
margin: 0.25em;
padding: 1px;
font-family: Verdana, Tahoma, Arialsans-serif;
}
textarea {
width: 100%;
}
input[type=radio] {
background: none;
border: none !important;
}
input[type=hidden] {
display: none;
}
input[type=button], input[type=reset], input[type=submit] {
background: #3a5;
border: 2px solid #8c8;
border-bottom: 2px solid #072;
border-right: 2px solid #072;
color: #fff;
font-weight: bold;
padding: 0.35em;
font-size: 1.25em;
}
input:focus, textarea:focus, select:focus {
border: 2px solid #8c8;
}
/* -------( table styles )- */
table {
background: #fff;
border: 2px solid #000;
border-collapse: collapse;
border-spacing: 0;
margin: 0.25em auto 0.25em auto;
padding: 0px;
text-align: center;
}
caption {
background: #ccc;
border: 2px solid #000;
border-bottom: none;
font-size: 120%;
font-weight: bold;
padding: 0.25em;
}
td, th {
background: transparent;
border: solid 1px #444;
margin: 0px;
padding: 2px;
text-align: left;
vertical-align: middle;
}
th {
background: #eee;
font-weight: bold;
text-align: center;
}
#typechart td {
font-weight: bold;
text-align: center;
}
tr:hover { background: #efefef; }
td:hover { background: #ccc; }
/* -------( list styles )- */
dl {
margin: 0.25em;
}
dt {
font-weight: bold;
}
dd {
padding: 0 0 0 1.5em;
}
ul, ol {
margin: 0.25em;
padding: 0 0 0 1.5em;
}
ol {
margin: 0 0 0 1em;
}
/* -------( common classes )- */
.flash {
float: none;
text-align: center;
margin: 1em auto;
border: 2px solid #000;
border-bottom: none;
width: 400px;
height: 300px;
}
.active {
background: #f6f6f6;
padding: 1em;
}
.maincol, .subcol {
background: #efefef;
font-weight: bold;
padding-left: 5px;
text-align: left;
}
.mainrow td {
background: #efefef;
font-weight: bold;
}
.invisible { display: none; }
.advert {
margin: 0.5em;
}
.spoiler { /* title="Spoiler: select text to reveal it." */
color: #444 !important;
background: #444 !important;
}
.center { /* centers stuff */
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
.clear {
clear: both;
}
.banner {
background: #efefef;
border: 2px solid #000;
color: #000;
clear: both;
font-weight: bold;
margin: 1em auto;
padding: 0.25em !important;
text-align: center !important;
width: 80%;
/*-moz-border-radius: 15px;*/
}
.ajforkmonthlist {
list-style: none !important;
}
.ajforkmonthtitle {
font: 1.5em Georgia, sans-serif !important;
border: none !important;
}
.ajforkfaded {
color: #777;
}
.ajforkpages {
clear: both;
text-align: center;
}
.portrait {
float: left;
margin: 0.25em !important;
}
.portraitright {
float: right;
margin: 0.25em !important;
}
.borderless {
border: none;
}
.credit {
font: italic 1em Georgia, sans-serif !important;
text-align: right !important;
}
.zoomsprite:hover {
height: 128px;
width: 128px;
cursor: pointer;
}
.zoomspriteem:hover {
height: 256px;
width: 128px;
cursor: pointer;
}
.bigger {
font-size: 150% !important;
font-weight: bold !important;
}
.smaller {
font-size: 90% !important;
}
.hidetable, .hidetable tr, .hidetable td, .hidetable td {
background: transparent !important;
border: none !important;
}
.warning {
background: url(./warning.png) right 50% no-repeat;
}
/* -------( block div )- */
.block {
clear: both;
margin: 0 auto 1em auto;
text-align: left;
width: 98%;
}
.block h2 {
border-bottom: 15px solid #efefef;
margin-top: 1.5em;
}
.block h3 {
border-bottom: 2px solid #efefef;
width: 100%;
}
.block h4, .block h5, .block h6 {
border-bottom: 1px dotted #ccc;
width: 100%;
}
.block p {
text-align: left;
}
.block ul {
list-style: disc;
}
.block li {
text-align: left;
}
/* -------( news and comments )- */
.news {
clear: both;
margin: 0 auto;
width: 98%;
text-align: left;
}
.news h2 {
clear: both;
margin-top: 1.5em;
border: none;
}
.news h3 {
width: 100%;
border-bottom: 2px dotted #000;
}
.news h4{
width: 100%;
border-bottom: 1px dotted #000;
}
.comlink {
clear: both;
text-align: right !important;
}
.comment {
margin: 1em auto;
padding: 0.25em;
text-align: left;
width: 98%;
}
.comment a {
font-weight: bold;
border: none !important;
}
.comment h3 {
border-bottom: 1px solid #eee;
}
.comment p {
background: #fff;
clear: both;
color: #888;
font-size: 98%;
margin: 0 0 1em 0.5em;
padding: 0;
}
.comment:hover p {
color: #444;
}
.registered p {
color: #000;
}
.registered h3 {
border-bottom: 3px solid #ccc;
}
#comment {
margin: 0 auto;
width: 80%;
text-align:left;
padding: 10px 0px 10px 0px;
clear: both;
}
#comment p {
text-align: left;
font-size: 95%;
background: url(./warning_small.png) no-repeat 0 2px;
padding: 0 0 0 12px;
}
/* -------( homepage )- */
#syndicated {
background: #eee;
padding: 10px;
font-size: 95%;
margin: 2em auto;
text-align: left;
}
#syndicated a {
color: #555;
}
#syndicated .advertlink {
clear: both;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
#syndicated_news {
float: left;
width: 60%;
}
#syndicated_links {
float: right;
width: 40%;
}
#syndicated h2 {
padding: 0;
margin: 0;
font-size: 120%;
color: #777;
}
#syndicated ul {
list-style: none;
}
/* -------( thickbox )- */
#TB_overlay {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#TB_window {
position: absolute;
background: #fff;
z-index: 102;
color:#000000;
display:none;
padding: 10px;
border: 4px solid #33aa55;
}
#TB_window img {
display:block;
}
#TB_caption{
height:25px;
padding:10px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:10px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:5px 10px 7px 0;
margin-bottom:1px;
text-align:right;
background-color:#e8e8e8;
}
#TB_ajaxContent{
padding:2px 15px 15px 15px;
overflow:auto;
}
#TB_load{
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
overflow: visible;
visibility: visible;
display: block;
z-index:101;
}
#TB_loadContent {
margin-left: -125px;
position: absolute;
top: -50px;
left: 50%;
width: 250px;
height: 100px;
visibility: visible;
}
/* -------( manager )- */
#manager {
background: #4c5453;
border-top: 2px solid #333;
bottom: 0;
color: #ccc;
font-size: 90%;
padding: 0px;
position: fixed;
width: 100%;
}
#manager ul, #manager p {
display: inline;
margin: 0 5px;
padding: 0;
}
#manager ul li {
display: inline;
padding: 0 1em;
}
#manager a:link, #manager a:visited {
color: #47a4fb;
height: 2em;
line-height: 2em;
padding: 0.5em 0.6em;
text-decoration: none;
}
#manager a:hover, a:active {
color: #7c0;
text-decoration: none;
}
:focus { -moz-outline-style: none; }
#statcounter, #statcounter p {
clear: both;
text-align: right;
}
#topad {
background: #eee;
margin: 0.5em auto;
text-align: center;
width: 99%;
}