- sevendsen

sevendsen

Tasarımın üzerindeki yazı: <style type="text/css"> #topbar{ position:absolute; top:100px; left:0px; width:100%; height:600px; background-image:url(https://img.webme.com/pic/t/tevhidinanci/levendsen0000000000.png); background-repeat:repeat-x; z-index:0} }</style> <link rel="stylesheet" type="text/css" href="settings//style.css" /> <div id="topbar"> <br /> <br /> </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19657791-2']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_setDomainName', '.sevenlands.net']); _gaq.push(['_setAllowHash', false]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body id="root" class= "logged_in"> <div id="notificaton_boxes"> <div class="tableless_border " id="notification_box" style="display:none;z-index:10001"> <div class="corner top left"></div> <div class="corner top right"></div> <div class="corner bottom left"></div> <div class="corner bottom right"></div> <div class="horizontal top"></div> <div class="horizontal bottom"></div> <div class="vertical left"></div> <div class="vertical right"></div> <h1 id="notification_box_headline"></h1> <p id="notification_box_body"></p> <p class="notification_box_buttons"> <span id="notification_box_confirm" class="button"> <span class="left"><span class="right"><span class="center"> <span id="notification_box_confirm_text"></span> </span></span></span> </span> </p> </div> <div class="tableless_border " id="confirmation_box" style="display:none;z-index:10001"> <div class="corner top left"></div> <div class="corner top right"></div> <div class="corner bottom left"></div> <div class="corner bottom right"></div> <div class="horizontal top"></div> <div class="horizontal bottom"></div> <div class="vertical left"></div> <div class="vertical right"></div> <h1 id="confirmation_box_headline"></h1> <p id="confirmation_box_body"></p> <p class="notification_box_buttons"> <span id="confirmation_box_confirm" class="button"> <span class="left"><span class="right"><span class="center"> <span id="confirmation_box_confirm_text"></span> </span></span></span> </span> <span id="confirmation_box_cancel" class="button"> <span class="left"><span class="right"><span class="center"> <span id="confirmation_box_cancel_text"></span> </span></span></span> </span> </p> </div> <div id="no_rubies_box" style = "display:none;"> <h1 id="no_rubies_box_heading"></h1> <h1>Möchtest du ein paar Rubine?</h1> <ul class="questoptions"> <li class="questoption talkoption"><a href="#" onclick="Notifications.notification_box('Rubine kaufen', "<iframe id="payment_iframe" src="https://pay.innogames.de/payment-window/?game=7lands&market=de&player_id=150143&hash=4a06aea4">Payment</iframe>", 'Schließen', 'payment'); return(false);; return false;">"Ja, bitte gebt mir ein paar Rubine."</a></li> <li class="questoption talkoption"><a href="/user/settings">"Vielleicht später."</a></li> </ul> </div> </div> <div id="feedback"> <div class="body"> <form action="/feedback?referrer=%2Fuser%2Fsettings" id="feedback_form" method="post" onsubmit="new Ajax.Request('/feedback?referrer=%2Fuser%2Fsettings', {asynchronous:true, evalScripts:true, onLoading:function(request){Feedback.before_submit()}, parameters:Form.serialize(this)}); return false;"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="8Lk5PNC3xxC0GKIO2gpyGrijjFY7UTvwgu9nP7yx4i8=" /></div> <p><strong>Kein Support über dieses Formular.</strong></p> <p> <label for="feedback_email">Deine E-Mail-Adresse:</label><br /> <input id="feedback_email" name="email" type="text" /> </p> <p> <label for="feedback_message">Dein Feedback:</label><br /> <textarea cols="" id="feedback_message" name="message" rows=""></textarea> </p> <p> <input id="feedback_submit" name="commit" type="submit" value="Feedback Abschicken" /> </p> </form> <p id="feedback_error" style="display:none;"></p> <p id="feedback_success" style="display:none;">Vielen Dank, wir haben dein Feedback erhalten. <a href="#" onclick="Feedback.reset();return false;">Schließen</a></p> <p id="feedback_in_progress" style="display:none;">Bitte einen Moment warten...</p> </div> <div class="toggle"> </div> </div> <div id="body"> <div id="flash"> <script type="text/javascript"> //<![CDATA[ setTimeout("new Effect.Fade('flash');", 10000); //]]> </script></div> <img src='http://de1.sevenlands.net/images/indicator.gif' id='ajax_spinner' style='display: none' alt=''/> <div id="body_top"> <h2 id="money"> <span class="info_for_parent"> HABER KAYNAKLARI ONLİNE </span> </h2> <h2 id="status"> <span class="info_for_parent"> 2. HABERLER BSAMAKLARI </h2> </div> <div id="menu_left"> <div class="firstpanel"> <div id="character_overview"> <h2 id="character_name"> GALERİ </h2> <div id="character_avatar" style="background:url('http://jay.deribo.de/demo/club/reveal/images/gallerywrap/3.jpg') transparent;"> <a href="/profile/97497"><span id="character_frame"> </span> </a> </div> <div class="bars"> <div id="refill_health">0 </div> <div id="hpbar" class="bar"> <div class="text" id="hpbar_text"> 75 / 75 </div> </div> <script type="text/javascript"> //<![CDATA[ Health.init(75, 75, 1.9); //]]> </script> <div id="xpbar" class="bar"> <div id="xpbar_text" class="text"> 59 / 62 </div> </div> <script type="text/javascript"> //<![CDATA[ Experience.init(16, 62, 16, 1); //]]> </script> </div> </div> </div> <div class="secondpanel left"> <div> </div> <ul> <li> <a href="/locations" class="menu_link" id="menu_locations_index">Story</a> </li> <li> <a href="/character" class="menu_link" id="menu_character_index">Inventar</a> </li><li> <a href="/character" class="menu_link" id="menu_character_index">Inventar</a> </li><li> <a href="/character" class="menu_link" id="menu_character_index">Inventar</a> </li> <li> <a href="/trading" class="menu_link" id="menu_trading_">Händler</a> </li> <li> <a href="/skills" class="menu_link" id="menu_character_skills">Fertigkeiten</a> </li> <li> <a href="/strategies" class="menu_link" id="menu_strategies_">Taktiken</a> </li> <li> <a href="/arena" class="menu_link" id="menu_arena_">Arena</a> </li> <li> <a href="/guilds" class="menu_link">Gilde</a> <span class="info_for_parent"> <span class="help_deactivation_info"></span></span> </li> </ul> </div> <div> <div class="button_box"><a href="http://de.sevenlands.net/email_confirmations" class="button" id="email_confirmation_button"><span class="left"><span class="right"><span class="center text">Kostenlose Rubine</span></span></span></a></div> <div class="info_for_parent">Für die Bestätigung deiner Email-Adresse erhältst du 100 Rubine.</div> </div> </div> <div id="menu_right"> <div class="firstpanel"> <h2 id="area_name">KUTÜPHANE </h2> <div id="minimap" class="minimap_sector_01" style="background-image:url('http://islamicwallpapers.org/image/ramadan_wallpaper11.jpg'); cursor:pointer;"> <a href="/map"> <span id="map_frame"></span> </a> </div> <div id="action_points"> <div id="no_action_points" style="display:none"> <div class="info_for_parent"> </div> </div> <div id="regenerate_action_points"></a></div> <div class="bars"> <div class="action_points_marker full" id="action_points_marker_0"></div> <div class="action_points_marker full" id="action_points_marker_1"></div> <div class="action_points_marker full" id="action_points_marker_2"></div> <div class="action_points_marker full" id="action_points_marker_3"></div> <div class="action_points_marker full" id="action_points_marker_4"></div> <div class="action_points_marker full" id="action_points_marker_5"></div> <div class="action_points_marker full" id="action_points_marker_6"></div> <div class="action_points_marker full" id="action_points_marker_7"></div> <div class="action_points_marker full" id="action_points_marker_8"></div> <div class="action_points_marker full" id="action_points_marker_9"></div> <div class="action_points_marker full" id="action_points_marker_10"></div> <div class="action_points_marker full" id="action_points_marker_11"></div> <div class="action_points_marker full" id="action_points_marker_12"></div> <div class="action_points_marker full" id="action_points_marker_13"></div> <div class="info_for_parent"> </div> </div> <script type="text/javascript"> //<![CDATA[ Motivation.init(14, 14, 52, 1800, 28); //]]> </script> </div> </div> <div class="secondpanel right"> <ul> <li> <a href="/user/characters" class="menu_link" id="menu_user_characters">Charaktere</a> <li> <a href="/user/characters" class="menu_link" id="menu_user_characters">Charaktere</a> </li> <li> <a href="/private_messages" class="menu_link" id="menu_private_messages_">Nachrichten</a> </li> <li> <a href="/journal" class="menu_link" id="menu_journal_">Berichte</a> </li> <li> <a href="/user/settings" class="menu_link " id="menu_user_settings">Einstellungen</a> </li> <li> <a href="/ranking" class="menu_link" id="menu_ranking_">Rangliste</a> </li> <li> <a href="/user/support" class="menu_link" id="menu_user_support">Support</a> </li> <li> <a href="/user/support" class="menu_link" id="menu_user_support">Support</a> </li> </ul> </div> </div> <div id="contentheader" style="display:none;"> <div id="header"> </div> </div> <div id="content_frame_top"> </div> <div id="content_frame_left"> </div> <div id="class="user"> <div id="player_settings"> <form action="/user/settings" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="8Lk5PNC3xxC0GKIO2gpyGrijjFY7UTvwgu9nP7yx4i8=" /></div> <p> <div id="chatwindow_contactsarea" style="position: absolute; overflow-x: auto; overflow-y: scroll; padding-left: 4px; width: 620px; padding-right: 4px; height: 422px; top: 52.64pt; right: 0pt; left: 175px">

Tasarımın altındaki yazı:

</div>
<div class="button_box"><a href="/user/settings" class="button" onclick="$(this).up('form').submit();return false;"><span class="left"><span class="right"> </div>
</form>
</div>
</div>
<div id="content_frame_right">
</div>
</div>
<div id="foot">
<div style="margin-bottom:10px;color:gray;font-size:11px">
Es ist jetzt <span id="servertime">00:11:00</span> Uhr.
<script type="text/javascript">
document.observe("dom:loaded", function() {
var server_time = 660.541582;
var start_time = Math.round(new Date()/1000);
setInterval(function() {
var delta = Math.round(new Date()/1000) - start_time;
$('servertime').innerHTML = secs_to_clock(server_time + delta, true);
}, 1000);
});
</script>
</div>
© 2010 - 2011 <a rel="external" href="http://www.innogames.com">InnoGames GmbH</a> ·
<a href="http://forum.de.sevenlands.net/" rel="external">Forum</a> | <a href="http://legal.innogames.de?game=7lands&market_id=de&type=agb" rel="external">AGB</a> | <a href="http://legal.innogames.de?game=7lands&market_id=de&type=privacy" rel="external">Datenschutz</a> | <a href="http://legal.innogames.de?game=7lands&market_id=de&type=imprint" rel="external">Impressum</a>
</div>
<div id="tooltip" class="new_popup">
<div class="horizontal_ornament top"></div>
<div class="horizontal_ornament bottom"></div>
<div class="vertical_ornament left"></div>
<div class="vertical_ornament right"></div>
<div class="corner top_left"></div>
<div class="corner top_right"></div>
<div class="corner bottom_left"></div>
<div class="corner bottom_right"></div>
<div class="content"></div>
</div>
<script>(function(){var d=document;var e=d.createElement("script");e.async=true;e.src="https://d1ros97qkrwjf5.cloudfront.net/19/eum/rum.js";var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(e,s);})();NREUMQ.push(["nrf2","beacon-1.newrelic.com","435f1064b1",112224,"IVkKFhBbWQ1UEU1FFgdESxEHQEEIXwQR",0,102,new Date().getTime()])</script></body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
#help_topic * {
text-align: left;
}
#help_topic {
width: 400px;
}
#help_topic span.highlight {
font-weight: bold;
font-style: italic;
}
#help_topic p {
margin: 5px 3px 8px 3px;
line-height: 15px;
}
.game_help_icon {
width: 24px;
height: 24px;
background: url('http://de1.sevenlands.net/images/help_topics/game_help_icon.png?1319620169');
z-index: 20;
position: absolute;
top: -9px;
left: 600px;
cursor: pointer;
}
#notification_box .game_help_icon {
left: auto;
right: 4px;
top: 4px;
cursor: default;
}
#game_help_deactivation_info a,
#game_help_deactivation_info {
font-size: 10px;
}
#game_help_deactivation_info {
color: #444444;
}
#foreground.help h1, #help h2 {
color: #111111;
font-weight: bold;
text-align: left;
}
#foreground.help h1 {
font-size: 18px;
}
#foreground.help h2 {
font-size: 14px;
}
#foreground.help ol {
list-style: decimal inside;
}
#foreground.help li {
padding: 3px 0 5px 0;
}
#foreground.help p {
padding: 5px 0 5px 0;
}
#foreground.help .topic {
font-weight: bold;
}
#foreground.help {
width: 595px; /* 625 - padding */
height: 355px; /* 675 - padding */
padding: 150px 40px 120px;
text-align:left;
}
#foreground.help .content {
height: 100%;
width: 100%;
overflow: auto;
}
#characters div.character {
position: relative;
width:151px; /* ie needs this for hasLayout */
}
#characters img.character {
width: 141px;
height: 206px;
float: none;
display: block;
}
#characters img.empty_slot {
width: 141px;
height: 206px;
}
#characters .slots {
position: absolute;
left: 7px;
top: 18px;
width: 608px;
}
#characters .character,
#characters .empty_slot {
float: left;
margin-right: 1px;
}
#characters .bottom_info {
position: absolute;
left: 0;
top: 306px;
text-align: center;
width: 100%;
}
#characters img.delete {
position: absolute;
right: 2px;
top: 2px;
}
#characters .character_details, #characters .details_background {
position: absolute;
top: 158px;
height: 48px;
width: 141px;
left: 0px;
}
#characters .details_background {
opacity: 0.4;
background: url('http://de1.sevenlands.net/images/characters/details.png?1319620169');
}
*:first-child + html #characters .details_background { /*ie7*/
filter: alpha(opacity=40);
}
#characters .character_details {
text-align: center;
color: #D3B362;
font-weight: bold;
margin-top: 10px;
cursor: default;
}
#characters img.character {
background-color: #000000;
}
#settings_tabs.subsection_tabs .tab {
border: 1px solid black;
padding: 7px;
margin: 5px;
background-color: #af9f71
}
#player_settings p{
margin-top: 10px;
line-height: 21px;
}
#portal_email_iframe{
width: 719px;
height: 410px;
}
#user_settings,
#player_settings {
margin-top: 30px;
margin-left: 30px;
}
#user_settings input[type='password'],
#user_settings input[type='text'] {
background: url(http://de1.sevenlands.net/images/page/form_field.png) 0 0 no-repeat;
padding: 10px 16px;
width: 204px;
height: 15px;
border: none;
}
#user_settings .button_box {
text-align: left;
}
#user_settings h1 {
padding-bottom: 20px;
}
#user_settings fieldset {
margin-bottom: 10px;
}
#user_settings_navigation {
margin-left: 25px;
margin-top: 60px;
}
#user_settings_navigation li {
margin-right:10px;
float: left;
}
/* Fertigkeiten */
#content.skills #attributes {
position: absolute;
top: 379px;
}
#content.skills .attribute {
position: absolute;
width: 122px;
text-align: center;
}
#content.skills .attribute_add {
position: absolute;
width: 31px;
height: 31px;
left: 94px;
top: 18px;
background-position: 0 -29px;
}
#reset_button .button_box {
left: 227px;
position: absolute;
top: -32px;
}
#content.skills .attribute_add:hover {
background-position: 0 0;
background-image:url('http://de1.sevenlands.net/images/trainings/button_hover.png?1319620169');
}
#content.skills .attribute span {
width: 122px;
}
#content.skills .attribute_image {
height: 40px;
width: 122px;
}
.skill_req_level, .skill_req_points{
color: green;
}
.too_low .skill_req_level,
.not_enough_points .skill_req_points{
color: red;
}
#content.skills .attribute_image span {
color: #db6;;
line-height: 38px;
font-size: 20px;
font-weight: bold;
}
#content.skills #attribute_con {
left: 27px;
}
#content.skills #attribute_str {
left: 175px;
}
#content.skills #attribute_dex {
left: 320px;
}
#content.skills #attribute_int {
left: 466px;
}
#content.skills #attribute_free {
left:206px;
position:absolute;
text-align:center;
top:-26px;
width:200px;
color: #C09228;
cursor: default;
}
/*SKILLS*/
#trained_skills_box,
#available_skills_box {
width: 250px;
float:left;
}
#content.skills .skill_icon{
background-position:center;
background-repeat:no-repeat;
display:block;
}
#content.skills .skill_icon_frame{
background:url('http://de1.sevenlands.net/images/skills/skill_icon_frame.png?1319620169') no-repeat;
width:46px;
height:46px;
display:block;
}
#content.skills .ruby_buy_button {
background-image:url('http://de1.sevenlands.net/images/skills/skill_icon_rubybutton.png?1319620169');
color: #E7C67C;
height: 18px;
left: -2px;
position: absolute;
top: 37px;
display: block;
width: 17px;
}
#content.skills .trained_skill .skill_icon_frame {
background:url(http://de1.sevenlands.net/images/skills/skill_icon_frame_learned.png)
}
#content.skills .trained_skill,
#content.skills .available_skill {
background-color: transparent;
float:left;
}
#content.skills .trained_skill_img,
#content.skills .available_skill_img {
float: left;
}
#content.skills .trained_skill_level,
#content.skills .trained_skill_learn,
#content.skills .available_skill_learn {
float: right;
text-align: right;
padding: 5px;
}
#content.skills .trained_skill_text,
#content.skills .available_skill_text {
margin-left: 46px;
width: 160px;
}
#content.skills .trained_skill_cost,
#content.skills .available_skill_cost,
#content.skills .available_skill_level{
font-size: 11px;
}
.fierce_attack {
left: 55px;
top: 0px;
}
.directly_aimed_attack {
left: 110px;
top: 0px;
}
.firebolt {
left: 165px;
top: 0px;
}
.simple_magical_attack {
left: 220px;
top: 0px;
}
.two_hand_weapon_mastery {
left: 0px;
top: 63px;
}
.improved_evasion {
left: 55px;
top: 63px;
}
.acid_strike {
left: 110px;
top: 63px;
}
.concentration {
left: 220px;
top: 63px;
}
.precise_slash {
left: 0px;
top: 126px;
}
.debilitating_thrust {
left: 110px;
top: 126px;
}
.fog_of_death {
left: 165px;
top: 126px;
}
.chill_grasp {
left: 220px;
top: 126px;
}
.powerful_blow {
left: 0px;
top: 189px;
}
.iron_grit {
left: 55px;
top: 189px;
}
.magical_shield {
left: 165px;
top: 189px;
}
.sharp_ice_shivers {
left: 220px;
top: 189px;
}
.expert_dexterity {
left: 0px;
top: 252px;
}
.charge {
left: 55px;
top: 252px;
}
.magical_aura {
left: 110px;
top: 252px;
}
.inferno {
left: 165px;
top: 252px;
}
/*  Menschens */
.pertinacious_defense {
left: 0px;
top: 0px;
}
.fire_wave {
left: 55px;
top: 0px;
}
.word_of_fire {
left: 110px;
top: 0px;
}
.tendon_cut {
left: 0px;
top: 63px;
}
.antidote {
left: 55px;
top: 63px;
}
.flame_burst {
left: 110px;
top: 63px;
}
.shield_block {
left: 55px;
top: 126px;
}
.word_of_apocalypse {
left: 110px;
top: 126px;
}
.element_barrier {
left: 165px;
top: 126px;
}
.skull_cleaver {
left: 0px;
top: 189px;
}
.word_of_the_sword_master {
left: 55px;
top: 189px;
}
.divine_favor {
left: 110px;
top: 189px;
}
.consuming_flames {
left: 165px;
top: 189px;
}
.wrathful_attack {
left: 55px;
top: 252px;
}
.firestorm {
left: 110px;
top: 252px;
}
.rroarh {
left: 55px;
top: 0px;
}
.trash_em {
left: 110px;
top: 0px;
}
.bust_em {
left: 0px;
top: 63px;
}
.bash_em {
left: 55px;
top: 63px;
}
.gruarkh {
left: 110px;
top: 63px;
}
.defiance {
left: 165px;
top: 63px;
}
.chaos {
left: 0px;
top: 126px;
}
.wraaahh {
left: 55px;
top: 126px;
}
.amokin {
left: 110px;
top: 126px;
}
.knock_em_down {
left: 55px;
top: 189px;
}
.wooarhh {
left: 110px;
top: 189px;
}
.crush_em {
left: 165px;
top: 189px;
}
.smash_em {
left: 55px;
top: 252px;
}
.berserkin {
left: 110px;
top: 252px;
}
.wuuzaahh {
left: 165px;
top: 252px;
}
/** ELF */
.keen_senses {
left: 0px;
top: 0px;
}
.disease {
left: 110px;
top: 0px;
}
.brilliant_parry {
left: 165px;
top: 0px;
}
.ice_blast {
left: 0px;
top: 63px;
}
.winters_scourge {
left: 55px;
top: 63px;
}
.swift_strike {
left: 110px;
top: 63px;
}
.arctic_reign {
left: 55px;
top: 126px;
}
.natures_ward {
left: 110px;
top: 126px;
}
.natures_power {
left: 165px;
top: 126px;
}
.radiant_aura {
left: 55px;
top: 189px;
}
.stoneskin {
left: 110px;
top: 189px;
}
.sylvans_agony {
left: 165px;
top: 189px;
}
.ice_mastery {
left: 0px;
top: 252px;
}
.icy_chaos {
left: 55px;
top: 252px;
}
.ice_hurricane {
left: 110px;
top: 252px;
}
/* GNOM */
.ice_injection {
left: 55px;
top: 0px;
}
.stink_bomb {
left: 110px;
top: 0px;
}
.mysterious_deprivation {
left: 0px;
top: 63px;
}
.absorption {
left: 55px;
top: 63px;
}
.rejection {
left: 110px;
top: 63px;
}
.fool {
left: 165px;
top: 63px;
}
.firebomb {
left: 0px;
top: 126px;
}
.crazy_orbitting {
left: 110px;
top: 126px;
}
.elixir_of_wiliness {
left: 165px;
top: 126px;
}
.elixir_of_fire {
left: 0px;
top: 189px;
}
.doppelganger {
left: 55px;
top: 189px;
}
.outfox {
left: 110px;
top: 189px;
}
.arcane_trap {
left: 165px;
top: 189px;
}
.poison_ambush {
left: 55px;
top: 252px;
}
.deceive {
left: 110px;
top: 252px;
}
.skill_list {
width:46px;
height: 46px;
position: absolute;
padding: 2px;
}
#generalskills {
position: absolute;
background-image:url('http://de1.sevenlands.net/images/trainings/skills_general.png?1319620169');
width: 270px;
height: 302px;
top: 30px;
left: 27px;
}
#raceskills {
position: absolute;
width: 216px;
height: 302px;
left: 357px;
top: 30px;
}
.orcskills {
background-image:url('http://de1.sevenlands.net/images/trainings/skills_ork.png?1319620169');
}
.elfskills {
background-image:url('http://de1.sevenlands.net/images/trainings/skills_elf.png?1319620169');
}
.gnomeskills {
background-image:url('http://de1.sevenlands.net/images/trainings/skills_gnom.png?1319620169');
}
.humanskills {
background-image:url('http://de1.sevenlands.net/images/trainings/skills_human.png?1319620169');
}
.skill_icon_frame .levels  {
background-image: url('http://de1.sevenlands.net/images/trainings/number_box.png?1319620169');
text-shadow: #000000 1px 1px;
font-family:Verdana;
font-size:12px;
font-weight:bold;
height:16px;
width:19px;
padding-top: 3px;
text-align: center;
left:30px;
position:absolute;
top:30px;
}
.skill_icon_frame .learned {
color: yellow;
}
.skill_icon_frame .maxed {
color: #55FF55;
}
.skill_icon_frame .unlearned {
color: white;
}
.untrainable {
opacity: 0.5;
}
.maxed {
opacity: 1;
}
#skillpointsheader {
position: absolute;
width: 213px;
top: 7px;
text-align: center;
left: 196px;
color: #C09228;
}
#skillpointsheader #skillpoints {
font-weight: bold;
cursor: default;
}
#raceheader {
position: absolute;
top: 7px;
left: 447px;
}
#generalheader {
position: absolute;
top: 7px;
left: 36px;
}
div.regain_statuspoints {
position: relative;
left: -22px;
top: -16px;
}
div.regain_statuspoints a.ruby_link span.ruby_link {
width: 12px !important;
height: 12px;
padding: 0 !important;
margin: 0 !important;
}
#character_creation{
top:21px;
position: relative;
}
#character_creation .headline{
text-align: left;
font-size: 18px;
font-family: Times New Roman;
color: #70350d;
}
#character_creation .next_race,
#character_creation .previous_race{
position: absolute;
top: 108px;
width: 30px;
height: 40px;
display: block;
background: url('http://de1.sevenlands.net/images/page/race_chooser_buttons.png?1319620169');
}
#character_creation .next_race{
background-position: 30px 0;
right: 13px;
}
#character_creation .previous_race{
left: 12px;
}
#character_creation .next_race:hover{
background-position: 30px -40px;
}
#character_creation .previous_race:hover{
background-position: 0px -40px;
}
#race_image {
position: relative;
}
#race_image img {
position: absolute;
}
.input_character_name{
background:url('http://de1.sevenlands.net/images/page/input_large_bg.png?1319620169') no-repeat;
border:0 none;
height:49px;
width:186px;
margin: 0 auto;
}
.red {
color: red;
}
.green {
color: green;
}
#race_chooser{
position:absolute;
width:271px;
height: 300px;
left:10px;
}
#character_gender{
position: relative;
height: 30px;
text-align: center;
top: 6px;
}
#description{
right:0px;
width:290px;
height:390px;
overflow: hidden;
position: absolute;
line-height:14px;
}
#description .shadow{
background:url('http://de1.sevenlands.net/images/page/location_shadow.png?1319620169') no-repeat top;
margin-top:10px;
}
#description .race_info p {
margin: 8px;
}
#description .race_info ul {
list-style: disc outside;
padding-left: 25px;
}
div.vertical_line{
background:url('http://de1.sevenlands.net/images/page/vertical_line.png?1319620169') no-repeat;
height:444px;
width:3px;
position: absolute;
left: 305px;
top:-20px;
}
#characters .message {
width: 40px;
height: 14px;
position: absolute;
top: 140px;
left: 95px;
background: url('http://de1.sevenlands.net/images/page/envelope.png?1319620169') no-repeat 16px;
color: #d39f28;
font-weight: bold;
}
#character_creation span.attribute {
color:#70350D;
font-family:serif;
font-size:15px;
font-weight:bold;
line-height:26px;
text-align:left;
text-shadow:0 1px #FFEEBB;
margin-right: 10px;
}
.double_luck {
position: absolute;
top: 226px;
left: 55px;
}
.play {
position: absolute;
top: 241px;
left: 15px;
}
.double_luck .center {
min-width: 0 !important;
}
.double_luck .button_box,
.play .button_box {
padding-top: 0px;
}
#increased_luck {
text-align: center;
background: url('http://de1.sevenlands.net/images/icons/luck.png?1319620169') no-repeat 20px 0;
height: 16px;
width: 180px;
}
/*
* NEW
*/
/*RESET EVERYTHING*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-size: 12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*TEXT*/
h1{}
h2{
color:#feb;
line-height:23px;
text-align:center;
}
h3{
color:#531;
font-size:24px;
font-family: Times, serif;
font-weight:normal;
}
h4{
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}
/*LINKS*/
a{
text-decoration:none;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
body {
cursor: default;
}
a {
cursor: pointer;
}
/*BODY*/
body#root{
background: #000 url('http://de1.sevenlands.net/images/page/body_background.jpg?1319620169') no-repeat center 136px;
}
div#body{
margin:0 auto;
width:982px;
position:relative;
height:575px;
top:-24px;
}
div#body_top{
background:url('http://de1.sevenlands.net/images/page/body_top_gui_bg.png?1319620169');
width:686px;
height:36px;
position:relative;
left:148px;
}
#body_top #money{
float:left;
width:225px;
padding-top:2px;
}
#body_top #status{
float:right;
width:255px;
padding-top:2px;
}
#body_top #area_name {
float:right;
width:255px;
padding-top:2px;
}
#body_top #private_messages{
position: absolute;
top: 10px;
left: 230px;
width:225px;
padding-top:2px;
}
#body_top #private_messages a {color: #FFEEBB;}
#foot{
color:#fff;
margin:0 auto;
text-align:center;
}
/*TOP*/
#top{
height:160px;
background-position:center;
}
#logo{
display: block;
position:relative;
background:url('http://de1.sevenlands.net/images/page/logo.png?1319620169');
height: 96px;
width: 242px;
margin:0 auto;
text-align:center;
top:24px;
}
#logo.beta {
background-image:url(http://de1.sevenlands.net/images/page/logo_beta.png);
}
#logo span {
display: none;
}
/*CONTENT*/
#content{
background: #000 url('http://de1.sevenlands.net/images/page/content_bg.jpg?1319620169') no-repeat ;
width:600px;
height:0px;
position:absolute;
left:10px;
top:0px;
}
a{
color:#268;
}
a:visited{
color:#268;
}
a:hover{
text-decoration: underline;
}
#content_frame_top{
background:url('http://de1.sevenlands.net/images/page/content_frame_top.jpg?1319620169');
width:678px;
height:26px;
position:absolute;
left:152px;
}
#content_frame_left,
#content_frame_right{
width:32px;
height:436px;
position:absolute;
top:62px;
z-index:-1;/*fix for map on IE*/
}
#content_frame_left{
background:url('http://de1.sevenlands.net/images/page/content_frame_left.jpg?1319620169') no-repeat;
left:152px;
}
#content_frame_right{
background:url('http://de1.sevenlands.net/images/page/content_frame_right.jpg?1319620169') no-repeat;
right:163px;
}
/*CONTENT LAYOUT STUFF*/
.title_text{
margin-bottom:10px;
text-align: center;
}
.center_content{
text-align:center;
margin: 5px 0;
}
/*TITLE HEADLINE*/
h2#title{
position:absolute;
width:198px;
left:208px;
top:-52px;
}
/*INITIALS*/
p.initial_text:first-letter {
font-size:32px;
float: left;
font-family: Times New Roman;
margin-right:5px;
margin-top:4px;
color:#70350d;
display: block;
line-height: 32px;
height:32px;
vertical-align: top;
}
/* Undo initial on second paragraph */
p.initial_text + p.initial_text:first-letter {
font-size: 13px !important;
font-family: Verdana !important;
float: none !important;
margin:0 !important;
color: #000 !important;
display: inline !important;
line-height: 15px !important;
height:auto;
vertical-align: baseline !important;
}
/* AJAX spinner */
#ajax_spinner{
position: absolute;
left:427px;
top: 185px;
z-index: 1000;
}
/*MENU GLOBAL*/
.firstpanel{
height:230px;
}
.secondpanel.left {
background-image: url('http://de1.sevenlands.net/images/page/menu_bg_l.png?1319620169');
height: 212px;
}
.secondpanel.right {
background-image: url('http://de1.sevenlands.net/images/page/menu_bg_r.png?1319620169');
height: 212px;
}
.secondpanel ul{
text-align:center;
padding-top:15px;
line-height:22px;
}
.secondpanel li{
background-image:url('http://de1.sevenlands.net/images/page/menu_bar.png?1319620169');
background-repeat: no-repeat;
background-position: center 0;
}
.secondpanel li:first-child{
background-image:none;
}
.secondpanel a.menu_link:hover, .secondpanel a.menu_link.active{
color:#feb;
text-decoration: none;
}
.secondpanel a.menu_link, .secondpanel .menu_link_disabled {
color:#db6;
font-weight:bold;
}
.secondpanel .menu_link.new {
background: no-repeat scroll url('http://de1.sevenlands.net/images/statusicons.png?1319620169');
background-position: right -32px;
padding: 0 18px 0 0;
}
#menu_left #character_frame,
#menu_right #map_frame {
width:152px;
height:149px;
display:block;
}
#menu_left #character_frame {
background: transparent url('http://de1.sevenlands.net/images/page/character_frame.png?1319620169') no-repeat;
}
#menu_right #map_frame {
background: transparent url('http://de1.sevenlands.net/images/page/minimap_frame.png?1319620169') no-repeat;
}
#menu_left #character_frame>div{/*no char selected*/
width:100px;
padding:40px 0 0 30px;
font-weight:bold;
color:#fff;
}
#menu_left #character_name,
#menu_right #area_name{
background: transparent url('http://de1.sevenlands.net/images/page/character_name.png?1319620169') no-repeat;
width:164px;
height:25px;
position:relative;
left:-6px;
}
#character_name {
font-weight: bold;
}
/*RIGHT MENU*/
#menu_right{
position:absolute;
width:152px;
top:-11px;
left:830px;
}
* html #menu_right{/*layout fix for ie6*/
right:-12px;
}
/*LEFT MENU*/
#menu_left{
width:152px;
position:absolute;
top:-11px;
}
#menu_left .bars, #menu_right .bars{
background: transparent url('http://de1.sevenlands.net/images/page/menu_bars_bg.png?1319620169') no-repeat;
width:118px;
height:56px;
margin-left:17px;
padding-top:4px;
}
.firstpanel .bar {
text-align: center;
width: 110px;
height: 22px;
overflow: hidden;
background-image: url('http://de2.sevenlands.net/images/page/bars.png?1319620169');
background-repeat:no-repeat;
margin:0 0 4px 4px;
}
.firstpanel .bar.disabled {
background-image: url('http://de1.sevenlands.net/images/page/bars_disabled.png?1319620169');
}
#menu_left #character_avatar,
#menu_right #minimap{
width:148px;
height:149px;
background-repeat:no-repeat;
background-position:4px 0px;
background-color:#000;
}
#menu_right #minimap.minimap_no_sector {
background-image: url("http://de1.sevenlands.net/images/map/minimap_01.png?1319620169");
}
#menu_right #minimap.minimap_no_sector,
#menu_right #minimap.minimap_sector_01 {
background-position: -34px -248px;
}
#menu_right #minimap.minimap_sector_02 {
background-position: -67px -131px;
}
#menu_right #minimap.minimap_sector_03 {
background-position: -223px -231px;
}
#menu_right #minimap.minimap_sector_04 {
background-position: -175px -121px;
}
#menu_right #minimap.minimap_sector_05 {
background-position: -112px -23px;
}
#menu_right #minimap.minimap_sector_06 {
background-position: -222px -72px;
}
#menu_right #minimap.minimap_sector_07 {
background-position: -293px -59px;
}
#menu_left #character_avatar.no_image {
background-image: url('http://de1.sevenlands.net/images/page/_no_avatar_pic.jpg?1319620169');
}
#menu_left .firstpanel #hpbar {
background-position: -114px 0;
background-repeat: no-repeat;
}
#menu_left .firstpanel #xpbar {
background-position: -114px -22px;
}
#menu_right .bars{
padding: 4px 3px;
}
#menu_right .firstpanel .action_points_marker {
background-image: url('http://de1.sevenlands.net/images/page/action_points_marker.jpg?1319620169');
height: 22px;
width: 16px;
float: left;
margin-bottom: 4px;
}
#menu_right .firstpanel .action_points_marker.full {
background-position:0px 0px;
}
#menu_right .firstpanel .action_points_marker.overdrive {
background-position:-16px 0px;
}
#menu_right .firstpanel .action_points_marker.empty {
background-position:-32px 0px;
}
#menu_right #action_points_info {
width: 60px;
height: 10px;
padding: 6px;
border: 1px solid black;
background-color: #998866;
position: absolute;
left: 38px;
top: 229px;
z-index: 999;
}
#menu_left .firstpanel #hpbar div,
#menu_left .firstpanel #xpbar div,
#menu_left .firstpanel #action_points_bar div {
background-color: black;
z-index: 50;
}
#menu_left .firstpanel #hpbar div.text,
#menu_left .firstpanel #xpbar div.text,
#menu_right .firstpanel #action_points_bar div.text {
background-color: transparent;
z-index: 100;
position: absolute;
width:110px;
text-align:center;
color: #DDD;
line-height: 22px;
}
#menu_left .firstpanel #hpbar div.text,
#menu_left .firstpanel #xpbar div.text{
left:21px;
}
#menu_right .firstpanel #action_points_bar div.text {
right:0;
}
/*MONEY*/
span.silvercoins,
span.coppercoins,
span.goldcoins,
span.rubies {
display:inline-block;
text-align: right;
padding: 0px 16px 0px 0px;
height: 14px;
background:url('http://de1.sevenlands.net/images/shinythings.png?1319620169') no-repeat;
line-height:14px;
margin-right:5px;
}
span.coppercoins {
background-position:right -42px;
}
span.silvercoins {
background-position:right -28px;
}
span.goldcoins {
background-position:right -14px;
}
span.rubies {
background-position:right 0;
}
/*LOGIN-MENU*/
#login_menu{
width:300px;
float:right;
}
/**/
.normal_popup {
display:none;
width:200px;
position: absolute;
background-color: white;
border: 1px solid black;
}
span.attribute {
background:url('http://de1.sevenlands.net/images/attributes.png?1319620169') no-repeat scroll 0 0 transparent;
padding-left:26px;
padding-top:3px;
}
span.attribute.dexterity {
background-position: 0 -3px;
}
span.attribute.constitution {
background-position: 0 -29px;
}
span.attribute.intelligence {
background-position: 0 -55px;
}
span.attribute.strength {
background-position: 0 -81px;
}
/* Skills */
#skills {
position: absolute;
background-image:url('http://de1.sevenlands.net/images/trainings/bg.png?1319620169');
width: 605px;
height: 425px;
top: 8px;
left: 4px;
}
#info_popup {
width: 300px;
padding: 6px;
border: 1px solid black;
background-color: #998866;
z-index: 999;
}
/*BUTTONS*/
.button{
cursor: pointer !important;
text-decoration:none;
display: inline-block;
}
.button.running span {
cursor: default;
}
.button .left{
background:url('http://de1.sevenlands.net/images/page/button_left.png?1319620169') no-repeat left 0;
float: left;
}
.button .right{
background:url('http://de1.sevenlands.net/images/page/button_right.png?1319620169') no-repeat right 0;
float: left;
}
.button .center{
background-image:url('http://de1.sevenlands.net/images/page/button_center.png?1319620169');
line-height:38px;
color:#d3b362;
font-family:'Times New Roman', serif;
font-weight: 700;
font-size:14px;
text-align: center;
margin:0 13px;
min-width: 90px;
float: left;
height: 38px;
}
.button:hover{
text-decoration: none;
}
.button.active .left,
.button:hover .left{
background-position: left -38px;
}
.button.running:hover .left {
background-position: left 0;
}
.button.active .right,
.button:hover .right{
background-position: right -38px;
}
.button.running:hover .right {
background-position: right 0;
}
.button.active .center,
.button:hover .center{
background-position: 0 -38px;
}
.button.running:hover .center {
background-position: 0 0;
}
.no_button_box,
.button_box {
text-align: center;
padding-top: 10px;
}
/*BANK*/
.money_slider{
height:40px;
margin-top:10px;
}
.money_slider .handle{
background-image:url('http://de1.sevenlands.net/images/page/slider_handle.png?1319620169');
width:24px;
height:29px;
position:absolute;
top:-5px;
z-index:1;
}
.money_slider .handle:hover{
background-image:url('http://de1.sevenlands.net/images/page/slider_handle_active.png?1319620169');
}
.money_slider .track_bg{
background-image:url('http://de1.sevenlands.net/images/page/slider_track.png?1319620169');
height:17px;
width:200px;
margin:0 15px;
position:relative;
float:left;
}
.money_slider .track{
width:190px;
height:17px;
position:absolute;
float:left;
left:5px;
z-index:2;
}
.money_slider .track_end{
background-image:url('http://de1.sevenlands.net/images/page/slider_track_ends.png?1319620169');
width:17px;
height:inherit;
position:relative;
cursor:pointer;
}
.money_slider .track_end.left{
background-position:right 0;
float:left;
left:-5px;
}
.money_slider .track_end.right{
float:right;
right:-5px;
}
#bank_top{
height:150px;
}
#money_form{
width:350px;
}
/*INPUT*/
input.large{
position:relative;
top:23px;
background:transparent;
border:0 none;
width:160px;
margin:0 12px;
text-align:center;
font-weight:bold;
font-size:14px;
}
.character_gender_text{
position:relative;
top:-1px;
padding:4px;
}
a.radio{
display:inline-block;
margin-top:10px;
height:12px;
padding-left:12px;
background:url('http://de1.sevenlands.net/images/page/radio.png?1319620169') no-repeat 0 0;
color:#000;
text-decoration: none;
}
a.radio.selected{
background-position:0 -24px;
}
/*SMALL BOXES FOR MONSTERS ETC*/
.small_box_top{
background-image:url('http://de1.sevenlands.net/images/page/small_box_top.png?1319620169');
width:192px;
height:25px;
}
.small_box_bottom{
background-image:url('http://de1.sevenlands.net/images/page/small_box_bottom.png?1319620169');
width:192px;
height:21px;
margin:-12px 0 10px;
}
.small_box_content{
background-image:url('http://de1.sevenlands.net/images/page/small_box_content.jpg?1319620169');
width:192px;
padding-bottom:25px;
}
/*BORDER */
.border{
margin:0 auto;
z-index:2;
position:relative;
}
.border td{
border-collapse:collapse;
}
.border .corner{
background-image:url('http://de1.sevenlands.net/images/page/corners.png?1319620169');
width:5px;
height:5px;
display:block;
}
.border .top .corner.left{
background-position:0 0;
}
.border .top .corner.right{
background-position:0 -5px;
}
.border .bottom .corner.right{
background-position:0 -10px;
}
.border .bottom .corner.left{
background-position:0 -15px;
}
.border .border tr .left,
.border .border tr .right{
width:5px;
}
.border .middle td.left{
background:url('http://de1.sevenlands.net/images/page/border_left.png?1319620169') repeat-y left;
}
.border .middle td.right{
background:url('http://de1.sevenlands.net/images/page/border_right.png?1319620169') repeat-y right;
}
.border .top td.center,
.border .bottom td.center{
height:5px;
}
.border .bottom td.center{
background:url('http://de1.sevenlands.net/images/page/border_bottom.png?1319620169') repeat-x;
}
.border .top td.center{
background:url('http://de1.sevenlands.net/images/page/border_top.png?1319620169') repeat-x;
}
.border .middle .center{
}
.center div.corner_overlay{
background:url('http://de1.sevenlands.net/images/page/corners_overlay.png?1319620169') no-repeat;
position:absolute;
width:9px;
height:9px;
position:absolute;
z-index:5;
}
/*positions*/
.center div.corner_overlay.top.left{
top:-5px;
left:-5px;
}
.center div.corner_overlay.top.right{
top:-5px;
right:-5px;
}
.center div.corner_overlay.bottom.left{
bottom:-5px;
left:-5px;
}
.center div.corner_overlay.bottom.right{
bottom:-5px;
right:-5px;
}
/*background-positions*/
.corner_overlay.left.top{
background-position:0 0;
}
.corner_overlay.right.top{
background-position:0 -9px;
}
.corner_overlay.right.bottom{
background-position:0 -18px;
}
.corner_overlay.left.bottom{
background-position:0 -27px;
}
/*TABLELESS BORDER */
.tableless_border{
position:relative;
margin:5px;
}
.tableless_border .corner,
.tableless_border .horizontal,
.tableless_border .vertical{
position:absolute;
z-index:1;
}
.tableless_border .corner{
background-image:url('http://de1.sevenlands.net/images/page/corners_full.png?1319620169');
width:10px;
height:10px;
z-index:5;
}
.tableless_border .corner.top.left{
background-position:0 0;
}
.tableless_border .corner.top.right{
background-position:0 -10px;
}
.tableless_border .corner.bottom.right{
background-position:0 -30px;
}
.tableless_border .corner.bottom.left{
background-position:0 -20px;
}
.tableless_border .vertical{
width:  5px;
top:    5px;
bottom: 5px;
}
.tableless_border .horizontal{
left:   5px;
right:  5px;
height: 5px;
}
.tableless_border .vertical.left{
background:url('http://de1.sevenlands.net/images/page/border_left.png?1319620169') repeat-y left;
}
.tableless_border .vertical.right{
background:url('http://de1.sevenlands.net/images/page/border_right.png?1319620169') repeat-y right;
}
.tableless_border .horizontal.bottom{
background:url('http://de1.sevenlands.net/images/page/border_bottom.png?1319620169') repeat-x;
}
.tableless_border .horizontal.top{
background:url('http://de1.sevenlands.net/images/page/border_top.png?1319620169') repeat-x;
}
.tableless_border .top{
top: -5px;
}
.tableless_border .bottom{
bottom: -5px;
}
.tableless_border .left{
left: -5px;
}
.tableless_border .right{
right: -5px;
}
.tableless_border.with_highlight .horizontal.top{
background-image:url('http://de1.sevenlands.net/images/page/border_top_with_highlight.png?1319620169');
height: 9px;
}
.tableless_border.with_highlight .corner.top.right{
background-position: 0 -70px;
}
.tableless_border.with_highlight .corner.top.left{
background-position: 0 -60px;
}
/* SCROLLBAR */
.scrollbar_container {
position:relative;
margin-right: 21px;
}
.scrollbar_track_container{
position:absolute;
top:0;
right:-21px;
height:100%;
width:19px;
}
.scrollbar_track{
position:absolute;
top:6px;
bottom:6px;
right:0;
width:9px;
background:url('http://de1.sevenlands.net/images/page/scrollbar_track.png?1319620169') repeat-y right;
padding:0 5px;
cursor:move;
}
.scrollbar_track_container > .top,
.scrollbar_track_container > .bottom{
position:absolute;
height:6px;
width:19px;
background:url('http://de1.sevenlands.net/images/page/scrollbar_track.png?1319620169') no-repeat left bottom;
}
.scrollbar_track_container > .top{
top:0px;
}
.scrollbar_track_container > .bottom{
bottom:0px;
background-position: left top;
}
.scrollbar_handle > div{
background:url('http://de1.sevenlands.net/images/page/scrollbar_handle.png?1319620169') repeat-y right;
position: absolute;
width:9px;
}
.scrollbar_handle .top{
top:0;
height: 14px;
background-position:0 14px;
}
.scrollbar_handle .bottom{
height: 6px;
background-position: 0 0;
bottom: 0;
}
.scrollbar_handle .middle{
top:14px;
bottom:6px;
}
.scrollbar_handle {
width:9px;
cursor:move;
}
.scrollbar_content {
overflow:hidden;
position: relative;
}
div.ornament_border{
position:relative;
margin:0 auto;
z-index:10;
}
div.ornament_border.bottom{
background:url('http://de1.sevenlands.net/images/page/ornament_border_bottom.png?1319620169') no-repeat;
width:156px;
height:18px;
top:-5px;
}
div.ornament_border.bottom_small{
background:url('http://de1.sevenlands.net/images/page/ornament_border_bottom_small.png?1319620169') no-repeat;
width:117px;
height:18px;
top:-5px;
}
div.ornament_border.bottom_big{
background:url('http://de1.sevenlands.net/images/page/ornament_border_bottom_big.png?1319620169') no-repeat;
width:156px;
height:48px;
top:-5px;
margin:auto;
}
div.ornament_border.top{
width:263px;
height: 28px;
}
div.ornament_border.top div{
height: 28px;
}
div.ornament_border.top .left{
background: url('http://de1.sevenlands.net/images/page/ornament_border_top_left.png?1319620169') no-repeat left;
}
div.ornament_border.top .right{
background: url('http://de1.sevenlands.net/images/page/ornament_border_top_right.png?1319620169') no-repeat right;
}
div.ornament_border.top .center{
background: url('http://de1.sevenlands.net/images/page/ornament_border_top_center.png?1319620169') repeat-x top;
margin: 0 72px;
color: #70350d;
text-align: center;
line-height:28px;
font-size: 16px;
font-weight: bold;
font-family: 'Times New Roman' , serif;
}
/*dividers*/
.divide{
width:7px;
height:5px;
background-image:url('http://de1.sevenlands.net/images/page/divide.png?1319620169');
position:absolute;
z-index:5;
left:-3px;
}
.divide.top{
top:-1px;
background-position:0 -5px;
}
.divide.bottom{
bottom:-1px;
}
/* dividers for action-panel */
.current_actions .divide,
.available_actions .strategy_action_box .divide{
right:-4px;
left:auto;
}
.current_actions .divide.top,
.available_actions .divide.top{
top:-2px;
}
.current_actions .divide.bottom,
.available_actions .divide.bottom{
bottom:-2px;
}
.available_actions{
height:38px;
}
.available_actions.attacks {
top: 3px;
padding-left: 7px;
padding-top: 5px;
}
.available_actions.defenses {
top: 54px;
margin: 5px auto;
}
.defenses .tableless_border {
width: 37px;
display: inline-block;
}
/*STRATEGIES*/
.strategy_action {
background-repeat: no-repeat;
background-position:center;
width: 36px;
height: 36px;
font: bold 30px sans-serif;
color: red;
}
.strategy_action.active {
width: 30px;
height: 30px;
border: 3px solid #b61414;
}
.strategy_action.active .action_disabled_overlay{ /*-3px toeven out the border*/
left:-4px;
top:-4px;
}
.action_disabled_overlay {
position:relative;
width: 38px;
left: -1px;
top: -1px;
height: 38px;
background:url('http://de1.sevenlands.net/images/fight/action_disabled.png?1319620169') center;
}
.strategy_action_highlight{
width:34px;
height:3px;
position: absolute;
background:url('http://de1.sevenlands.net/images/fight/fight_strategy_action_highlight.png?1319620169') center;
}
/*thorns*/
.thorn{
background-image:url('http://de1.sevenlands.net/images/page/thorn.png?1319620169');
height:8px;
width:9px;
position:absolute;
}
.thorn.left{
left:36px;
background-position:left;
}
.thorn.right{
right:36px;
background-position:right;
}
/* race icons */
.race_icon {
background: url('http://de1.sevenlands.net/images/race_icons.png?1319620169');
height: 25px;
}
.race_icon.human {
width: 15px;
background-position: 0;
}
.race_icon.elf {
width: 25px;
background-position: -15px;
}
.race_icon.gnome {
width: 29px;
background-position: -40px;
}
.race_icon.orc {
width: 19px;
background-position: -69px;
}
.race_icon_small {
background: url('http://de1.sevenlands.net/images/race_icons_small.png?1319620169');
height: 22px;
}
.race_icon_small.human {
width: 14px;
background-position: 0;
}
.race_icon_small.elf {
width: 21px;
background-position: -14px;
}
.race_icon_small.gnome {
width: 25px;
background-position: -35px;
}
.race_icon_small.orc {
width: 16px;
background-position: -60px;
}
span.ruby_link {
display:inline-block;
text-align: right;
font-family:'Times New Roman',serif;
font-size:14px;
font-weight:bold;
line-height:11px;
padding: 0px 18px 0px 0px;
height: 14px;
margin-left:5px;
background: url('http://de1.sevenlands.net/images/shinythings.png?1319620169') no-repeat right 0;
}
*:first-child + html a.ruby_link span.ruby_link {/* IE7 */
line-height: 14px;
margin: 11px 0 0;
background-position: right 2px;
}
a.ruby_link .center span.ruby_link {
vertical-align: middle;
}
a.ruby_link.running  span.ruby_link{
background-image: url('http://de1.sevenlands.net/images/indicator16red.gif?1319620169');
}
span.action_point_link {
background: url('http://de1.sevenlands.net/images/page/action_point.png?1319620169') no-repeat right 0;
padding: 0px 18px 0px 0px;
line-height: 22px;
height: 22px;
display: inline-block;
}
a.action_point_link.running span.action_point_link {
background: url('http://de1.sevenlands.net/images/indicator16.gif?1319620169') no-repeat right 0;
padding: 2px 18px 2px 0px;
line-height: 16px;
}
#character_overview #refill_health{
background: url('http://de1.sevenlands.net/images/page/action_point.png?1319620169') no-repeat 0 -22px;
width: 14px;
height: 22px;
top: 175px;
left: 144px;
position: absolute;
}
#character_overview #refill_health a,
#character_overview #refill_health span.action_point_link{
margin: 0;
padding: 0;
display:blocK;
width: 14px;
height: 22px;
}
#action_points #regenerate_action_points {
width: 14px;
height: 14px;
z-index: 1000;
position: absolute;
background:url('http://de1.sevenlands.net/images/shinythings.png?1319620169') no-repeat right -56px;
}
#action_points #regenerate_action_points {
background:url('http://de1.sevenlands.net/images/shinythings.png?1319620169') no-repeat right -56px;
}
#action_points #regenerate_action_points a,
#action_points #regenerate_action_points span.ruby_link {
margin: 0;
padding: 0;
display:blocK;
}
#action_points #regenerate_action_points {
top: 193px;
left: -6px;
}
#action_points #no_action_points {
height: 47px;
position: absolute;
width: 112px;
top: 179px;
left: 20px;
background-image: url('http://de1.sevenlands.net/images/page/no_action_points.png?1319620169');
}
.translation_missing {
color: red;
}
.translation_missing:before {
content: "Translation missing: ["
}
.translation_missing:after {
content: "]"
}
img.monster_popup_image {
border: 1px #DDBB66 solid;
margin-top: 5px;
}
.global_item_container {
display: inline-block;
}
#email_confirmation_button {
position: relative;
top: 30px;
}
.help_deactivation_info {
display: inline-block;
font-size: 88%;
margin-top: 10px;
color: #AAAAAA;
}
#feedback {
position: absolute;
text-align: left;
width: 512px;
height: 256px;
top: 200px;
left: -480px;
z-index: 1000000;
}
#feedback .body {
position: absolute;
width: 440px;
height: 100%;
background:#EEEEEE;
padding: 20px;
}
#feedback .toggle {
background: transparent url(http://de1.sevenlands.net/images/page/toggle.png);
background-repeat:no-repeat;
position: relative;
height: 160px;
width: 36px;
left: 480px;
top: 74px;
cursor: pointer;
}
#feedback input {
width: 250px;
}
#feedback textarea {
width: 400px;
height: 150px;
}
/*MAP*/
#map_wrapper {
overflow: hidden;
height: 472px;
width: 652px;
margin:-17px 0 0 -19px;
position:absolute;
cursor:move;
}
#map {
z-index: 10;
position: absolute;
top: 0px;
left: 0px;
}
.map h3 {
color: #B97;
margin-bottom: 8px;
}
#map a {
line-height: 0px;
display: block;
}
#map .location {
position: absolute;
z-index: 20;
cursor: pointer;
width: 35px;
}
#map img.location_icon {
z-index: 20;
}
#map img.location_status {
z-index: 21;
}
#map .location_status_icon {
margin-top: -4px;
}
.border_container {
position: relative;
}
#map_lens{
background:url('http://de1.sevenlands.net/images/map/lens.png?1319620169');
width:86px;
height:70px;
position:absolute;
z-index:100;
}
/*MAP-FRAME*/
.map_frame_top_corner,
#map_frame_top_center,
.map_frame_sides,
.map_frame_bottom_corner,
#map_frame_bottom_center{
position:absolute;
z-index:12;
}
.map_frame_top_corner{
width:17px;
height:17px;
background-image:url('http://de1.sevenlands.net/images/map/map_frame_top_corner.png?1319620169');
}
.map_frame_top_corner.right{
background-position:-17px 0;
right:0px;
}
#map_frame_top_center{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_top_center.png?1319620169');
width:234px;
height:17px;
left:209px;
}
.map_frame_sides{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_sides.png?1319620169');
width:8px;
height:96px;
top:97px;
}
.map_frame_sides.right{
right:0px;
background-position:-8px 0;
}
.map_frame_bottom_corner{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_bottom_corner.png?1319620169');
width:53px;
height:53px;
bottom:0px;
}
.map_frame_bottom_corner.right{
right:0px;
background-position:-53px 0;
}
#map_frame_bottom_center{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_bottom_center.png?1319620169');
width:236px;
height:17px;
bottom:0px;
left:208px;
}
#map_buttons{
position:absolute;
z-index:5;
left:20px;
top:20px;
z-index:12;
}
#map_center,
#map_zoom{
display:block;
width:34px;
height:35px;
background-image:url('http://de1.sevenlands.net/images/map/map_buttons.png?1319620169');
bottom:5px;
}
#map_center{
}
#map_zoom{
background-position:-34px 0;
}
#map_zoom:hover{
background-position:-34px -35px;
}
#map_center:hover{
background-position:0 -35px;
}
/* map wandering */
#map_wrapper #wander_box{
z-index: 1001;
margin-top: 35px;
cursor: auto;
}
p.location_status {
padding: 0 0 5px 0;
}
/* wandering layer */
#wander_map_layer {
margin: 100px auto 0;
z-index: 5001;
padding: 10px;
max-width: 400px;
background-image: url('http://de1.sevenlands.net/images/page/text_box_bg.png?1319620169');
cursor: move;
min-height: 210px;
}
#wander_map_layer .button_box {
display: inline-block;
}
#wander_map_layer .progress_bar{
width: auto;
}
#wander_map_layer p.title {
text-align: center;
margin-top: 10px;
font-weight: bold;
min-height: 15px;
}
#wander_map_layer #shorten_wandering_path_buttons {
text-align: center;
margin-top: -40px;
z-index: 11;
position: relative
}
#wander_map_layer #shorten_wandering_path_info {
clear: both;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 10px;
}
#wander_map_layer #crafting_info {
text-align: center;
min-height: 25px;
}
.waypoint {
position :absolute;
width: 9px;
height: 9px;
background-image:url('http://de1.sevenlands.net/images/map/waypoint.png?1319620169');
}
.waypoint.active {
background-position: 0 -9px;
}
/*----BELOW THIS LINE THERE ARE DRAGONS----*/
/* TEMP FOR REFACTORING **/
div.auto_complete ul {
border: 1px solid #555;
background-color: black;
padding-left:0px !important;
}
div.auto_complete ul li {
background-color: black;
color: #ACB7BF;
}
div.auto_complete ul li.selected {
background-color: #222 !important;
color: #a08e70;
}
ul.subsection_tabs li.tab a.active {
color: #e2d4bc;
}
ul.subsection_tabs li.tab_divider{
position: relative;
height:28px;
top:5px;
}
ul.subsection_tabs li.tab_divider .divide{
left: -3px;
}
ul.subsection_tabs li.tab a.active img {
opacity: 1;
}
ul.subsection_tabs li.tab a img {
border: none;
margin-top: -11px;
margin-left: -9px;
vertical-align: middle;
opacity: 0.4;
}
content ul.subsection_tabs {
height: 24px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
ul.subsection_tabs li,
ul.subsection_tabs li.tab {
display:inline;
float: left;
}
/** END TEMP **/
/*********** CHARACTER CREATIION **************/
#racepreview_wrapper {
width: 220px;
height: 337px;
float: right;
left: 340px;
overflow: hidden;
position: absolute;
background-image:url('http://de1.sevenlands.net/images/page/race_select_bg.jpg?1319620169');
}
#racepreview {
position: absolute;
left: -1px;
}
#racepreview2 {
position: absolute;
left: -1px;
}
div.race_information {
margin-top:5px;
padding: 5px;
background-color: #cdb385;
border: 3px groove #ca9621;
}
div.information h3 {
margin-top: 0px;
}
div#racechooser {
text-align: center;
position: absolute;
width: 305px;
color: white;
line-height: 30px;
left:298px;
top:111px;
}
div#racechooser .next-race,
div#racechooser .prev-race {
position:absolute;
font-size: 30px;
width:51px;
height:41px;
display:block;
text-align:right;
background:url('http://de1.sevenlands.net/images/page/race_select_button.png?1319620169');
}
div#racechooser .next-race {
text-align:left;
background-position:-51px 0;
right:0px;
}
div#racechooser .prev-race{
left:0px;
}
div#racechooser .next-race:hover span,
div#racechooser .prev-race:hover span {
background-image:url('http://de1.sevenlands.net/images/page/select_hover.png?1319620169');
display:inline-block;
width:21px;
height:21px;
margin-top:11px;
}
img#racechooserhelp {
position: absolute;
left: 330px;
top: 260px;
}
a.nextrace {
}
/*** FOREIGN PROFILE ADDON **/
#post_list .post {
border: 1px solid #333;
}
#post_list .author {
float: left;
padding: 6px;
}
#post_list .created_at {
background-color: #111;
text-align: right;
padding: 6px;
}
#post_list .body {
padding: 14px;
}
/********** QUEST LAYOUT *************/
div.add_coppers_box,
div.remove_coppers_box {
width: 288px;
}
.disabled {
color: #555;
}
.questoption{
position:relative;
top:2px;
padding-top: 5px;
}
.quest_success{
position: relative;
top: 20px;
}
/**** journal ******/
.battle_report {
height:335px;
overflow:auto;
width:612px;
}
#fights {
position: absolute;
left: 6px;
top: -9px;
width: 601px;
background: url('http://de1.sevenlands.net/images/reports/rahmen.png?1319620169') no-repeat;
padding-top: 57px;
}
#fights #fight_list {
padding-bottom: 2px;
background: url('http://de1.sevenlands.net/images/reports/bg.png?1319620169') bottom;
}
#fights .fight {
height: 51px;
position: relative;
}
#fights .fight .indicator_left {
position: absolute;
left: 5px;
top: 1px;
width: 16px;
height: 48px;
}
#fights .fight .indicator_right {
position: absolute;
right: 5px;
top: 1px;
width: 16px;
height: 48px;
}
#fights .row1 {
position: absolute;
left: 44px;
height: 44px;
width: 160px;
top: 1px;
padding-top: 6px;
}
#fights .fight .row1 .attack,
#fights .fight .row1 .attack a,
#fights .fight .row2 .ago{
font-family: serif;
color: #70350D;
font-size: 15px;
}
#fights .row1 .new {
position: absolute;
left: -23px;
height: 18px;
width: 20px;
background-image: url('http://de1.sevenlands.net/images/reports/icons.png?1319620169');
background-position: 0px -36px;
}
#fights .row2 {
position: absolute;
left: 203px;
height: 44px;
width: 195px;
top: 1px;
padding-top: 6px;
padding-left: 4px;
}
#fights .row3 {
position: absolute;
left: 401px;
height: 46px;
width: 178px;
top: 1px;
padding-top: 4px;
}
#fights .fight .row3 img {
vertical-align: text-bottom;
}
#fights .fight.loss .indicator_right {
background-image: url('http://de1.sevenlands.net/images/reports/lose.png?1319620169');
background-position: -17px 0px;
}
#fights .fight.loss .indicator_left {
background-image: url('http://de1.sevenlands.net/images/reports/lose.png?1319620169');
}
#fights .fight.win .indicator_right {
background-image: url('http://de1.sevenlands.net/images/reports/win.png?1319620169');
background-position: -17px 0px;
}
#fights .fight.win .indicator_left {
background-image: url('http://de1.sevenlands.net/images/reports/win.png?1319620169');
}
#fights .fight_pages {
left:173px;
position:absolute;
top:416px;
width:115px;
}
#fights_column_headers {
color:white;
left:2px;
position:absolute;
text-shadow:1px 2px black;
top:30px;
}
#fights_column_headers .row1,
#fights_column_headers .row2,
#fights_column_headers .row3 {
font-family:serif !important;
font-size:17px !important;
}
#fights .fight_pages span.current,
#fights .fight_pages a {
display: block;
float: left;
height: 16px;
width: 13px;
border-right: 1px solid #DDBB66;;
color: #DDBB66;
text-align: center;
padding-top: 5px;
}
#fights .fight_pages span.current,
#fights .fight_pages a:hover {
background-image: url('http://de1.sevenlands.net/images/reports/active_page.jpg?1319620169');
font-weight: bold;
}
#fights .prev_page,
#fights .next_page {
display: none !important;
}
#pages_and_search .pages {
display: inline-block;
background:url('http://de1.sevenlands.net/images/pages_bg.png?1319620169') repeat scroll 0 0 transparent;
padding: 5px 0px;
height: 16px;
}
#pages_and_search .pages .separator {
display: inline-block;
vertical-align: top;
width: 1px;
margin: -5px 1px;
height: 22px;
background-color: #DDBB66;
}
#pages_and_search .search {
display: inline-block;
vertical-align: top;
}
#pages_and_search #pages_header {
background: url('http://de1.sevenlands.net/images/pages_header.png?1319620169') no-repeat scroll 0 0 transparent;
display: inline-block;
padding: 5px 10px;
height: 16px;
width: 44px;
}
#pages_and_search #pages_footer {
background: url('http://de1.sevenlands.net/images/pages_header.png?1319620169') no-repeat scroll -64px 0 transparent;
display: inline-block;
padding: 5px 0px;
height: 16px;
width: 7px;
vertical-align: top;
}
#pages_and_search .pages span.current,
#pages_and_search .pages span.gap,
#pages_and_search .pages a {
height: 16px;
color: #DDBB66;
text-align: center;
padding: 3px 1px;
}
#pages_and_search .pages span.current,
#pages_and_search .pages a:hover {
background-image: url('http://de1.sevenlands.net/images/reports/active_page.jpg?1319620169');
}
#pages_and_search {
text-align: center;
vertical-align: top;
}
#pages_and_search form.search {
background: url("http://de1.sevenlands.net/images/search.png?1319620169") repeat scroll 0 0 transparent;
position: relative;
width: 186px;
}
#pages_and_search #searchname {
background: transparent;
border:medium none;
padding: 5px 33px 5px 10px;
width: 143px;
height: 16px;
}
#pages_and_search #searchname_submit {
background:none repeat scroll 0 0 transparent;
border: none;
cursor:pointer;
height:21px;
width:19px;
display:inline-block;
position: absolute;
left: 163px;
top: 1px;
}
#pages_and_search #searchname_submit:hover {
background-image: url('http://de1.sevenlands.net/images/reports/search_button_active.jpg?1319620169');
}
/**** FIGHT PANELS AND PAGES ******/
div#battletext {
position: absolute;
top: 380px;
height: 40px;
}
#battle_animation_content {
position: absolute;
width: 145px;
height: 140px;
left: 235px;
overflow: hidden;
top: 94px;
}
#battle_animation_content .battle_animation_row {
height: 40px;
padding: 2px;
position: relative;
}
#battle_animation_content .defense_action div.ability,
#battle_animation_content .attack_action div.ability,
#battle_animation_content .effect_action div.ability {
width: 36px;
height: 36px;
}
#battle_animation_content .defense_action div.ability.success,
#battle_animation_content .attack_action div.ability.success,
#battle_animation_content .effect_action div.ability.success {
width: 30px;
height: 30px;
border: 3px solid #0f0;
}
#battle_animation_content .defense_action div.ability.miss,
#battle_animation_content .attack_action div.ability.miss,
#battle_animation_content .effect_action div.ability.miss {
width: 30px;
height: 30px;
border: 3px solid #b61414;
}
#battle_animation_content .defense_action,
#battle_animation_content .attack_action,
#battle_animation_content .effect_action,
#battle_animation_content .arrow,
#battle_animation_content .damage {
position: absolute;
}
#battle_animation_content .damage {
color: red;
font-size: 18px;
font-weight:700;
top: 12px;
}
#battle_animation_content .source_damage {
display: none;
}
#battle_animation_content .left_to_right .damage {
left: 185px;
}
#battle_animation_content .left_to_right .attack_action,
#battle_animation_content .left_to_right .effect_action,
#battle_animation_content .right_to_left .defense_action {
left: 0px;
width:46px;
}
#battle_animation_content .left_to_right .defense_action,
#battle_animation_content .right_to_left .effect_action,
#battle_animation_content .right_to_left .attack_action {
right: 0px;
width:46px;
}
#battle_animation_content .arrow {
left: 45px;
top: 8px;
}
#battle_animation_content .arrow div {
width: 45px;
height: 27px;
background-repeat:no-repeat;
margin-top:5px;
}
div#rounds #skipfight {
font-size: 11px;
}
div.fighterpanel .effects {
left:48px;
top: 36px;
z-index: 2;
opacity:0.85;
position:absolute;
width: 150px;
}
div.fighterpanel.defender .effects {
width: 168px;
}
div.fighterpanel .effects .duration {
background-image:url('http://de1.sevenlands.net/images/fight/debuff_rahmen.png?1319620169');
font-weight:bold;
height:15px;
left:-1px;
padding-left:17px;
padding-top:20px;
position:absolute;
text-shadow:1px 1px #000000;
top:-1px;
width:17px;
}
div.fighterpanel .effects .gray {
opacity: 0.8;
}
div.fighterpanel .effects .highlight .duration {
background-image:url('http://de1.sevenlands.net/images/fight/debuff_rahmen_highlight.png?1319620169');
height:20px;
left:-6px;
padding-left:19px;
padding-top:25px;
top:-6px;
width:22px;
}
div.fighterpanel .effects .effect {
text-align: center;
padding: 2px;
height: 23px;
position: relative;
color: white;
width: 23px;
}
div.fighterpanel .effects .effect img {
float: left;
}
div.fighterpanel .floating_damage,
div.fighterpanel .floating_gain {
z-index:150;
position:absolute;
}
div.fighterpanel .floating_damage div {
text-shadow: 1px 1px 0px #202020;
font-weight: bold;
font-size: 46px;
}
div.fighterpanel .floating_gain {
text-shadow: 1px 1px 0px #202020;
font-weight: bold;
font-size: 36px;
color: #18EC2B;
}
span.damage_name {
color: #CCCCCC;
font-weight: normal;
font-size: 20px;
}
div.fighterpanel .level {
}
div.versusbox {
position: relative;
top: 25px;
padding: 8px 50px;
}
div.fighterpanel .floating_damage .damage_name {
clear: both;
display: block;
color: #DEBD71;
text-align: center;
}
div.fighterpanel .floating_damage .source_damage {
clear: both;
color: #AAAAAA;
text-align: center;
text-shadow: 1px 1px black;
}
div.fighterpanel .floating_damage .damage {
font-size: 35px;
position: relative;
left: -8px;
text-shadow: 3px 3px black;
}
.slash_damage,
.thrust_damage,
.crush_damage{
color:#E43434;
}
.poison_damage{
color:#97c14e;
}
.ice_damage{
color:#4fa4da;
}
.fire_damage{
color:#cd8b4a;
}
#attack_button {
position: absolute;
top: 151px;
left: 249px;
}
#fight_summary {
left:118px;
padding:10px;
position:absolute;
top:0px;
z-index: 1005;
width:368px;
}
#fight_summary #drag_handle {
position: absolute;
width: 374px;
height: 166px;
top: 0px;
left: 0px;
cursor: move;
}
#fight_summary #top {
height: 156px;
}
#fight_summary #top.win {
background-image: url('http://de1.sevenlands.net/images/fight/summary_win.png?1319620169');
}
#fight_summary #top.loose {
background-image: url('http://de1.sevenlands.net/images/fight/summary_lost.png?1319620169');
}
#fight_summary #middle {
background-image: url('http://de1.sevenlands.net/images/fight/summary_middle.png?1319620169');
padding: 0 10px 10px;
}
#fight_summary #bottom_with_fight {
background-image: url('http://de1.sevenlands.net/images/fight/summary_text.png?1319620169');
height: 134px;
}
#fight_summary #bottom_without_fight {
background-image: url('http://de1.sevenlands.net/images/fight/summary_notext.png?1319620169');
height: 33px;
}
#fight_summary #middle {
background-image: url('http://de1.sevenlands.net/images/fight/summary_middle.png?1319620169');
padding: 10px;
}
#fight_summary .fight_buttons {
width: 330px;
padding: 3px;
margin: 0px auto;
text-align: center;
position: relative;
left: -5px;
}
#fight_summary .result {
padding-bottom: 12px;
}
#fight_summary .fight_buttons .itembox {
margin: 5px auto;
}
#fight_summary .base_item{
margin: 8px auto;
}
/***** JAVASCRIPT RENDERER ****/
#battletext .damage {
color: #B00;
font-size: 16px;
font-weight: bold;
}
#battletext .reduction {
color: #666;
font-size: 13px;
}
#battletext .absorb {
color: #0B0;
font-weight: bold;
font-size: 16px;
}
#contentlayer #storybox {
color: #fff7e8;
margin: 150px auto;
width: 350px;
padding: 15px;
font-size: 15px;
background: black;
border: 2px solid #222;
position: absolute;
left: 145px;
text-align: center;
}
#contentlayer #storybox.with_image {
margin: 35px auto;
width: 430px;
left: 95px;
}
#contentlayer #storybox.with_image img{
margin: 5px;
width: 410px;
}
div.defender div.ini_icon  {
float: right;
}
/***** NICE FIGHT RENDERER ****/
#fightreport .story {
text-align: center;
}
.battle_round {
padding: 5px;
margin-bottom: 5px;
}
.battle_round .name {
color: blue;
}
.battle_round .target {
color: red;
}
.battle_round .damage {
color: red;
}
.battle_round .reduction {
color: grey;
}
.battle_round .absorb {
color: green;
}
.battle_round_head {
font-weight: bold;
padding: 6px;
}
.battle_turn {
border: 1px dashed #222;
padding: 5px;
margin-top: 2px;
}
.battle_turn_head {
}
.battle_turn.defender {
}
.battle_turn.attacker {
}
.battle_action_head {
color: blue;
}
.battle_emote {
font-style: italic;
}
.battle_cost {
float: right;
}
.battle_hp_box {
margin: 10px;
text-align: center;
font-size: 11px;
}
/*** STRATEGIES LAYOUT PAGE ******/
.strategy_action {
background-repeat: no-repeat;
width: 36px;
height: 36px;
font: bold 30px sans-serif;
color: red;
}
.questionmark {
width: 36px;
height: 36px;
position: absolute;
top: 0px;
left: 0px;
background-image: url('http://de1.sevenlands.net/images/skills/hidden.png?1319620169');
}
/*.attacker .questionmark {
background-image: url('http://de1.sevenlands.net/images/fight/empty.png?1319620169');
}*/
#available_actions {
height: 39px;
width:400px;
padding: 3px;
}
#available_actions_book {
position: absolute;
top: 200px;
left: 7px;
width: 603px;
height: 232px;
z-index: 5;
background-image: url('http://de1.sevenlands.net/images/page/strategy_book.png?1319620169');
}
#available_actions_book #available_attacks {
position: absolute;
left: 22px;
top: 27px;
width: 260px;
}
#available_actions_book #available_defenses {
position: absolute;
left: 320px;
top: 27px;
width: 260px;
}
#attack_actions .header,
#defense_actions .header {
position: absolute;
top: -30px;
line-height: 32px;
color: #70350d;
font-size: 16px;
font-family: 'Times New Roman' , serif;
width:126px;
}
#attack_actions .header {
background-image: url('http://de1.sevenlands.net/images/page/attackactions_header.png?1319620169');
padding-left:32px;
text-align: left;
left:-4px;
}
#defense_actions .header {
background-image: url('http://de1.sevenlands.net/images/page/attackdefenses_header.png?1319620169');
padding-right:32px;
text-align: right;
right:-4px;
}
#attack_actions {
left: 7px;
top: 130px;
width:268px; /* ie needs any other value than 'auto' */
position: absolute;
}
#attack_actions .current_actions {
background-color: #847356;
background: url('http://de1.sevenlands.net/images/page/actionsbg.jpg?1319620169') no-repeat 0 -72px;
width: 258px;
height: 36px;
}
#defense_actions {
position: absolute;
left: 333px;
width:274px; /* ie needs any other value than 'auto' */
top: 130px;
}
#defense_actions .current_actions {
background-color: #847356;
background: url('http://de1.sevenlands.net/images/page/actionsbg_defenses.png?1319620169') no-repeat 0 0;
width: 274px;
height: 63px;
position: relative;
top: -4px;
left: 4px;
}
#defense_actions .tableless_border {
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 13px;
height: 36px;
width: 36px;
}
/******** MONEY SPINNER *******/
table.moneychooser td.silver,
table.moneychooser td.copper {
width: 20px;
text-align: right;
}
table.moneychooser td.gold {
width: 30px;
text-align: right;
}
table.moneychooser {
border: 1px solid #555;
}
table.moneychooser td {
font-size: 14px;
}
table.moneychooser td.m {
cursor: pointer;
background: url('http://de1.sevenlands.net/images/spinner_down_black.png?1319620169') no-repeat 0px 0px;
width: 10px;
height: 10px;
}
table.moneychooser td.m:hover {
background: url('http://de1.sevenlands.net/images/spinner_down_active_black.png?1319620169') no-repeat 0px 0px;
}
table.moneychooser td.p {
cursor: pointer;
background: url('http://de1.sevenlands.net/images/spinner_up_black.png?1319620169') no-repeat 0px 1px;
width: 10px;
height: 10px;
}
table.moneychooser td.p:hover {
background: url('http://de1.sevenlands.net/images/spinner_up_active_black.png?1319620169') no-repeat 0px 1px;
}
table.moneychooser td.si {
width:9px;
background: url('http://de1.sevenlands.net/images/silver.png?1319620169') no-repeat 0px 2px;
}
table.moneychooser td.gi {
width:9px;
background: url('http://de1.sevenlands.net/images/gold.png?1319620169') no-repeat 0px 2px;
}
table.moneychooser td.ci {
width:9px;
background: url('http://de1.sevenlands.net/images/copper.png?1319620169') no-repeat 0px 2px;
}
/******* ARENA ********/
table#arena {
width: 100%;
}
table#arena td {
padding: 7px;
}
table#arena img {
vertical-align: middle;
}
table#arena span.race {
font-size: 11px;
}
table#arena tr.full.first {
background-color: #030;
}
table#arena tr.full.second {
background-color: #020;
}
table#arena tr.low.first {
background-color: #300;
}
table#arena tr.low.second {
background-color: #200;
}
table#arena tr.medium.first {
background-color: #220;
}
table#arena tr.medium.second {
background-color: #110;
}
table#arena tr.good.first {
background-color: #030;
}
table#arena tr.good.second {
background-color: #020;
}
#delete_strategy {
text-align:right;
}
div.display_monster{
position: relative;
position: relative;
width: 118px;
height: 140px;
left: 13px;
top: 20px;
}
div.questaction{
position: absolute;
top: 355px;
left: 130px;
}
div.createcharacter_text{
width: 280px;
}
div.createcharacter_contentoptions{
position: relative;
padding: 5px;
}
div.ch

okyanus korsanları:

Tasarımın üzerindeki yazı:

Tasarımın altındaki yazı:

</div>
<div
class="button_box"><a href="/user/settings" class="button"
onclick="$(this).up('form').submit();return false;"><span
class="left"><span class="right"> </div>
</form>
</div>
</div>
<div id="content_frame_right">
</div>
</div>
<div id="foot">
<div style="margin-bottom:10px;color:gray;font-size:11px">
Es ist jetzt <span id="servertime">00:11:00</span> Uhr.
<script type="text/javascript">
document.observe("dom:loaded", function() {
var server_time = 660.541582;
var start_time = Math.round(new Date()/1000);
setInterval(function() {
var delta = Math.round(new Date()/1000) - start_time;
$('servertime').innerHTML = secs_to_clock(server_time + delta, true);
}, 1000);
});
</script>
</div>
© 2010 - 2011 <a rel="external"
href="http://www.innogames.com">InnoGames GmbH</a> ·
<a href="http://forum.de.sevenlands.net/"
rel="external">Forum</a> | <a
href="http://legal.innogames.de?game=7lands&market_id=de&type=agb"
rel="external">AGB</a> | <a
href="http://legal.innogames.de?game=7lands&market_id=de&type=privacy"
rel="external">Datenschutz</a> | <a
href="http://legal.innogames.de?game=7lands&market_id=de&type=imprint"
rel="external">Impressum</a>
</div>
<div id="tooltip" class="new_popup">
<div class="horizontal_ornament top"></div>
<div class="horizontal_ornament bottom"></div>
<div class="vertical_ornament left"></div>
<div class="vertical_ornament right"></div>
<div class="corner top_left"></div>
<div class="corner top_right"></div>
<div class="corner bottom_left"></div>
<div class="corner bottom_right"></div>
<div class="content"></div>
</div>
<script>(function(){var d=document;var
e=d.createElement("script");e.async=true;e.src="https://d1ros97qkrwjf5.cloudfront.net/19/eum/rum.js";var
s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(e,s);})();NREUMQ.push(["nrf2","beacon-1.newrelic.com","435f1064b1",112224,"IVkKFhBbWQ1UEU1FFgdESxEHQEEIXwQR",0,102,new
Date().getTime()])</script></body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display:
none;} h2#title span {display: none;} div.header{display: none;}
li.nav_element{list-style-type: none;} li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
#help_topic * {
text-align: left;
}
#help_topic {
width: 400px;
}
#help_topic span.highlight {
font-weight: bold;
font-style: italic;
}
#help_topic p {
margin: 5px 3px 8px 3px;
line-height: 15px;
}
.game_help_icon {
width: 24px;
height: 24px;
background:
url('http://de1.sevenlands.net/images/help_topics/game_help_icon.png?1319620169');
z-index:
20;
position: absolute;
top: -9px;
left: 600px;
cursor: pointer;
}
#notification_box .game_help_icon {
left: auto;
right: 4px;
top: 4px;
cursor: default;
}
#game_help_deactivation_info a,
#game_help_deactivation_info {
font-size: 10px;
}
#game_help_deactivation_info {
color: #444444;
}
#foreground.help h1, #help h2 {
color: #111111;
font-weight: bold;
text-align: left;
}
#foreground.help h1 {
font-size: 18px;
}
#foreground.help h2 {
font-size: 14px;
}
#foreground.help ol {
list-style: decimal inside;
}
#foreground.help li {
padding: 3px 0 5px 0;
}
#foreground.help p {
padding: 5px 0 5px 0;
}
#foreground.help .topic {
font-weight: bold;
}
#foreground.help {
width: 595px; /* 625 - padding */
height: 355px; /* 675 - padding */
padding: 150px 40px 120px;
text-align:left;
}
#foreground.help .content {
height: 100%;
width: 100%;
overflow: auto;
}
#characters div.character {
position: relative;
width:151px; /* ie needs this for hasLayout */
}
#characters img.character {
width: 141px;
height: 206px;
float: none;
display: block;
}
#characters img.empty_slot {
width: 141px;
height: 206px;
}
#characters .slots {
position: absolute;
left: 7px;
top: 18px;
width: 608px;
}
#characters .character,
#characters .empty_slot {
float: left;
margin-right: 1px;
}
#characters .bottom_info {
position: absolute;
left: 0;
top: 306px;
text-align: center;
width: 100%;
}
#characters img.delete {
position: absolute;
right: 2px;
top: 2px;
}
#characters .character_details, #characters .details_background {
position: absolute;
top: 158px;
height: 48px;
width: 141px;
left: 0px;
}
#characters .details_background {
opacity: 0.4;
background:
url('http://de1.sevenlands.net/images/characters/details.png?1319620169');
}
*:first-child
+ html #characters .details_background { /*ie7*/
filter: alpha(opacity=40);
}
#characters .character_details {
text-align: center;
color: #D3B362;
font-weight: bold;
margin-top: 10px;
cursor: default;
}
#characters img.character {
background-color: #000000;
}
#settings_tabs.subsection_tabs .tab {
border: 1px solid black;
padding: 7px;
margin: 5px;
background-color: #af9f71
}
#player_settings p{
margin-top: 10px;
line-height: 21px;
}
#portal_email_iframe{
width: 719px;
height: 410px;
}
#user_settings,
#player_settings {
margin-top: 30px;
margin-left: 30px;
}
#user_settings input[type='password'],
#user_settings input[type='text'] {
background: url(http://de1.sevenlands.net/images/page/form_field.png) 0 0
no-repeat;
padding: 10px 16px;
width: 204px;
height: 15px;
border: none;
}
#user_settings .button_box {
text-align: left;
}
#user_settings h1 {
padding-bottom: 20px;
}
#user_settings fieldset {
margin-bottom: 10px;
}
#user_settings_navigation {
margin-left: 25px;
margin-top: 60px;
}
#user_settings_navigation li {
margin-right:10px;
float: left;
}
/* Fertigkeiten */
#content.skills #attributes {
position: absolute;
top: 379px;
}
#content.skills .attribute {
position: absolute;
width: 122px;
text-align: center;
}
#content.skills .attribute_add {
position: absolute;
width: 31px;
height: 31px;
left: 94px;
top: 18px;
background-position: 0 -29px;
}
#reset_button .button_box {
left: 227px;
position: absolute;
top: -32px;
}
#content.skills .attribute_add:hover {
background-position: 0 0;
background-image:url('http://de1.sevenlands.net/images/trainings/button_hover.png?1319620169');
}
#content.skills
.attribute span {
width: 122px;
}
#content.skills .attribute_image {
height: 40px;
width: 122px;
}
.skill_req_level, .skill_req_points{
color: green;
}
.too_low .skill_req_level,
.not_enough_points .skill_req_points{
color: red;
}
#content.skills .attribute_image span {
color: #db6;;
line-height: 38px;
font-size: 20px;
font-weight: bold;
}
#content.skills #attribute_con {
left: 27px;
}
#content.skills #attribute_str {
left: 175px;
}
#content.skills #attribute_dex {
left: 320px;
}
#content.skills #attribute_int {
left: 466px;
}
#content.skills #attribute_free {
left:206px;
position:absolute;
text-align:center;
top:-26px;
width:200px;
color: #C09228;
cursor: default;
}
/*SKILLS*/
#trained_skills_box,
#available_skills_box {
width: 250px;
float:left;
}
#content.skills .skill_icon{
background-position:center;
background-repeat:no-repeat;
display:block;
}
#content.skills .skill_icon_frame{
background:url('http://de1.sevenlands.net/images/skills/skill_icon_frame.png?1319620169')
no-repeat;
width:46px;
height:46px;
display:block;
}
#content.skills .ruby_buy_button {
background-image:url('http://de1.sevenlands.net/images/skills/skill_icon_rubybutton.png?1319620169');
color:
#E7C67C;
height: 18px;
left: -2px;
position: absolute;
top: 37px;
display: block;
width: 17px;
}
#content.skills .trained_skill .skill_icon_frame {
background:url(http://de1.sevenlands.net/images/skills/skill_icon_frame_learned.png)
}
#content.skills
.trained_skill,
#content.skills .available_skill {
background-color: transparent;
float:left;
}
#content.skills .trained_skill_img,
#content.skills .available_skill_img {
float: left;
}
#content.skills .trained_skill_level,
#content.skills .trained_skill_learn,
#content.skills .available_skill_learn {
float: right;
text-align: right;
padding: 5px;
}
#content.skills .trained_skill_text,
#content.skills .available_skill_text {
margin-left: 46px;
width: 160px;
}
#content.skills .trained_skill_cost,
#content.skills .available_skill_cost,
#content.skills .available_skill_level{
font-size: 11px;
}
.fierce_attack {
left: 55px;
top: 0px;
}
.directly_aimed_attack {
left: 110px;
top: 0px;
}
.firebolt {
left: 165px;
top: 0px;
}
.simple_magical_attack {
left: 220px;
top: 0px;
}
.two_hand_weapon_mastery {
left: 0px;
top: 63px;
}
.improved_evasion {
left: 55px;
top: 63px;
}
.acid_strike {
left: 110px;
top: 63px;
}
.concentration {
left: 220px;
top: 63px;
}
.precise_slash {
left: 0px;
top: 126px;
}
.debilitating_thrust {
left: 110px;
top: 126px;
}
.fog_of_death {
left: 165px;
top: 126px;
}
.chill_grasp {
left: 220px;
top: 126px;
}
.powerful_blow {
left: 0px;
top: 189px;
}
.iron_grit {
left: 55px;
top: 189px;
}
.magical_shield {
left: 165px;
top: 189px;
}
.sharp_ice_shivers {
left: 220px;
top: 189px;
}
.expert_dexterity {
left: 0px;
top: 252px;
}
.charge {
left: 55px;
top: 252px;
}
.magical_aura {
left: 110px;
top: 252px;
}
.inferno {
left: 165px;
top: 252px;
}
/*  Menschens */
.pertinacious_defense {
left: 0px;
top: 0px;
}
.fire_wave {
left: 55px;
top: 0px;
}
.word_of_fire {
left: 110px;
top: 0px;
}
.tendon_cut {
left: 0px;
top: 63px;
}
.antidote {
left: 55px;
top: 63px;
}
.flame_burst {
left: 110px;
top: 63px;
}
.shield_block {
left: 55px;
top: 126px;
}
.word_of_apocalypse {
left: 110px;
top: 126px;
}
.element_barrier {
left: 165px;
top: 126px;
}
.skull_cleaver {
left: 0px;
top: 189px;
}
.word_of_the_sword_master {
left: 55px;
top: 189px;
}
.divine_favor {
left: 110px;
top: 189px;
}
.consuming_flames {
left: 165px;
top: 189px;
}
.wrathful_attack {
left: 55px;
top: 252px;
}
.firestorm {
left: 110px;
top: 252px;
}
.rroarh {
left: 55px;
top: 0px;
}
.trash_em {
left: 110px;
top: 0px;
}
.bust_em {
left: 0px;
top: 63px;
}
.bash_em {
left: 55px;
top: 63px;
}
.gruarkh {
left: 110px;
top: 63px;
}
.defiance {
left: 165px;
top: 63px;
}
.chaos {
left: 0px;
top: 126px;
}
.wraaahh {
left: 55px;
top: 126px;
}
.amokin {
left: 110px;
top: 126px;
}
.knock_em_down {
left: 55px;
top: 189px;
}
.wooarhh {
left: 110px;
top: 189px;
}
.crush_em {
left: 165px;
top: 189px;
}
.smash_em {
left: 55px;
top: 252px;
}
.berserkin {
left: 110px;
top: 252px;
}
.wuuzaahh {
left: 165px;
top: 252px;
}
/** ELF */
.keen_senses {
left: 0px;
top: 0px;
}
.disease {
left: 110px;
top: 0px;
}
.brilliant_parry {
left: 165px;
top: 0px;
}
.ice_blast {
left: 0px;
top: 63px;
}
.winters_scourge {
left: 55px;
top: 63px;
}
.swift_strike {
left: 110px;
top: 63px;
}
.arctic_reign {
left: 55px;
top: 126px;
}
.natures_ward {
left: 110px;
top: 126px;
}
.natures_power {
left: 165px;
top: 126px;
}
.radiant_aura {
left: 55px;
top: 189px;
}
.stoneskin {
left: 110px;
top: 189px;
}
.sylvans_agony {
left: 165px;
top: 189px;
}
.ice_mastery {
left: 0px;
top: 252px;
}
.icy_chaos {
left: 55px;
top: 252px;
}
.ice_hurricane {
left: 110px;
top: 252px;
}
/* GNOM */
.ice_injection {
left: 55px;
top: 0px;
}
.stink_bomb {
left: 110px;
top: 0px;
}
.mysterious_deprivation {
left: 0px;
top: 63px;
}
.absorption {
left: 55px;
top: 63px;
}
.rejection {
left: 110px;
top: 63px;
}
.fool {
left: 165px;
top: 63px;
}
.firebomb {
left: 0px;
top: 126px;
}
.crazy_orbitting {
left: 110px;
top: 126px;
}
.elixir_of_wiliness {
left: 165px;
top: 126px;
}
.elixir_of_fire {
left: 0px;
top: 189px;
}
.doppelganger {
left: 55px;
top: 189px;
}
.outfox {
left: 110px;
top: 189px;
}
.arcane_trap {
left: 165px;
top: 189px;
}
.poison_ambush {
left: 55px;
top: 252px;
}
.deceive {
left: 110px;
top: 252px;
}
.skill_list {
width:46px;
height: 46px;
position: absolute;
padding: 2px;
}
#generalskills {
position: absolute;
background-image:url('http://de1.sevenlands.net/images/trainings/skills_general.png?1319620169');
width:
270px;
height: 302px;
top: 30px;
left: 27px;
}
#raceskills {
position: absolute;
width: 216px;
height: 302px;
left: 357px;
top: 30px;
}
.orcskills {
background-image:url('http://de1.sevenlands.net/images/trainings/skills_ork.png?1319620169');
}
.elfskills
{
background-image:url('http://de1.sevenlands.net/images/trainings/skills_elf.png?1319620169');
}
.gnomeskills
{
background-image:url('http://de1.sevenlands.net/images/trainings/skills_gnom.png?1319620169');
}
.humanskills
{
background-image:url('http://de1.sevenlands.net/images/trainings/skills_human.png?1319620169');
}
.skill_icon_frame
.levels  {
background-image:
url('http://de1.sevenlands.net/images/trainings/number_box.png?1319620169');
text-shadow:
#000000 1px 1px;
font-family:Verdana;
font-size:12px;
font-weight:bold;
height:16px;
width:19px;
padding-top: 3px;
text-align: center;
left:30px;
position:absolute;
top:30px;
}
.skill_icon_frame .learned {
color: yellow;
}
.skill_icon_frame .maxed {
color: #55FF55;
}
.skill_icon_frame .unlearned {
color: white;
}
.untrainable {
opacity: 0.5;
}
.maxed {
opacity: 1;
}
#skillpointsheader {
position: absolute;
width: 213px;
top: 7px;
text-align: center;
left: 196px;
color: #C09228;
}
#skillpointsheader #skillpoints {
font-weight: bold;
cursor: default;
}
#raceheader {
position: absolute;
top: 7px;
left: 447px;
}
#generalheader {
position: absolute;
top: 7px;
left: 36px;
}
div.regain_statuspoints {
position: relative;
left: -22px;
top: -16px;
}
div.regain_statuspoints a.ruby_link span.ruby_link {
width: 12px !important;
height: 12px;
padding: 0 !important;
margin: 0 !important;
}
#character_creation{
top:21px;
position: relative;
}
#character_creation .headline{
text-align: left;
font-size: 18px;
font-family: Times New Roman;
color: #70350d;
}
#character_creation .next_race,
#character_creation .previous_race{
position: absolute;
top: 108px;
width: 30px;
height: 40px;
display: block;
background:
url('http://de1.sevenlands.net/images/page/race_chooser_buttons.png?1319620169');
}
#character_creation
.next_race{
background-position: 30px 0;
right: 13px;
}
#character_creation .previous_race{
left: 12px;
}
#character_creation .next_race:hover{
background-position: 30px -40px;
}
#character_creation .previous_race:hover{
background-position: 0px -40px;
}
#race_image {
position: relative;
}
#race_image img {
position: absolute;
}
.input_character_name{
background:url('http://de1.sevenlands.net/images/page/input_large_bg.png?1319620169')
no-repeat;
border:0 none;
height:49px;
width:186px;
margin: 0 auto;
}
.red {
color: red;
}
.green {
color: green;
}
#race_chooser{
position:absolute;
width:271px;
height: 300px;
left:10px;
}
#character_gender{
position: relative;
height: 30px;
text-align: center;
top: 6px;
}
#description{
right:0px;
width:290px;
height:390px;
overflow: hidden;
position: absolute;
line-height:14px;
}
#description .shadow{
background:url('http://de1.sevenlands.net/images/page/location_shadow.png?1319620169')
no-repeat top;
margin-top:10px;
}
#description .race_info p {
margin: 8px;
}
#description .race_info ul {
list-style: disc outside;
padding-left: 25px;
}
div.vertical_line{
background:url('http://de1.sevenlands.net/images/page/vertical_line.png?1319620169')
no-repeat;
height:444px;
width:3px;
position: absolute;
left: 305px;
top:-20px;
}
#characters .message {
width: 40px;
height: 14px;
position: absolute;
top: 140px;
left: 95px;
background:
url('http://de1.sevenlands.net/images/page/envelope.png?1319620169')
no-repeat 16px;
color: #d39f28;
font-weight: bold;
}
#character_creation span.attribute {
color:#70350D;
font-family:serif;
font-size:15px;
font-weight:bold;
line-height:26px;
text-align:left;
text-shadow:0 1px #FFEEBB;
margin-right: 10px;
}
.double_luck {
position: absolute;
top: 226px;
left: 55px;
}
.play {
position: absolute;
top: 241px;
left: 15px;
}
.double_luck .center {
min-width: 0 !important;
}
.double_luck .button_box,
.play .button_box {
padding-top: 0px;
}
#increased_luck {
text-align: center;
background:
url('http://de1.sevenlands.net/images/icons/luck.png?1319620169')
no-repeat 20px 0;
height: 16px;
width: 180px;
}
/*
* NEW
*/
/*RESET EVERYTHING*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-size: 12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*TEXT*/
h1{}
h2{
color:#feb;
line-height:23px;
text-align:center;
}
h3{
color:#531;
font-size:24px;
font-family: Times, serif;
font-weight:normal;
}
h4{
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}
/*LINKS*/
a{
text-decoration:none;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
body {
cursor: default;
}
a {
cursor: pointer;
}
/*BODY*/
body#root{
background: #000
url('http://de1.sevenlands.net/images/page/body_background.jpg?1319620169')
no-repeat center 136px;
}
div#body{
margin:0 auto;
width:982px;
position:relative;
height:575px;
top:-24px;
}
div#body_top{
background:url('http://de1.sevenlands.net/images/page/body_top_gui_bg.png?1319620169');
width:686px;
height:36px;
position:relative;
left:148px;
}
#body_top
#money{
float:left;
width:225px;
padding-top:2px;
}
#body_top #status{
float:right;
width:255px;
padding-top:2px;
}
#body_top #area_name {
float:right;
width:255px;
padding-top:2px;
}
#body_top #private_messages{
position: absolute;
top: 10px;
left: 230px;
width:225px;
padding-top:2px;
}
#body_top #private_messages a {color: #FFEEBB;}
#foot{
color:#fff;
margin:0 auto;
text-align:center;
}
/*TOP*/
#top{
height:160px;
background-position:center;
}
#logo{
display: block;
position:relative;
background:url('http://de1.sevenlands.net/images/page/logo.png?1319620169');
height:
96px;
width: 242px;
margin:0 auto;
text-align:center;
top:24px;
}
#logo.beta {
background-image:url(http://de1.sevenlands.net/images/page/logo_beta.png);
}
#logo
span {
display: none;
}
/*CONTENT*/
#content{
background: #000
url('http://de1.sevenlands.net/images/page/content_bg.jpg?1319620169')
no-repeat ;
width:600px;
height:0px;
position:absolute;
left:10px;
top:0px;
}
a{
color:#268;
}
a:visited{
color:#268;
}
a:hover{
text-decoration: underline;
}
#content_frame_top{
background:url('http://de1.sevenlands.net/images/page/content_frame_top.jpg?1319620169');
width:678px;
height:26px;
position:absolute;
left:152px;
}
#content_frame_left,
#content_frame_right{
width:32px;
height:436px;
position:absolute;
top:62px;
z-index:-1;/*fix
for map on IE*/
}
#content_frame_left{
background:url('http://de1.sevenlands.net/images/page/content_frame_left.jpg?1319620169')
no-repeat;
left:152px;
}
#content_frame_right{
background:url('http://de1.sevenlands.net/images/page/content_frame_right.jpg?1319620169')
no-repeat;
right:163px;
}
/*CONTENT LAYOUT STUFF*/
.title_text{
margin-bottom:10px;
text-align: center;
}
.center_content{
text-align:center;
margin: 5px 0;
}
/*TITLE HEADLINE*/
h2#title{
position:absolute;
width:198px;
left:208px;
top:-52px;
}
/*INITIALS*/
p.initial_text:first-letter {
font-size:32px;
float: left;
font-family: Times New Roman;
margin-right:5px;
margin-top:4px;
color:#70350d;
display: block;
line-height: 32px;
height:32px;
vertical-align: top;
}
/* Undo initial on second paragraph */
p.initial_text + p.initial_text:first-letter {
font-size: 13px !important;
font-family: Verdana !important;
float: none !important;
margin:0 !important;
color: #000 !important;
display: inline !important;
line-height: 15px !important;
height:auto;
vertical-align: baseline !important;
}
/* AJAX spinner */
#ajax_spinner{
position: absolute;
left:427px;
top: 185px;
z-index: 1000;
}
/*MENU GLOBAL*/
.firstpanel{
height:230px;
}
.secondpanel.left {
background-image:
url('http://de1.sevenlands.net/images/page/menu_bg_l.png?1319620169');
height: 212px;
}
.secondpanel.right {
background-image:
url('http://de1.sevenlands.net/images/page/menu_bg_r.png?1319620169');
height: 212px;
}
.secondpanel ul{
text-align:center;
padding-top:15px;
line-height:22px;
}
.secondpanel li{
background-image:url('http://de1.sevenlands.net/images/page/menu_bar.png?1319620169');
background-repeat:
no-repeat;
background-position: center 0;
}
.secondpanel li:first-child{
background-image:none;
}
.secondpanel a.menu_link:hover, .secondpanel a.menu_link.active{
color:#feb;
text-decoration: none;
}
.secondpanel a.menu_link, .secondpanel .menu_link_disabled {
color:#db6;
font-weight:bold;
}
.secondpanel .menu_link.new {
background: no-repeat scroll
url('http://de1.sevenlands.net/images/statusicons.png?1319620169');
background-position: right -32px;
padding: 0 18px 0 0;
}
#menu_left #character_frame,
#menu_right #map_frame {
width:152px;
height:149px;
display:block;
}
#menu_left #character_frame {
background: transparent
url('http://de1.sevenlands.net/images/page/character_frame.png?1319620169')
no-repeat;
}
#menu_right #map_frame {
background: transparent
url('http://de1.sevenlands.net/images/page/minimap_frame.png?1319620169')
no-repeat;
}
#menu_left #character_frame>div{/*no char selected*/
width:100px;
padding:40px 0 0 30px;
font-weight:bold;
color:#fff;
}
#menu_left #character_name,
#menu_right #area_name{
background: transparent
url('http://de1.sevenlands.net/images/page/character_name.png?1319620169')
no-repeat;
width:164px;
height:25px;
position:relative;
left:-6px;
}
#character_name {
font-weight: bold;
}
/*RIGHT MENU*/
#menu_right{
position:absolute;
width:152px;
top:-11px;
left:830px;
}
* html #menu_right{/*layout fix for ie6*/
right:-12px;
}
/*LEFT MENU*/
#menu_left{
width:152px;
position:absolute;
top:-11px;
}
#menu_left .bars, #menu_right .bars{
background: transparent
url('http://de1.sevenlands.net/images/page/menu_bars_bg.png?1319620169')
no-repeat;
width:118px;
height:56px;
margin-left:17px;
padding-top:4px;
}
.firstpanel .bar {
text-align: center;
width: 110px;
height: 22px;
overflow: hidden;
background-image:
url('http://de2.sevenlands.net/images/page/bars.png?1319620169');
background-repeat:no-repeat;
margin:0 0 4px 4px;
}
.firstpanel .bar.disabled {
background-image:
url('http://de1.sevenlands.net/images/page/bars_disabled.png?1319620169');
}
#menu_left
#character_avatar,
#menu_right #minimap{
width:148px;
height:149px;
background-repeat:no-repeat;
background-position:4px 0px;
background-color:#000;
}
#menu_right #minimap.minimap_no_sector {
background-image:
url("http://de1.sevenlands.net/images/map/minimap_01.png?1319620169");
}
#menu_right #minimap.minimap_no_sector,
#menu_right #minimap.minimap_sector_01 {
background-position: -34px -248px;
}
#menu_right #minimap.minimap_sector_02 {
background-position: -67px -131px;
}
#menu_right #minimap.minimap_sector_03 {
background-position: -223px -231px;
}
#menu_right #minimap.minimap_sector_04 {
background-position: -175px -121px;
}
#menu_right #minimap.minimap_sector_05 {
background-position: -112px -23px;
}
#menu_right #minimap.minimap_sector_06 {
background-position: -222px -72px;
}
#menu_right #minimap.minimap_sector_07 {
background-position: -293px -59px;
}
#menu_left #character_avatar.no_image {
background-image:
url('http://de1.sevenlands.net/images/page/_no_avatar_pic.jpg?1319620169');
}
#menu_left
.firstpanel #hpbar {
background-position: -114px 0;
background-repeat: no-repeat;
}
#menu_left .firstpanel #xpbar {
background-position: -114px -22px;
}
#menu_right .bars{
padding: 4px 3px;
}
#menu_right .firstpanel .action_points_marker {
background-image:
url('http://de1.sevenlands.net/images/page/action_points_marker.jpg?1319620169');
height:
22px;
width: 16px;
float: left;
margin-bottom: 4px;
}
#menu_right .firstpanel .action_points_marker.full {
background-position:0px 0px;
}
#menu_right .firstpanel .action_points_marker.overdrive {
background-position:-16px 0px;
}
#menu_right .firstpanel .action_points_marker.empty {
background-position:-32px 0px;
}
#menu_right #action_points_info {
width: 60px;
height: 10px;
padding: 6px;
border: 1px solid black;
background-color: #998866;
position: absolute;
left: 38px;
top: 229px;
z-index: 999;
}
#menu_left .firstpanel #hpbar div,
#menu_left .firstpanel #xpbar div,
#menu_left .firstpanel #action_points_bar div {
background-color: black;
z-index: 50;
}
#menu_left .firstpanel #hpbar div.text,
#menu_left .firstpanel #xpbar div.text,
#menu_right .firstpanel #action_points_bar div.text {
background-color: transparent;
z-index: 100;
position: absolute;
width:110px;
text-align:center;
color: #DDD;
line-height: 22px;
}
#menu_left .firstpanel #hpbar div.text,
#menu_left .firstpanel #xpbar div.text{
left:21px;
}
#menu_right .firstpanel #action_points_bar div.text {
right:0;
}
/*MONEY*/
span.silvercoins,
span.coppercoins,
span.goldcoins,
span.rubies {
display:inline-block;
text-align: right;
padding: 0px 16px 0px 0px;
height: 14px;
background:url('http://de1.sevenlands.net/images/shinythings.png?1319620169')
no-repeat;
line-height:14px;
margin-right:5px;
}
span.coppercoins {
background-position:right -42px;
}
span.silvercoins {
background-position:right -28px;
}
span.goldcoins {
background-position:right -14px;
}
span.rubies {
background-position:right 0;
}
/*LOGIN-MENU*/
#login_menu{
width:300px;
float:right;
}
/**/
.normal_popup {
display:none;
width:200px;
position: absolute;
background-color: white;
border: 1px solid black;
}
span.attribute {
background:url('http://de1.sevenlands.net/images/attributes.png?1319620169')
no-repeat scroll 0 0 transparent;
padding-left:26px;
padding-top:3px;
}
span.attribute.dexterity {
background-position: 0 -3px;
}
span.attribute.constitution {
background-position: 0 -29px;
}
span.attribute.intelligence {
background-position: 0 -55px;
}
span.attribute.strength {
background-position: 0 -81px;
}
/* Skills */
#skills {
position: absolute;
background-image:url('http://de1.sevenlands.net/images/trainings/bg.png?1319620169');
width:
605px;
height: 425px;
top: 8px;
left: 4px;
}
#info_popup {
width: 300px;
padding: 6px;
border: 1px solid black;
background-color: #998866;
z-index: 999;
}
/*BUTTONS*/
.button{
cursor: pointer !important;
text-decoration:none;
display: inline-block;
}
.button.running span {
cursor: default;
}
.button .left{
background:url('http://de1.sevenlands.net/images/page/button_left.png?1319620169')
no-repeat left 0;
float: left;
}
.button .right{
background:url('http://de1.sevenlands.net/images/page/button_right.png?1319620169')
no-repeat right 0;
float: left;
}
.button .center{
background-image:url('http://de1.sevenlands.net/images/page/button_center.png?1319620169');
line-height:38px;
color:#d3b362;
font-family:'Times
New Roman', serif;
font-weight: 700;
font-size:14px;
text-align: center;
margin:0 13px;
min-width: 90px;
float: left;
height: 38px;
}
.button:hover{
text-decoration: none;
}
.button.active .left,
.button:hover .left{
background-position: left -38px;
}
.button.running:hover .left {
background-position: left 0;
}
.button.active .right,
.button:hover .right{
background-position: right -38px;
}
.button.running:hover .right {
background-position: right 0;
}
.button.active .center,
.button:hover .center{
background-position: 0 -38px;
}
.button.running:hover .center {
background-position: 0 0;
}
.no_button_box,
.button_box {
text-align: center;
padding-top: 10px;
}
/*BANK*/
.money_slider{
height:40px;
margin-top:10px;
}
.money_slider .handle{
background-image:url('http://de1.sevenlands.net/images/page/slider_handle.png?1319620169');
width:24px;
height:29px;
position:absolute;
top:-5px;
z-index:1;
}
.money_slider
.handle:hover{
background-image:url('http://de1.sevenlands.net/images/page/slider_handle_active.png?1319620169');
}
.money_slider
.track_bg{
background-image:url('http://de1.sevenlands.net/images/page/slider_track.png?1319620169');
height:17px;
width:200px;
margin:0
15px;
position:relative;
float:left;
}
.money_slider .track{
width:190px;
height:17px;
position:absolute;
float:left;
left:5px;
z-index:2;
}
.money_slider .track_end{
background-image:url('http://de1.sevenlands.net/images/page/slider_track_ends.png?1319620169');
width:17px;
height:inherit;
position:relative;
cursor:pointer;
}
.money_slider
.track_end.left{
background-position:right 0;
float:left;
left:-5px;
}
.money_slider .track_end.right{
float:right;
right:-5px;
}
#bank_top{
height:150px;
}
#money_form{
width:350px;
}
/*INPUT*/
input.large{
position:relative;
top:23px;
background:transparent;
border:0 none;
width:160px;
margin:0 12px;
text-align:center;
font-weight:bold;
font-size:14px;
}
.character_gender_text{
position:relative;
top:-1px;
padding:4px;
}
a.radio{
display:inline-block;
margin-top:10px;
height:12px;
padding-left:12px;
background:url('http://de1.sevenlands.net/images/page/radio.png?1319620169')
no-repeat 0 0;
color:#000;
text-decoration: none;
}
a.radio.selected{
background-position:0 -24px;
}
/*SMALL BOXES FOR MONSTERS ETC*/
.small_box_top{
background-image:url('http://de1.sevenlands.net/images/page/small_box_top.png?1319620169');
width:192px;
height:25px;
}
.small_box_bottom{
background-image:url('http://de1.sevenlands.net/images/page/small_box_bottom.png?1319620169');
width:192px;
height:21px;
margin:-12px
0 10px;
}
.small_box_content{
background-image:url('http://de1.sevenlands.net/images/page/small_box_content.jpg?1319620169');
width:192px;
padding-bottom:25px;
}
/*BORDER
*/
.border{
margin:0 auto;
z-index:2;
position:relative;
}
.border td{
border-collapse:collapse;
}
.border .corner{
background-image:url('http://de1.sevenlands.net/images/page/corners.png?1319620169');
width:5px;
height:5px;
display:block;
}
.border
.top .corner.left{
background-position:0 0;
}
.border .top .corner.right{
background-position:0 -5px;
}
.border .bottom .corner.right{
background-position:0 -10px;
}
.border .bottom .corner.left{
background-position:0 -15px;
}
.border .border tr .left,
.border .border tr .right{
width:5px;
}
.border .middle td.left{
background:url('http://de1.sevenlands.net/images/page/border_left.png?1319620169')
repeat-y left;
}
.border .middle td.right{
background:url('http://de1.sevenlands.net/images/page/border_right.png?1319620169')
repeat-y right;
}
.border .top td.center,
.border .bottom td.center{
height:5px;
}
.border .bottom td.center{
background:url('http://de1.sevenlands.net/images/page/border_bottom.png?1319620169')
repeat-x;
}
.border .top td.center{
background:url('http://de1.sevenlands.net/images/page/border_top.png?1319620169')
repeat-x;
}
.border .middle .center{
}
.center div.corner_overlay{
background:url('http://de1.sevenlands.net/images/page/corners_overlay.png?1319620169')
no-repeat;
position:absolute;
width:9px;
height:9px;
position:absolute;
z-index:5;
}
/*positions*/
.center div.corner_overlay.top.left{
top:-5px;
left:-5px;
}
.center div.corner_overlay.top.right{
top:-5px;
right:-5px;
}
.center div.corner_overlay.bottom.left{
bottom:-5px;
left:-5px;
}
.center div.corner_overlay.bottom.right{
bottom:-5px;
right:-5px;
}
/*background-positions*/
.corner_overlay.left.top{
background-position:0 0;
}
.corner_overlay.right.top{
background-position:0 -9px;
}
.corner_overlay.right.bottom{
background-position:0 -18px;
}
.corner_overlay.left.bottom{
background-position:0 -27px;
}
/*TABLELESS BORDER */
.tableless_border{
position:relative;
margin:5px;
}
.tableless_border .corner,
.tableless_border .horizontal,
.tableless_border .vertical{
position:absolute;
z-index:1;
}
.tableless_border .corner{
background-image:url('http://de1.sevenlands.net/images/page/corners_full.png?1319620169');
width:10px;
height:10px;
z-index:5;
}
.tableless_border
.corner.top.left{
background-position:0 0;
}
.tableless_border .corner.top.right{
background-position:0 -10px;
}
.tableless_border .corner.bottom.right{
background-position:0 -30px;
}
.tableless_border .corner.bottom.left{
background-position:0 -20px;
}
.tableless_border .vertical{
width:  5px;
top:    5px;
bottom: 5px;
}
.tableless_border .horizontal{
left:   5px;
right:  5px;
height: 5px;
}
.tableless_border .vertical.left{
background:url('http://de1.sevenlands.net/images/page/border_left.png?1319620169')
repeat-y left;
}
.tableless_border .vertical.right{
background:url('http://de1.sevenlands.net/images/page/border_right.png?1319620169')
repeat-y right;
}
.tableless_border .horizontal.bottom{
background:url('http://de1.sevenlands.net/images/page/border_bottom.png?1319620169')
repeat-x;
}
.tableless_border .horizontal.top{
background:url('http://de1.sevenlands.net/images/page/border_top.png?1319620169')
repeat-x;
}
.tableless_border .top{
top: -5px;
}
.tableless_border .bottom{
bottom: -5px;
}
.tableless_border .left{
left: -5px;
}
.tableless_border .right{
right: -5px;
}
.tableless_border.with_highlight .horizontal.top{
background-image:url('http://de1.sevenlands.net/images/page/border_top_with_highlight.png?1319620169');
height:
9px;
}
.tableless_border.with_highlight .corner.top.right{
background-position: 0 -70px;
}
.tableless_border.with_highlight .corner.top.left{
background-position: 0 -60px;
}
/* SCROLLBAR */
.scrollbar_container {
position:relative;
margin-right: 21px;
}
.scrollbar_track_container{
position:absolute;
top:0;
right:-21px;
height:100%;
width:19px;
}
.scrollbar_track{
position:absolute;
top:6px;
bottom:6px;
right:0;
width:9px;
background:url('http://de1.sevenlands.net/images/page/scrollbar_track.png?1319620169')
repeat-y right;
padding:0 5px;
cursor:move;
}
.scrollbar_track_container > .top,
.scrollbar_track_container > .bottom{
position:absolute;
height:6px;
width:19px;
background:url('http://de1.sevenlands.net/images/page/scrollbar_track.png?1319620169')
no-repeat left bottom;
}
.scrollbar_track_container > .top{
top:0px;
}
.scrollbar_track_container > .bottom{
bottom:0px;
background-position: left top;
}
.scrollbar_handle > div{
background:url('http://de1.sevenlands.net/images/page/scrollbar_handle.png?1319620169')
repeat-y right;
position: absolute;
width:9px;
}
.scrollbar_handle .top{
top:0;
height: 14px;
background-position:0 14px;
}
.scrollbar_handle .bottom{
height: 6px;
background-position: 0 0;
bottom: 0;
}
.scrollbar_handle .middle{
top:14px;
bottom:6px;
}
.scrollbar_handle {
width:9px;
cursor:move;
}
.scrollbar_content {
overflow:hidden;
position: relative;
}
div.ornament_border{
position:relative;
margin:0 auto;
z-index:10;
}
div.ornament_border.bottom{
background:url('http://de1.sevenlands.net/images/page/ornament_border_bottom.png?1319620169')
no-repeat;
width:156px;
height:18px;
top:-5px;
}
div.ornament_border.bottom_small{
background:url('http://de1.sevenlands.net/images/page/ornament_border_bottom_small.png?1319620169')
no-repeat;
width:117px;
height:18px;
top:-5px;
}
div.ornament_border.bottom_big{
background:url('http://de1.sevenlands.net/images/page/ornament_border_bottom_big.png?1319620169')
no-repeat;
width:156px;
height:48px;
top:-5px;
margin:auto;
}
div.ornament_border.top{
width:263px;
height: 28px;
}
div.ornament_border.top div{
height: 28px;
}
div.ornament_border.top .left{
background:
url('http://de1.sevenlands.net/images/page/ornament_border_top_left.png?1319620169')
no-repeat left;
}
div.ornament_border.top .right{
background:
url('http://de1.sevenlands.net/images/page/ornament_border_top_right.png?1319620169')
no-repeat right;
}
div.ornament_border.top .center{
background:
url('http://de1.sevenlands.net/images/page/ornament_border_top_center.png?1319620169')
repeat-x top;
margin: 0 72px;
color: #70350d;
text-align: center;
line-height:28px;
font-size: 16px;
font-weight: bold;
font-family: 'Times New Roman' , serif;
}
/*dividers*/
.divide{
width:7px;
height:5px;
background-image:url('http://de1.sevenlands.net/images/page/divide.png?1319620169');
position:absolute;
z-index:5;
left:-3px;
}
.divide.top{
top:-1px;
background-position:0
-5px;
}
.divide.bottom{
bottom:-1px;
}
/* dividers for action-panel */
.current_actions .divide,
.available_actions .strategy_action_box .divide{
right:-4px;
left:auto;
}
.current_actions .divide.top,
.available_actions .divide.top{
top:-2px;
}
.current_actions .divide.bottom,
.available_actions .divide.bottom{
bottom:-2px;
}
.available_actions{
height:38px;
}
.available_actions.attacks {
top: 3px;
padding-left: 7px;
padding-top: 5px;
}
.available_actions.defenses {
top: 54px;
margin: 5px auto;
}
.defenses .tableless_border {
width: 37px;
display: inline-block;
}
/*STRATEGIES*/
.strategy_action {
background-repeat: no-repeat;
background-position:center;
width: 36px;
height: 36px;
font: bold 30px sans-serif;
color: red;
}
.strategy_action.active {
width: 30px;
height: 30px;
border: 3px solid #b61414;
}
.strategy_action.active .action_disabled_overlay{ /*-3px toeven out the
border*/
left:-4px;
top:-4px;
}
.action_disabled_overlay {
position:relative;
width: 38px;
left: -1px;
top: -1px;
height: 38px;
background:url('http://de1.sevenlands.net/images/fight/action_disabled.png?1319620169')
center;
}
.strategy_action_highlight{
width:34px;
height:3px;
position: absolute;
background:url('http://de1.sevenlands.net/images/fight/fight_strategy_action_highlight.png?1319620169')
center;
}
/*thorns*/
.thorn{
background-image:url('http://de1.sevenlands.net/images/page/thorn.png?1319620169');
height:8px;
width:9px;
position:absolute;
}
.thorn.left{
left:36px;
background-position:left;
}
.thorn.right{
right:36px;
background-position:right;
}
/*
race icons */
.race_icon {
background:
url('http://de1.sevenlands.net/images/race_icons.png?1319620169');
height: 25px;
}
.race_icon.human {
width: 15px;
background-position: 0;
}
.race_icon.elf {
width: 25px;
background-position: -15px;
}
.race_icon.gnome {
width: 29px;
background-position: -40px;
}
.race_icon.orc {
width: 19px;
background-position: -69px;
}
.race_icon_small {
background:
url('http://de1.sevenlands.net/images/race_icons_small.png?1319620169');
height: 22px;
}
.race_icon_small.human {
width: 14px;
background-position: 0;
}
.race_icon_small.elf {
width: 21px;
background-position: -14px;
}
.race_icon_small.gnome {
width: 25px;
background-position: -35px;
}
.race_icon_small.orc {
width: 16px;
background-position: -60px;
}
span.ruby_link {
display:inline-block;
text-align: right;
font-family:'Times New Roman',serif;
font-size:14px;
font-weight:bold;
line-height:11px;
padding: 0px 18px 0px 0px;
height: 14px;
margin-left:5px;
background:
url('http://de1.sevenlands.net/images/shinythings.png?1319620169')
no-repeat right 0;
}
*:first-child + html a.ruby_link span.ruby_link {/* IE7 */
line-height: 14px;
margin: 11px 0 0;
background-position: right 2px;
}
a.ruby_link .center span.ruby_link {
vertical-align: middle;
}
a.ruby_link.running  span.ruby_link{
background-image:
url('http://de1.sevenlands.net/images/indicator16red.gif?1319620169');
}
span.action_point_link {
background:
url('http://de1.sevenlands.net/images/page/action_point.png?1319620169')
no-repeat right 0;
padding: 0px 18px 0px 0px;
line-height: 22px;
height: 22px;
display: inline-block;
}
a.action_point_link.running span.action_point_link {
background:
url('http://de1.sevenlands.net/images/indicator16.gif?1319620169')
no-repeat right 0;
padding: 2px 18px 2px 0px;
line-height: 16px;
}
#character_overview #refill_health{
background:
url('http://de1.sevenlands.net/images/page/action_point.png?1319620169')
no-repeat 0 -22px;
width: 14px;
height: 22px;
top: 175px;
left: 144px;
position: absolute;
}
#character_overview #refill_health a,
#character_overview #refill_health span.action_point_link{
margin: 0;
padding: 0;
display:blocK;
width: 14px;
height: 22px;
}
#action_points #regenerate_action_points {
width: 14px;
height: 14px;
z-index: 1000;
position: absolute;
background:url('http://de1.sevenlands.net/images/shinythings.png?1319620169')
no-repeat right -56px;
}
#action_points #regenerate_action_points {
background:url('http://de1.sevenlands.net/images/shinythings.png?1319620169')
no-repeat right -56px;
}
#action_points #regenerate_action_points a,
#action_points #regenerate_action_points span.ruby_link {
margin: 0;
padding: 0;
display:blocK;
}
#action_points #regenerate_action_points {
top: 193px;
left: -6px;
}
#action_points #no_action_points {
height: 47px;
position: absolute;
width: 112px;
top: 179px;
left: 20px;
background-image:
url('http://de1.sevenlands.net/images/page/no_action_points.png?1319620169');
}
.translation_missing
{
color: red;
}
.translation_missing:before {
content: "Translation missing: ["
}
.translation_missing:after {
content: "]"
}
img.monster_popup_image {
border: 1px #DDBB66 solid;
margin-top: 5px;
}
.global_item_container {
display: inline-block;
}
#email_confirmation_button {
position: relative;
top: 30px;
}
.help_deactivation_info {
display: inline-block;
font-size: 88%;
margin-top: 10px;
color: #AAAAAA;
}
#feedback {
position: absolute;
text-align: left;
width: 512px;
height: 256px;
top: 200px;
left: -480px;
z-index: 1000000;
}
#feedback .body {
position: absolute;
width: 440px;
height: 100%;
background:#EEEEEE;
padding: 20px;
}
#feedback .toggle {
background: transparent
url(http://de1.sevenlands.net/images/page/toggle.png);
background-repeat:no-repeat;
position: relative;
height: 160px;
width: 36px;
left: 480px;
top: 74px;
cursor: pointer;
}
#feedback input {
width: 250px;
}
#feedback textarea {
width: 400px;
height: 150px;
}
/*MAP*/
#map_wrapper {
overflow: hidden;
height: 472px;
width: 652px;
margin:-17px 0 0 -19px;
position:absolute;
cursor:move;
}
#map {
z-index: 10;
position: absolute;
top: 0px;
left: 0px;
}
.map h3 {
color: #B97;
margin-bottom: 8px;
}
#map a {
line-height: 0px;
display: block;
}
#map .location {
position: absolute;
z-index: 20;
cursor: pointer;
width: 35px;
}
#map img.location_icon {
z-index: 20;
}
#map img.location_status {
z-index: 21;
}
#map .location_status_icon {
margin-top: -4px;
}
.border_container {
position: relative;
}
#map_lens{
background:url('http://de1.sevenlands.net/images/map/lens.png?1319620169');
width:86px;
height:70px;
position:absolute;
z-index:100;
}
/*MAP-FRAME*/
.map_frame_top_corner,
#map_frame_top_center,
.map_frame_sides,
.map_frame_bottom_corner,
#map_frame_bottom_center{
position:absolute;
z-index:12;
}
.map_frame_top_corner{
width:17px;
height:17px;
background-image:url('http://de1.sevenlands.net/images/map/map_frame_top_corner.png?1319620169');
}
.map_frame_top_corner.right{
background-position:-17px
0;
right:0px;
}
#map_frame_top_center{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_top_center.png?1319620169');
width:234px;
height:17px;
left:209px;
}
.map_frame_sides{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_sides.png?1319620169');
width:8px;
height:96px;
top:97px;
}
.map_frame_sides.right{
right:0px;
background-position:-8px
0;
}
.map_frame_bottom_corner{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_bottom_corner.png?1319620169');
width:53px;
height:53px;
bottom:0px;
}
.map_frame_bottom_corner.right{
right:0px;
background-position:-53px
0;
}
#map_frame_bottom_center{
background-image:url('http://de1.sevenlands.net/images/map/map_frame_bottom_center.png?1319620169');
width:236px;
height:17px;
bottom:0px;
left:208px;
}
#map_buttons{
position:absolute;
z-index:5;
left:20px;
top:20px;
z-index:12;
}
#map_center,
#map_zoom{
display:block;
width:34px;
height:35px;
background-image:url('http://de1.sevenlands.net/images/map/map_buttons.png?1319620169');
bottom:5px;
}
#map_center{
}
#map_zoom{
background-position:-34px
0;
}
#map_zoom:hover{
background-position:-34px -35px;
}
#map_center:hover{
background-position:0 -35px;
}
/* map wandering */
#map_wrapper #wander_box{
z-index: 1001;
margin-top: 35px;
cursor: auto;
}
p.location_status {
padding: 0 0 5px 0;
}
/* wandering layer */
#wander_map_layer {
margin: 100px auto 0;
z-index: 5001;
padding: 10px;
max-width: 400px;
background-image:
url('http://de1.sevenlands.net/images/page/text_box_bg.png?1319620169');
cursor: move;
min-height: 210px;
}
#wander_map_layer .button_box {
display: inline-block;
}
#wander_map_layer .progress_bar{
width: auto;
}
#wander_map_layer p.title {
text-align: center;
margin-top: 10px;
font-weight: bold;
min-height: 15px;
}
#wander_map_layer #shorten_wandering_path_buttons {
text-align: center;
margin-top: -40px;
z-index: 11;
position: relative
}
#wander_map_layer #shorten_wandering_path_info {
clear: both;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 10px;
}
#wander_map_layer #crafting_info {
text-align: center;
min-height: 25px;
}
.waypoint {
position :absolute;
width: 9px;
height: 9px;
background-image:url('http://de1.sevenlands.net/images/map/waypoint.png?1319620169');
}
.waypoint.active
{
background-position: 0 -9px;
}
/*----BELOW THIS LINE THERE ARE DRAGONS----*/
/* TEMP FOR REFACTORING **/
div.auto_complete ul {
border: 1px solid #555;
background-color: black;
padding-left:0px !important;
}
div.auto_complete ul li {
background-color: black;
color: #ACB7BF;
}
div.auto_complete ul li.selected {
background-color: #222 !important;
color: #a08e70;
}
ul.subsection_tabs li.tab a.active {
color: #e2d4bc;
}
ul.subsection_tabs li.tab_divider{
position: relative;
height:28px;
top:5px;
}
ul.subsection_tabs li.tab_divider .divide{
left: -3px;
}
ul.subsection_tabs li.tab a.active img {
opacity: 1;
}
ul.subsection_tabs li.tab a img {
border: none;
margin-top: -11px;
margin-left: -9px;
vertical-align: middle;
opacity: 0.4;
}
content ul.subsection_tabs {
height: 24px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
ul.subsection_tabs li,
ul.subsection_tabs li.tab {
display:inline;
float: left;
}
/** END TEMP **/
/*********** CHARACTER CREATIION **************/
#racepreview_wrapper {
width: 220px;
height: 337px;
float: right;
left: 340px;
overflow: hidden;
position: absolute;
background-image:url('http://de1.sevenlands.net/images/page/race_select_bg.jpg?1319620169');
}
#racepreview
{
position: absolute;
left: -1px;
}
#racepreview2 {
position: absolute;
left: -1px;
}
div.race_information {
margin-top:5px;
padding: 5px;
background-color: #cdb385;
border: 3px groove #ca9621;
}
div.information h3 {
margin-top: 0px;
}
div#racechooser {
text-align: center;
position: absolute;
width: 305px;
color: white;
line-height: 30px;
left:298px;
top:111px;
}
div#racechooser .next-race,
div#racechooser .prev-race {
position:absolute;
font-size: 30px;
width:51px;
height:41px;
display:block;
text-align:right;
background:url('http://de1.sevenlands.net/images/page/race_select_button.png?1319620169');
}
div#racechooser
.next-race {
text-align:left;
background-position:-51px 0;
right:0px;
}
div#racechooser .prev-race{
left:0px;
}
div#racechooser .next-race:hover span,
div#racechooser .prev-race:hover span {
background-image:url('http://de1.sevenlands.net/images/page/select_hover.png?1319620169');
display:inline-block;
width:21px;
height:21px;
margin-top:11px;
}
img#racechooserhelp
{
position: absolute;
left: 330px;
top: 260px;
}
a.nextrace {
}
/*** FOREIGN PROFILE ADDON **/
#post_list .post {
border: 1px solid #333;
}
#post_list .author {
float: left;
padding: 6px;
}
#post_list .created_at {
background-color: #111;
text-align: right;
padding: 6px;
}
#post_list .body {
padding: 14px;
}
/********** QUEST LAYOUT *************/
div.add_coppers_box,
div.remove_coppers_box {
width: 288px;
}
.disabled {
color: #555;
}
.questoption{
position:relative;
top:2px;
padding-top: 5px;
}
.quest_success{
position: relative;
top: 20px;
}
/**** journal ******/
.battle_report {
height:335px;
overflow:auto;
width:612px;
}
#fights {
position: absolute;
left: 6px;
top: -9px;
width: 601px;
background:
url('http://de1.sevenlands.net/images/reports/rahmen.png?1319620169')
no-repeat;
padding-top: 57px;
}
#fights #fight_list {
padding-bottom: 2px;
background:
url('http://de1.sevenlands.net/images/reports/bg.png?1319620169')
bottom;
}
#fights .fight {
height: 51px;
position: relative;
}
#fights .fight .indicator_left {
position: absolute;
left: 5px;
top: 1px;
width: 16px;
height: 48px;
}
#fights .fight .indicator_right {
position: absolute;
right: 5px;
top: 1px;
width: 16px;
height: 48px;
}
#fights .row1 {
position: absolute;
left: 44px;
height: 44px;
width: 160px;
top: 1px;
padding-top: 6px;
}
#fights .fight .row1 .attack,
#fights .fight .row1 .attack a,
#fights .fight .row2 .ago{
font-family: serif;
color: #70350D;
font-size: 15px;
}
#fights .row1 .new {
position: absolute;
left: -23px;
height: 18px;
width: 20px;
background-image:
url('http://de1.sevenlands.net/images/reports/icons.png?1319620169');
background-position: 0px -36px;
}
#fights .row2 {
position: absolute;
left: 203px;
height: 44px;
width: 195px;
top: 1px;
padding-top: 6px;
padding-left: 4px;
}
#fights .row3 {
position: absolute;
left: 401px;
height: 46px;
width: 178px;
top: 1px;
padding-top: 4px;
}
#fights .fight .row3 img {
vertical-align: text-bottom;
}
#fights .fight.loss .indicator_right {
background-image:
url('http://de1.sevenlands.net/images/reports/lose.png?1319620169');
background-position: -17px 0px;
}
#fights .fight.loss .indicator_left {
background-image:
url('http://de1.sevenlands.net/images/reports/lose.png?1319620169');
}
#fights .fight.win .indicator_right {
background-image:
url('http://de1.sevenlands.net/images/reports/win.png?1319620169');
background-position: -17px 0px;
}
#fights .fight.win .indicator_left {
background-image:
url('http://de1.sevenlands.net/images/reports/win.png?1319620169');
}
#fights .fight_pages {
left:173px;
position:absolute;
top:416px;
width:115px;
}
#fights_column_headers {
color:white;
left:2px;
position:absolute;
text-shadow:1px 2px black;
top:30px;
}
#fights_column_headers .row1,
#fights_column_headers .row2,
#fights_column_headers .row3 {
font-family:serif !important;
font-size:17px !important;
}
#fights .fight_pages span.current,
#fights .fight_pages a {
display: block;
float: left;
height: 16px;
width: 13px;
border-right: 1px solid #DDBB66;;
color: #DDBB66;
text-align: center;
padding-top: 5px;
}
#fights .fight_pages span.current,
#fights .fight_pages a:hover {
background-image:
url('http://de1.sevenlands.net/images/reports/active_page.jpg?1319620169');
font-weight:
bold;
}
#fights .prev_page,
#fights .next_page {
display: none !important;
}
#pages_and_search .pages {
display: inline-block;
background:url('http://de1.sevenlands.net/images/pages_bg.png?1319620169')
repeat scroll 0 0 transparent;
padding: 5px 0px;
height: 16px;
}
#pages_and_search .pages .separator {
display: inline-block;
vertical-align: top;
width: 1px;
margin: -5px 1px;
height: 22px;
background-color: #DDBB66;
}
#pages_and_search .search {
display: inline-block;
vertical-align: top;
}
#pages_and_search #pages_header {
background:
url('http://de1.sevenlands.net/images/pages_header.png?1319620169')
no-repeat scroll 0 0 transparent;
display: inline-block;
padding: 5px 10px;
height: 16px;
width: 44px;
}
#pages_and_search #pages_footer {
background:
url('http://de1.sevenlands.net/images/pages_header.png?1319620169')
no-repeat scroll -64px 0 transparent;
display: inline-block;
padding: 5px 0px;
height: 16px;
width: 7px;
vertical-align: top;
}
#pages_and_search .pages span.current,
#pages_and_search .pages span.gap,
#pages_and_search .pages a {
height: 16px;
color: #DDBB66;
text-align: center;
padding: 3px 1px;
}
#pages_and_search .pages span.current,
#pages_and_search .pages a:hover {
background-image:
url('http://de1.sevenlands.net/images/reports/active_page.jpg?1319620169');
}
#pages_and_search
{
text-align: center;
vertical-align: top;
}
#pages_and_search form.search {
background:
url("http://de1.sevenlands.net/images/search.png?1319620169") repeat
scroll 0 0 transparent;
position: relative;
width: 186px;
}
#pages_and_search #searchname {
background: transparent;
border:medium none;
padding: 5px 33px 5px 10px;
width: 143px;
height: 16px;
}
#pages_and_search #searchname_submit {
background:none repeat scroll 0 0 transparent;
border: none;
cursor:pointer;
height:21px;
width:19px;
display:inline-block;
position: absolute;
left: 163px;
top: 1px;
}
#pages_and_search #searchname_submit:hover {
background-image:
url('http://de1.sevenlands.net/images/reports/search_button_active.jpg?1319620169');
}
/****
FIGHT PANELS AND PAGES ******/
div#battletext {
position: absolute;
top: 380px;
height: 40px;
}
#battle_animation_content {
position: absolute;
width: 145px;
height: 140px;
left: 235px;
overflow: hidden;
top: 94px;
}
#battle_animation_content .battle_animation_row {
height: 40px;
padding: 2px;
position: relative;
}
#battle_animation_content .defense_action div.ability,
#battle_animation_content .attack_action div.ability,
#battle_animation_content .effect_action div.ability {
width: 36px;
height: 36px;
}
#battle_animation_content .defense_action div.ability.success,
#battle_animation_content .attack_action div.ability.success,
#battle_animation_content .effect_action div.ability.success {
width: 30px;
height: 30px;
border: 3px solid #0f0;
}
#battle_animation_content .defense_action div.ability.miss,
#battle_animation_content .attack_action div.ability.miss,
#battle_animation_content .effect_action div.ability.miss {
width: 30px;
height: 30px;
border: 3px solid #b61414;
}
#battle_animation_content .defense_action,
#battle_animation_content .attack_action,
#battle_animation_content .effect_action,
#battle_animation_content .arrow,
#battle_animation_content .damage {
position: absolute;
}
#battle_animation_content .damage {
color: red;
font-size: 18px;
font-weight:700;
top: 12px;
}
#battle_animation_content .source_damage {
display: none;
}
#battle_animation_content .left_to_right .damage {
left: 185px;
}
#battle_animation_content .left_to_right .attack_action,
#battle_animation_content .left_to_right .effect_action,
#battle_animation_content .right_to_left .defense_action {
left: 0px;
width:46px;
}
#battle_animation_content .left_to_right .defense_action,
#battle_animation_content .right_to_left .effect_action,
#battle_animation_content .right_to_left .attack_action {
right: 0px;
width:46px;
}
#battle_animation_content .arrow {
left: 45px;
top: 8px;
}
#battle_animation_content .arrow div {
width: 45px;
height: 27px;
background-repeat:no-repeat;
margin-top:5px;
}
div#rounds #skipfight {
font-size: 11px;
}
div.fighterpanel .effects {
left:48px;
top: 36px;
z-index: 2;
opacity:0.85;
position:absolute;
width: 150px;
}
div.fighterpanel.defender .effects {
width: 168px;
}
div.fighterpanel .effects .duration {
background-image:url('http://de1.sevenlands.net/images/fight/debuff_rahmen.png?1319620169');
font-weight:bold;
height:15px;
left:-1px;
padding-left:17px;
padding-top:20px;
position:absolute;
text-shadow:1px
1px #000000;
top:-1px;
width:17px;
}
div.fighterpanel .effects .gray {
opacity: 0.8;
}
div.fighterpanel .effects .highlight .duration {
background-image:url('http://de1.sevenlands.net/images/fight/debuff_rahmen_highlight.png?1319620169');
height:20px;
left:-6px;
padding-left:19px;
padding-top:25px;
top:-6px;
width:22px;
}
div.fighterpanel
.effects .effect {
text-align: center;
padding: 2px;
height: 23px;
position: relative;
color: white;
width: 23px;
}
div.fighterpanel .effects .effect img {
float: left;
}
div.fighterpanel .floating_damage,
div.fighterpanel .floating_gain {
z-index:150;
position:absolute;
}
div.fighterpanel .floating_damage div {
text-shadow: 1px 1px 0px #202020;
font-weight: bold;
font-size: 46px;
}
div.fighterpanel .floating_gain {
text-shadow: 1px 1px 0px #202020;
font-weight: bold;
font-size: 36px;
color: #18EC2B;
}
span.damage_name {
color: #CCCCCC;
font-weight: normal;
font-size: 20px;
}
div.fighterpanel .level {
}
div.versusbox {
position: relative;
top: 25px;
padding: 8px 50px;
}
div.fighterpanel .floating_damage .damage_name {
clear: both;
display: block;
color: #DEBD71;
text-align: center;
}
div.fighterpanel .floating_damage .source_damage {
clear: both;
color: #AAAAAA;
text-align: center;
text-shadow: 1px 1px black;
}
div.fighterpanel .floating_damage .damage {
font-size: 35px;
position: relative;
left: -8px;
text-shadow: 3px 3px black;
}
.slash_damage,
.thrust_damage,
.crush_damage{
color:#E43434;
}
.poison_damage{
color:#97c14e;
}
.ice_damage{
color:#4fa4da;
}
.fire_damage{
color:#cd8b4a;
}
#attack_button {
position: absolute;
top: 151px;
left: 249px;
}
#fight_summary {
left:118px;
padding:10px;
position:absolute;
top:0px;
z-index: 1005;
width:368px;
}
#fight_summary #drag_handle {
position: absolute;
width: 374px;
height: 166px;
top: 0px;
left: 0px;
cursor: move;
}
#fight_summary #top {
height: 156px;
}
#fight_summary #top.win {
background-image:
url('http://de1.sevenlands.net/images/fight/summary_win.png?1319620169');
}
#fight_summary
#top.loose {
background-image:
url('http://de1.sevenlands.net/images/fight/summary_lost.png?1319620169');
}
#fight_summary
#middle {
background-image:
url('http://de1.sevenlands.net/images/fight/summary_middle.png?1319620169');
padding:
0 10px 10px;
}
#fight_summary #bottom_with_fight {
background-image:
url('http://de1.sevenlands.net/images/fight/summary_text.png?1319620169');
height:
134px;
}
#fight_summary #bottom_without_fight {
background-image:
url('http://de1.sevenlands.net/images/fight/summary_notext.png?1319620169');
height:
33px;
}
#fight_summary #middle {
background-image:
url('http://de1.sevenlands.net/images/fight/summary_middle.png?1319620169');
padding:
10px;
}
#fight_summary .fight_buttons {
width: 330px;
padding: 3px;
margin: 0px auto;
text-align: center;
position: relative;
left: -5px;
}
#fight_summary .result {
padding-bottom: 12px;
}
#fight_summary .fight_buttons .itembox {
margin: 5px auto;
}
#fight_summary .base_item{
margin: 8px auto;
}
/***** JAVASCRIPT RENDERER ****/
#battletext .damage {
color: #B00;
font-size: 16px;
font-weight: bold;
}
#battletext .reduction {
color: #666;
font-size: 13px;
}
#battletext .absorb {
color: #0B0;
font-weight: bold;
font-size: 16px;
}
#contentlayer #storybox {
color: #fff7e8;
margin: 150px auto;
width: 350px;
padding: 15px;
font-size: 15px;
background: black;
border: 2px solid #222;
position: absolute;
left: 145px;
text-align: center;
}
#contentlayer #storybox.with_image {
margin: 35px auto;
width: 430px;
left: 95px;
}
#contentlayer #storybox.with_image img{
margin: 5px;
width: 410px;
}
div.defender div.ini_icon  {
float: right;
}
/***** NICE FIGHT RENDERER ****/
#fightreport .story {
text-align: center;
}
.battle_round {
padding: 5px;
margin-bottom: 5px;
}
.battle_round .name {
color: blue;
}
.battle_round .target {
color: red;
}
.battle_round .damage {
color: red;
}
.battle_round .reduction {
color: grey;
}
.battle_round .absorb {
color: green;
}
.battle_round_head {
font-weight: bold;
padding: 6px;
}
.battle_turn {
border: 1px dashed #222;
padding: 5px;
margin-top: 2px;
}
.battle_turn_head {
}
.battle_turn.defender {
}
.battle_turn.attacker {
}
.battle_action_head {
color: blue;
}
.battle_emote {
font-style: italic;
}
.battle_cost {
float: right;
}
.battle_hp_box {
margin: 10px;
text-align: center;
font-size: 11px;
}
/*** STRATEGIES LAYOUT PAGE ******/
.strategy_action {
background-repeat: no-repeat;
width: 36px;
height: 36px;
font: bold 30px sans-serif;
color: red;
}
.questionmark {
width: 36px;
height: 36px;
position: absolute;
top: 0px;
left: 0px;
background-image:
url('http://de1.sevenlands.net/images/skills/hidden.png?1319620169');
}
/*.attacker .questionmark {
background-image:
url('http://de1.sevenlands.net/images/fight/empty.png?1319620169');
}*/
#available_actions {
height: 39px;
width:400px;
padding: 3px;
}
#available_actions_book {
position: absolute;
top: 200px;
left: 7px;
width: 603px;
height: 232px;
z-index: 5;
background-image:
url('http://de1.sevenlands.net/images/page/strategy_book.png?1319620169');
}
#available_actions_book
#available_attacks {
position: absolute;
left: 22px;
top: 27px;
width: 260px;
}
#available_actions_book #available_defenses {
position: absolute;
left: 320px;
top: 27px;
width: 260px;
}
#attack_actions .header,
#defense_actions .header {
position: absolute;
top: -30px;
line-height: 32px;
color: #70350d;
font-size: 16px;
font-family: 'Times New Roman' , serif;
width:126px;
}
#attack_actions .header {
background-image:
url('http://de1.sevenlands.net/images/page/attackactions_header.png?1319620169');
padding-left:32px;
text-align:
left;
left:-4px;
}
#defense_actions .header {
background-image:
url('http://de1.sevenlands.net/images/page/attackdefenses_header.png?1319620169');
padding-right:32px;
text-align:
right;
right:-4px;
}
#attack_actions {
left: 7px;
top: 130px;
width:268px; /* ie needs any other value than 'auto' */
position: absolute;
}
#attack_actions .current_actions {
background-color: #847356;
background:
url('http://de1.sevenlands.net/images/page/actionsbg.jpg?1319620169')
no-repeat 0 -72px;
width: 258px;
height: 36px;
}
#defense_actions {
position: absolute;
left: 333px;
width:274px; /* ie needs any other value than 'auto' */
top: 130px;
}
#defense_actions .current_actions {
background-color: #847356;
background:
url('http://de1.sevenlands.net/images/page/actionsbg_defenses.png?1319620169')
no-repeat 0 0;
width: 274px;
height: 63px;
position: relative;
top: -4px;
left: 4px;
}
#defense_actions .tableless_border {
float: left;
margin-left: 7px;
margin-right: 7px;
margin-top: 13px;
height: 36px;
width: 36px;
}
/******** MONEY SPINNER *******/
table.moneychooser td.silver,
table.moneychooser td.copper {
width: 20px;
text-align: right;
}
table.moneychooser td.gold {
width: 30px;
text-align: right;
}
table.moneychooser {
border: 1px solid #555;
}
table.moneychooser td {
font-size: 14px;
}
table.moneychooser td.m {
cursor: pointer;
background:
url('http://de1.sevenlands.net/images/spinner_down_black.png?1319620169')
no-repeat 0px 0px;
width: 10px;
height: 10px;
}
table.moneychooser td.m:hover {
background:
url('http://de1.sevenlands.net/images/spinner_down_active_black.png?1319620169')
no-repeat 0px 0px;
}
table.moneychooser td.p {
cursor: pointer;
background:
url('http://de1.sevenlands.net/images/spinner_up_black.png?1319620169')
no-repeat 0px 1px;
width: 10px;
height: 10px;
}
table.moneychooser td.p:hover {
background:
url('http://de1.sevenlands.net/images/spinner_up_active_black.png?1319620169')
no-repeat 0px 1px;
}
table.moneychooser td.si {
width:9px;
background:
url('http://de1.sevenlands.net/images/silver.png?1319620169') no-repeat
0px 2px;
}
table.moneychooser td.gi {
width:9px;
background: url('http://de1.sevenlands.net/images/gold.png?1319620169')
no-repeat 0px 2px;
}
table.moneychooser td.ci {
width:9px;
background:
url('http://de1.sevenlands.net/images/copper.png?1319620169') no-repeat
0px 2px;
}
/******* ARENA ********/
table#arena {
width: 100%;
}
table#arena td {
padding: 7px;
}
table#arena img {
vertical-align: middle;
}
table#arena span.race {
font-size: 11px;
}
table#arena tr.full.first {
background-color: #030;
}
table#arena tr.full.second {
background-color: #020;
}
table#arena tr.low.first {
background-color: #300;
}
table#arena tr.low.second {
background-color: #200;
}
table#arena tr.medium.first {
background-color: #220;
}
table#arena tr.medium.second {
background-color: #110;
}
table#arena tr.good.first {
background-color: #030;
}
table#arena tr.good.second {
background-color: #020;
}
#delete_strategy {
text-align:right;
}
div.display_monster{
position: relative;
position: relative;
width: 118px;
height: 140px;
left: 13px;
top: 20px;
}
div.questaction{
position: absolute;
top: 355px;
left: 130px;
}
div.createcharacter_text{
width: 280px;
}
div.createcharacter_contentoptions{
position: relative;
padding: 5px;
}
div.ch

mavi özel tasarım

Tasarımın üzerindeki yazı:

</head>    <body>     		<div id="site"> 			<div id="header"> 				<div id="ob1"></div> 				<div id="ob2">5380</div> 				<div id="ob3">130</div>  				<div id="ob4">186</div> 				<div id="ob5"></div> 				<div id="ob6">gains reversés 450 <font color="red">€</font></div> 				<div id="ob7">  				<div id="langue"> 				<a href="http://www.bubulle-barre.com" class="Fr"></a> <a href="http://www.en.bubulle-barre.com" class="En"></a> 011111111111 				</div>  					<marquee SCROLLDELAY=100 > 					<p><font color='red'>!</font> Bienvenue sur Bubulle-Barre <font color='red'>!</font> - Le Jackopt est à <font color="red"><b>52.78 €</b></font> - Dernières news : <i> olaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </i></p> 				</marquee>  				</div> 				<div id="ob8"><SCRIPT type="text/javascript" SRC="http://www.cashtrafic.com/script/java.php?option=rotateur&rotateur=35732"></SCRIPT></div> 			</div> 			 			<div id="body_int">  				<div id="menu"> 				 				  				<div id="menu_head">Menu Principal</div> 					<div id="menu_int">  						<a href="http://www.bubulle-barre.com/site/index.php" class="Bouton_menu"> Accueil </a>                          	  						<a href="http://www.bubulle-barre.com/site/connexion.php" class="Bouton_menu"> Connexion </a> 						<a href="http://www.bubulle-barre.com/site/inscription.php" class="Bouton_menu"> Inscription </a> 						<a href="http://www.bubulle-barre.com/site/mot_de_passe_perdu.php" class="Bouton_menu"> Mot de passe perdu </a> 						<a href="http://www.bubulle-barre.com/site/reglement.php" class="Bouton_menu"> Règlement</a>  					</div> 				<div id="menu_foot"></div>  				<div id="menu_head">Support</div> 					<div id="menu_int"> 						<a href="http://www.bubulle-barre.com/site/faq.php" class="Bouton_menu"> F.A.Q </a> 						<a href="http://www.forum.bubulle-barre.com" class="Bouton_menu"> Forum </a>  						<a href="http://www.bubulle-barre.com/site/contact.php" class="Bouton_menu"> Contact </a> 						<a href="http://bubulle-barreinformation.agence-presse.net/" target="_blanck" class="Bouton_menu"> Presse </a> 					</div> 				<div id="menu_foot"></div>  				<div id="menu_head">Statistiques</div> 					<div id="menu_int">  						<a href="http://www.bubulle-barre.com/site/stats.php" class="Bouton_menu"> Statistiques </a> 					</div> 				<div id="menu_foot"></div> 				 				<div align="center"> 					<img src="http://www.bubulle-barre.com/images/logo_paiement.png" alt="" title="Paiements Sécurisés" /> 				</div>  					 				</div>  				<div id="page">  				<div id="page_head">Bienvenue nous sommes le Vendredi 9 Decembre 2011 Il est 00:38:55</div> 						<div id="page_int"> 						 							<div id="debug_page"> 					 									 					<div id="box_head"></div> 						<div id="box_int">  							<div align="left">

Tasarımın altındaki yazı:

</div> 						</div> 					<div id="box_foot"></div>  					 					          imleç 							</div>  						</div> 					<div id="page_foot"></div> 					 				</div>  			</div> 			<div id="body_foot"></div>  			<div id="footer">  				<a href="http://evagirl.blog.mongenie.com/" title="journal d'une femme sans emploi" target="_blank"><img src="http://www.scormails.com/boutonblogeva.gif" width="88" height="31" alt="journal d'une femme sans emploi" border="0" /></a> <a href="http://www.astuces-jeux.net/gagner-des-filleuls.html" title="Astuces et Jeux gratuits" title="Astuces jeux" target="_blank"><img src="http://www.astuces-jeux.net/images/bouton.gif" width="88" height="31" alt="Astuces jeux" border="0" /></a> <a href="http://www.hit-concours.com" title="Hit-concours.com" target="_blank"><img src="http://img263.imageshack.us/img263/6813/hitconcours.gif" width="88" height="31" alt="Hit-concours.com" border="0" /></a> <a href="http://www.crocastuce.fr/in-127" title="crocastuces" target="_blank"><img src="http://www.crocastuce.fr/images/Boutons/boutons4.gif" width="88" height="31" alt="crocastuces" border="0" /></a> <a href="http://le-concours.fr/vote-bubulle-barre.com" title="Webtoweb" target="_blank"><img src="http://le-concours.fr/bannieres/banniere2.gif" width="88" height="31" alt="Webtoweb" border="0" /></a> <a href="http://www.netbusiness-team.com" onclick="window.open('http://www.netbusiness-team.com/partner_in.ph" title="netbusiness-team.com" target="_blank"><img src="http://www.netbusiness-team.com/img/banner/88.gif" width="88" height="31" alt="netbusiness-team.com" border="0" /></a> <a href="http://www.sitacados.com" title="Jeux" target="_blank"><img src="http://www.sitacados.com/images/sitacados-8831.gif" width="88" height="31" alt="Jeux" border="0" /></a> <a href="http://www.top-cashbar.com/?v=2" title="TOP CASHBAR" target="_blank"><img src="http://www.bubulle-barre.com/images/top.gif" width="88" height="31" alt="TOP CASHBAR" border="0" /></a>   			</div> 			 			 			 			<div id="footer_1"></div> 		 		</div>     </body>  </html>  <!-- [[[  CHARTE && SCRIPT Sous Licence pour plus d'infos  www.aw-studio.co

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}                                 /*  [[[  CSS généré par AW-Studio.com reservé à www.bubulle-barre.com - by T$u ]]]   */  /*  [[[  PAR DEFAUT ]]]   */  a{text-decoration:none; color:#195E8C; font-size:8pt} a:hover{text-decoration:none; color:#FFF; font-weight:bold;}  .pub{ border-color:#4C1B1B; border-style: solid ;} .pub:hover{ border-color:#FFF; border-style: solid ;}  #image{float:left; padding:0px 15px 0px 0px;}  body { 	background: url(http://3d-wallpapers.net/wp-content/gallery/islamic/science-islam-wallpaper.jpg) no-repeat center top;  	background-color:#FFFFFF; 	background-attachment:fixed; 	width: 920px; 	margin:auto; 	text-align:center; 	color:#046380; 	font: normal 10pt Tahoma, Verdana, sans-serif, Arial; }  /*  [[[  HEADER && LINK ]]]   */  #site{width:920px; margin:auto;}  #header{text-align:center; width:920px;}  #ob1{float:left; background: url('http://www.bubulle-barre.com/template/images/head_1.png') no-repeat; text-align:left; width:589px; height:81px; padding:0px 0px 0px 0px; display:inline-block;} #ob2{float:left; background: url('http://www.bubulle-barre.com/template/images/head_2.png') no-repeat; text-align:right; width:77px; height:40px; padding:41px 27px 0px 0px; display:inline-block; color:#046380; font-weight:bold; font-size:12px;} #ob3{float:left; background: url('http://www.bubulle-barre.com/template/images/head_3.png') no-repeat; text-align:right; width:87px; height:40px; padding:41px 28px 0px 0px; display:inline-block; color:#046380; font-weight:bold; font-size:12px;} #ob4{float:left; background: url('http://www.bubulle-barre.com/template/images/head_4.png') no-repeat; text-align:right; width:87px; height:40px; padding:41px 25px 0px 0px; display:inline-block; color:#046380; font-weight:bold; font-size:12px;}  #ob5{float:left; background: url('http://www.bubulle-barre.com/template/images/head_5.png') no-repeat; text-align:left; width:589px; height:66px; padding:0px 0px 0px 0px; display:inline-block;} #ob6{float:left; background: url('http://www.bubulle-barre.com/template/images/head_6.png') no-repeat; text-align:right; width:306px; height:34px; padding:32px 25px 0px 0px; display:inline-block; color:#046380; font-weight:bold; font-size:12px;}  #ob7{float:left; background: url('http://www.bubulle-barre.com/template/images/head_7.png') no-repeat; text-align:left; width:364px; height:112px; padding:0px 25px 0px 20px; display:inline-block;} #ob8{float:left; background: url('http://www.bubulle-barre.com/template/images/head_8.png') no-repeat; text-align:left; width:496px; height:94px; padding:18px 0px 0px 15px; display:inline-block;}  #langue{ float: left; margin-bottom:37px;} .Fr { float: left; background: url('http://www.bubulle-barre.com/template/images/fr.png') no-repeat top; width:34px; height:34px;  margin-left:10px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;} .Fr:hover {float: left;background: url('http://www.bubulle-barre.com/template/images/fr_on.png') no-repeat top; width:34px; height:34px; display:block; margin-left:10px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;}  .En { float: left; position:abolut; background: url('http://www.bubulle-barre.com/template/images/en.png') no-repeat top; width:34px; height:34px; display:block; margin-left:10px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;} .En:hover {float: position:abolut; left; background: url('http://www.bubulle-barre.com/template/images/en_on.png') no-repeat top; width:34px; height:34px; display:block; margin-left:10px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;}   #body_int {float:left; background: url(http://www.bubulle-barre.com/template/images/body_int.png); width: 900px; padding:0px 7px 0px 13px; text-align: left;} #body_foot {float:left; background: url(http://www.bubulle-barre.com/template/images/body_foot.png) no-repeat left top; width: 920px; height: 23px;}   /*  [[[  MENU GENERAL ]]]   */ #menu{float:left; width:208px;} #menu_head {float:left; background: url(http://www.bubulle-barre.com/template/images/menu_head.png) no-repeat left top; width: 193px; height: 26px; display:block; margin:auto; padding:10px 0px 0px 15px; color:#FFF; font-weight:bold; font-size:15px; } #menu_int {float:left; background: url(http://www.bubulle-barre.com/template/images/spacer_menu.png) no-repeat left top; width: 208px;} .Bouton_menu {float:left;  background: url('http://www.bubulle-barre.com/template/images/menu_link_off.png') no-repeat top left; width:168px; height:18px; display:block; padding:4px 0px 0px 40px; color:#046380; font-weight:bold; font-size:13px;} .Bouton_menu:hover {float:left;  background: url('http://www.bubulle-barre.com/template/images/menu_link_on.png') no-repeat top left; width:168px; height:18px; display:block; padding:4px 0px 0px 40px; color:#FFF; font-weight:bold; font-size:13px;} #menu_foot {float:left; background: url(http://www.bubulle-barre.com/template/images/menu_foot.png) no-repeat left top; width: 208px; height: 9px;}  .Bouton { background: url('http://www.bubulle-barre.com/template/images/b_off.png') no-repeat top; width:215px; height:25px; display:block; padding:6px 0px 0px 0px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;} .Bouton:hover { background: url('http://www.bubulle-barre.com/template/images/b_on.png') no-repeat top; width:215px; height:25px; display:block; padding:6px 0px 0px 0px; text-align:center; color:#FFF; font-weight:bold; font-size:13px;}  input.sub { background: url('http://www.bubulle-barre.com/template/images/b_off.png') no-repeat top; width:215px; height:30px; display:block; padding:0px 0px 0px 0px; text-align:center; color:#FFF; font-size:13px; border:0px solid black; } input.sub:hover { background: url('http://www.bubulle-barre.com/template/images/b_on.png') no-repeat top; width:215px; height:30px; display:block; padding:0px 0px 0px 0px; text-align:center; color:#FFF; font-size:13px; border:0px solid black; }   #page {float: left; width: 661px; margin:0px 0px 0px 13px;}  #debug_page {float: left; margin:-13px 0px 0px 0px;}  #page_head {float: left; background: url(http://www.bubulle-barre.com/template/images/page_head.png) no-repeat left top; width: 674px; height: 43px; padding:13px 0px 0px 0px; color:#FFF; font-weight:bold; font-size:13px; text-align:center;} #page_int {float: left; background: url(http://www.bubulle-barre.com/template/images/page_int.png); width: 636px; padding:0px 20px 20px 18px; text-align:left;} #page_foot {float: left; background: url(http://www.bubulle-barre.com/template/images/page_foot.png) no-repeat left top; width: 674px; height: 43px;}  #titre {float: left;  background: url(http://www.kuran.tv/images/ara.png) no-repeat left top; width: 339px; padding:10px 0px 0px 100px; height:37px; font-size:11px; display:inline-block; color:#FFF; font-weight:bold; font-size:13px; }  #box_head {float: left; background: url(http://www.bubulle-barre.com/template/images/box_head.png) no-repeat left top; width: 634px; height: 14px; padding:0px 0px 0px 0px;} #box_int {float: left; background: url(http://www.bubulle-barre.com/template/images/box_int.png); width: 614px; padding:0px 10px 0px 10px; text-align:left;} #box_foot {float: left; background: url(http://www.bubulle-barre.com/template/images/box_foot.png) no-repeat left top; width: 634px; height: 16px;}   /*  [[[  FOOTER ]]]   */ #copyright{color:#FFF}  #footer { background: url(http://www.bubulle-barre.com/template/images/footer.png) no-repeat left top; width: 920px; padding:8px 0px 0px 0px; height:58px; font-size:11px; display:inline-block;} #footer_1 { background: url(http://www.bubulle-barre.com/template/images/footer_1.png) no-repeat left top; width: 920px; padding:0px 0px 0px 0px; height:83px;}  #ticket_bulle {width: 569px; margin:0px 0px 0px 20px;} #div_droit {float: left; background: url(http://www.bubulle-barre.com/template/images/bubulle_droit.png); width: 264px; height:110px; padding:0px 0px 0px 0px; text-align:center;} #div_gauche {float: left; background: url(http://www.bubulle-barre.com/template/images/bubulle_gauche.png); width: 305px; height:110px; padding:0px 0px 0px 0px; text-align:center;}  #ticket_mini {width: 412px; margin:0px 0px 0px 100px;} #div_droit_mini {float: left; background: url(http://www.bubulle-barre.com/template/images/droit_mini_fish.png); width: 205px; height:292px; padding:0px 0px 0px 0px; text-align:center;} #div_gauche_mini {float: left; background: url(http://www.bubulle-barre.com/template/images/gauche_mini_fish.png); width: 207px; height:292px; padding:0px 0px 0px 0px; text-align:center;}  #ticket_big {width: 412px; margin:0px 0px 0px 100px;} #div_haut {float: left; background: url(http://www.bubulle-barre.com/template/images/haut_big_fish.png); width: 412px; height:159px; padding:0px 0px 0px 0px; text-align:center;} #div_bas {float: left; background: url(http://www.bubulle-barre.com/template/images/bas_big_fish.png); width: 412px; height:132px; padding:0px 0px 0px 0px; text-align:center;}  #ticket_ca {width: 575px; margin:0px 0px 0px 20px;} /*  [[[  div gauche passé sous php css dynamique ( tirage des carte ) ]]]   */ #div_midd_ca {float: left; background: url(http://www.bubulle-barre.com/template/images/tablepoker_midd.png); width: 184px; height:240px; padding:0px 0px 0px 0px; text-align:center;} #div_droite_ca {float: left; background: url(http://www.bubulle-barre.com/template/images/tablepoker_droite.png); width: 197px; height:240px; padding:0px 0px 0px 0px; text-align:center;}  .Bouton_bu_no { background: url('http://www.bubulle-barre.com/template/images/bubulle_bouton_no_ticket.png') no-repeat top; width:160px; height:36px; display:block; border:0px; padding:0px 0px 0px 0px;} .Bouton_bu { background: url('http://www.bubulle-barre.com/template/images/bubulle_bouton_off.png') no-repeat top; width:160px; height:36px; display:block; border:0px; padding:0px 0px 0px 0px;} .Bouton_bu:hover { background: url('http://www.bubulle-barre.com/template/images/bubulle_bouton_on.png') no-repeat top; width:160px; height:36px; display:block; border:0px; padding:0px 0px 0px 0px;}  .Bouton_ca_no { background: url('http://www.bubulle-barre.com/template/images/vert_offf.png') no-repeat top; width:160px; height:36px; display:block; border:0px; padding:0px 0px 0px 0px;} .Bouton_ca { background: url('http://www.bubulle-barre.com/template/images/vert_off.png') no-repeat top; width:160px; height:36px; display:block; border:0px; padding:0px 0px 0px 0px;} .Bouton_ca:hover { background: url('http://www.bubulle-barre.com/template/images/vert_on.png') no-repeat top; width:160px; height:36px; display:block; border:0px; padding:0px 0px 0px 0px;}  #cagnotte { background: url(http://www.bubulle-barre.com/template/images/cagnotte.png) no-repeat left top; width: 602px; height:35px; padding:15px 0px 0px 0px; font-size:14px; color:#DF713A; font-weight:bold; text-align:center; display:inline-block;}  #jackpot {width: 575px; margin:0px 0px 0px 0px;} #head_jack {float: left; background: url(http://www.bubulle-barre.com/template/images/header_jack.png); width: 575px; height:218px; padding:0px 0px 0px 0px; text-align:center;} #midd_jack {float: left; background: url(http://www.bubulle-barre.com/template/images/midd_jack.png); width: 575px; height:156px; padding:0px 0px 0px 0px; text-align:center;} #foot_jack {float: left; background: url(http://www.bubulle-barre.com/template/images/foot_jack.png); width: 575px; height:84px; padding:0px 0px 0px 0px; text-align:center;}  #pastille_ig { background: url(http://www.bubulle-barre.com/template/images/pastille_ig.png) no-repeat left top; width: 182px; height:54px; margin: 10px 10px 10px 10px; padding:40px 0px 0px 0px; font-size:14px; color:#DF713A; font-weight:bold; text-align:center; display:inline-block;}  .ig_e { background: url('http://www.bubulle-barre.com/template/images/pastille_ig_off.png') no-repeat top; width:90px; height:50px; display:block; border:0px; padding:30px 110px 0px 0px; font-size:30px; color:#FFF; font-weight:bold; text-align:right; display:inline-block;} .ig_e:hover { background: url('http://www.bubulle-barre.com/template/images/pastille_ig_on.png') no-repeat top; width:90px; height:50px; display:block; border:0px; padding:30px 110px 0px 0px; font-size:30px; color:#FFF; font-weight:bold; text-align:right; display:inline-block;}  .ig_p { background: url('http://www.bubulle-barre.com/template/images/pastille_igp_off.png') no-repeat top; width:93px; height:42px; display:block; border:0px; padding:37px 107px 0px 0px; font-size:20px; color:#FFF; font-weight:bold; text-align:right; display:inline-block;} .ig_p:hover { background: url('http://www.bubulle-barre.com/template/images/pastille_igp_on.png') no-repeat top; width:93px; height:42px; display:block; border:0px; padding:37px 107px 0px 0px; font-size:20px; color:#FFF; font-weight:bold; text-align:right; display:inline-block;}  #past_gains {float: left; width:200px; height:60px;} #pg_haut {float: left; background: url(http://www.bubulle-barre.com/template/images/pastille_gains_haut.png); width: 200px; height:22px; padding:9px 0px 0px 0px; text-align:center; font-size:12px; color:#046380; font-weight:bold;} #pg_bah {float: left; background: url(http://www.bubulle-barre.com/template/images/pastille_gains_bas.png); width: 200px; height:29px; padding:0px 0px 0px 0px; text-align:center; font-size:15px; color:#C03000; font-weight:bold;}  .cadre_gains { width:595px; height: 200px; overflow:auto; border: 2px solid #2591EF; }  .ad { width:200px; height: 50px; overflow:no;  border: 2px solid #4086A4; background-color: #27A4D9;}  #loto_box {width: 592px; margin:0px 0px 0px 0px;} #loto_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/loto_bulle_01.png); width: 349px; height:220px; padding:20px 0px 0px 0px; text-align:center;} #loto_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/loto_bulle_02.png); width: 238px; height:60px; padding:180px 0px 0px 5px; text-align:center;}  #sp {float:left; width: 252px; margin-left:35px;} #sp_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_1.png); width: 76px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #sp_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_2.png); width: 167px; height:20px; padding:5px 0px 0px 0px; font-size:12px; color:#2050B2; font-weight:bold; text-align:center;} #sp_3 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_3.png); width: 9px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #sp_4 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_4.png); width: 206px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #sp_5 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_5.png); width: 31px; height:28px; padding:6px 0px 0px 0px; font-size:15px; color:#00356B; font-weight:bold; text-align:center;} #sp_6 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_6.png); width: 15px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #sp_7 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_7.png); width: 16px; height:42px; padding:0px 0px 0px 0px; text-align:center;} #sp_8 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_8.png); width: 219px; height:34px; padding:8px 0px 0px 0px; font-size:14px; color:#F60000; font-weight:bold; text-align:center;} #sp_9 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_9.png); width: 17px; height:42px; padding:0px 0px 0px 0px; text-align:center;}  #spn_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_1_2.png); width: 76px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #spn_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_2_2.png); width: 167px; height:20px; padding:5px 0px 0px 0px; font-size:12px; color:#2050B2; font-weight:bold; text-align:center;} #spn_3 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_3_2.png); width: 9px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #spn_4 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_4_2.png); width: 206px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #spn_5 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_5_2.png); width: 31px; height:28px; padding:6px 0px 0px 0px; font-size:15px; color:#00356B; font-weight:bold; text-align:center;} #spn_6 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_6_2.png); width: 15px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #spn_7 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_7_2.png); width: 16px; height:42px; padding:0px 0px 0px 0px; text-align:center;} #spn_8 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_8_2.png); width: 219px; height:34px; padding:8px 0px 0px 0px; font-size:14px; color:#F60000; font-weight:bold; text-align:center;} #spn_9 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_9_2.png); width: 17px; height:42px; padding:0px 0px 0px 0px; text-align:center;}  #spm_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_1_3.png); width: 76px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #spm_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_2_3.png); width: 167px; height:20px; padding:5px 0px 0px 0px; font-size:12px; color:#2050B2; font-weight:bold; text-align:center;} #spm_3 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_3_3.png); width: 9px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #spm_4 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_4_3.png); width: 206px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #spm_5 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_5_3.png); width: 31px; height:28px; padding:6px 0px 0px 0px; font-size:15px; color:#00356B; font-weight:bold; text-align:center;} #spm_6 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_6_3.png); width: 15px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #spm_7 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_7_3.png); width: 16px; height:42px; padding:0px 0px 0px 0px; text-align:center;} #spm_8 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_8_3.png); width: 219px; height:34px; padding:8px 0px 0px 0px; font-size:14px; color:#F60000; font-weight:bold; text-align:center;} #spm_9 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_9_3.png); width: 17px; height:42px; padding:0px 0px 0px 0px; text-align:center;}  #spp_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_1_4.png); width: 76px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #spp_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_2_4.png); width: 167px; height:20px; padding:5px 0px 0px 0px; font-size:12px; color:#2050B2; font-weight:bold; text-align:center;} #spp_3 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_3_4.png); width: 9px; height:25px; padding:0px 0px 0px 0px; text-align:center;} #spp_4 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_4_4.png); width: 206px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #spp_5 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_5_4.png); width: 31px; height:28px; padding:6px 0px 0px 0px; font-size:15px; color:#00356B; font-weight:bold; text-align:center;} #spp_6 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_6_4.png); width: 15px; height:34px; padding:0px 0px 0px 0px; text-align:center;} #spp_7 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_7_4.png); width: 16px; height:42px; padding:0px 0px 0px 0px; text-align:center;} #spp_8 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_8_4.png); width: 219px; height:34px; padding:8px 0px 0px 0px; font-size:14px; color:#F60000; font-weight:bold; text-align:center;} #spp_9 {float: left; background: url(http://www.bubulle-barre.com/template/images/sp_bubulle_9_4.png); width: 17px; height:42px; padding:0px 0px 0px 0px; text-align:center;}  #tvip {float:left; width: 600px; margin-left:7px;} #tvip_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/tvip_1.png); width: 319px; height:321px; padding:0px 0px 0px 0px; text-align:center;} #tvip_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/tvip_2.png); width: 231px; height:81px; padding:240px 0px 0px 50px; text-align:center;}  #Boutique_pastille {float:left; width: 190px; margin: 2px 7px 0px 7px ;} #Boutique_titre {text-align:center; color:#4348DE; font-weight:bold; font-size:15px;} .Boutique_past { background: url('http://www.bubulle-barre.com/template/images/boutique_paste_1.png') no-repeat top; width:170px; height:103px; display:block; padding:12px 10px 0px 10px; } .Boutique_past:hover { background: url('http://www.bubulle-barre.com/template/images/boutique_paste_2.png') no-repeat top; width:170px; height:103px; display:block; padding:12px 10px 0px 10px;}  #Boutique_article {float:left; width: 600px; margin: 0px 0px 0px 0px ;} #Bar_1 {float:left; width: 224px; margin: 0px 0px 0px 0px ;} #Bar_2 {float:left; width: 376px; margin: 6px 0px 0px 0px ; text-align:left;} #Bar_titre {font-size:14px; color:#456BE7; font-weight:bold;} #Art_titre {float:left;} #Art_stock {float:right; color:#E10017; font-weight:bold;} #Art_texte {float:left; padding:10px 0px 0px 0px;} #Bar_tarif {float:right; padding:10px 0px 0px 0px;} #Bar_euros {float:right; color:#0F8B34; font-weight:bold; font-size:14px;} #Bar_point {float:right; color:#DE760E; font-weight:bold; font-size:14px;} #Ba_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/art_1.png); width: 17px; height:220px; padding:0px 0px 0px 0px; text-align:center;} #Ba_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/art_2.png); width: 192px; height:204px; padding:16px 0px 0px 0px; text-align:center;} #Ba_3 {float: left; background: url(http://www.bubulle-barre.com/template/images/art_3.png); width: 10px; height:220px; padding:0px 0px 0px 0px; text-align:center;}  .Bouton_page {float: left; background: url('http://www.bubulle-barre.com/template/images/bouton_page.png') no-repeat top; width:24px; height:20px; display:block; padding:4px 0px 0px 0px; text-align:center; color:#FFF; margin:1px;} .Bouton_page:hover {float: left; background: url('http://www.bubulle-barre.com/template/images/bouton_page_2.png') no-repeat top; width:24px; height:20px; display:block; padding:4px 0px 0px 0px; text-align:center; color:#FFF; margin:1px;} .Bouton_page_in {float: left; background: url('http://www.bubulle-barre.com/template/images/bouton_page_3.png') no-repeat top; width:24px; height:20px; display:block; padding:4px 0px 0px 0px; text-align:center; color:#FFF; margin:1px;} .Bouton_page_in:hover {float: left; background: url('http://www.bubulle-barre.com/template/images/bouton_page_3.png') no-repeat top; width:24px; height:20px; display:block; padding:4px 0px 0px 0px; text-align:center; color:#FFF; margin:1px;}  #Bar_achat {float:left; padding:15px 0px 0px 0px;} .Bouton_achat_article {float: left; background: url('http://www.bubulle-barre.com/template/images/bouton_article_1.png') no-repeat top; width:177px; height:28px; display:block; padding:8px 0px 0px 0px; text-align:center; color:#FFF; margin:0px 5px 0px 5px; font-size:13px;} .Bouton_achat_article:hover {float: left; background: url('http://www.bubulle-barre.com/template/images/bouton_article_2.png') no-repeat top; width:177px; height:28px; display:block; padding:8px 0px 0px 0px; text-align:center; color:#FFF; margin:0px 5px 0px 5px; font-size:13px;}  .cb { float: left; background: url('http://www.bubulle-barre.com/template/images/cb_1.png') no-repeat top; width:100px; height:22px;} .cb:hover {float: left;background: url('http://www.bubulle-barre.com/template/images/cb2.png') no-repeat top; width:100px; height:22px;}   #gains_clan {float:left; width: 598px; margin-left:5px;} #gains_clan_1 {float: left; background: url(http://www.bubulle-barre.com/template/images/gains_clan_1.png); width: 27px; height:83px; padding:0px 0px 0px 0px; text-align:center;} #gains_clan_2 {float: left; background: url(http://www.bubulle-barre.com/template/images/gains_clan_2.png); width: 144px; height:63px; padding:20px 0px 0px 0px; text-align:center;} #gains_clan_3 {float: left; background: url(http://www.bubulle-barre.com/template/images/gains_clan_3.png); width: 40px; height:83px; padding:0px 0px 0px 0px; text-align:center;} #gains_clan_4 {float: left; background: url(http://www.bubulle-barre.com/template/images/gains_clan_4.png); width: 26px; height:52px; padding:31px 0px 0px 0px; text-align:center;} #gains_clan_5 {float: left; background: url(http://www.bubulle-barre.com/template/images/gains_clan_5.png); width: 94px; height:83px; padding:0px 0px 0px 0px; text-align:center;} #gains_clan_6 {float: left; background: url(http://www.bubulle-barre.com/template/images/gains_clan_6.png); width: 236px; height:60px; padding:23px 0px 0px 0px; text-align:center;} #gains_clan_7 {float: left; background: url(http://www.bubulle-barre.com/template/images/gains_clan_7.png); width: 31px; height:83px; padding:0px 0px 0px 0px; text-align:center;}  /*  [[[  CSS généré par AW-Studio.com reservé à www.bubulle-barre.com - by T$u ]]]   */

inip kapanan heder Menü --resimli menü

Tasarımın üzerindeki yazı:

</script>
<script
type="text/javascript">$ = jQuery.noConflict();</script>
<script type="text/javascript"
src="../jquery/header-show.js"></script>

<style type="text/css">

</style>


<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1143861-1']);
_gaq.push(['_setDomainName', '.uyaphi.com']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script></head>
<body>
<table width="760" border="0" align="center" cellpadding="0"
cellspacing="0" bgcolor="#CBA921">

<tr><td>
<tr>
<td>
<div class="man" id="man"></div>
<div class="uyaphitop"><span>¦ <a
href="http://www.uyaphi.com/" title="African Safari">home</a> ¦
<a href="http://www.uyaphi.com/uyaphi/aboutuyaphi.htm" title="About
Uyaphi">about uyaphi</a> ¦ <a
href="http://www.uyaphi.com/specials/" title="Safari specials">Safari
specials</a> ¦ <a href="http://www.uyaphi.com/flights/"
title="flights to Africa">flights</a> ¦</span>
<div class="inputsearch">
<form action="http://www.uyaphi.com/cgi-bin/swish.cgi" method="GET"
class="searchform">

<input type="hidden" value="index.swish-e" name="index">
<input type="hidden" value="Keywords" name="metaName">
<input type="submit" value="Search uyaphi" id="inputbutton">
<input type="text" name="query" size="25" id="inputbox">
</form>
</div>
</div>
<div class="uyaphiheader">
<div id="uyaphiman"><a href="http://www.uyaphi.com/"><img
src="http://www.uyaphi.com/uyaphiman2.gif" alt="African safari home,
Uyaphi.com" width="67" height="107" border="0"></a></div>
<div id="uyaphi1999"><img
src="http://www.uyaphi.com/images/uyaphiheader1.gif" alt="your african
safari & africa travel guide" width="320"
height="80"></div>
<div id="uyaphifour"><img border="0"
src="http://www.uyaphi.com/images/default/mainhome1.gif" width="77"
height="65"><img border="0"
src="http://www.uyaphi.com/images/default/mainaboutus1.gif" width="77"
height="65"><img border="0"
src="http://www.uyaphi.com/images/default/uyaphisitemap1.gif" width="77"
height="65">
<a
href="http://www.uyaphi.com/enquirycart/quickenquiryform.html?src={$pUrl}&iframe=true&width=100%&height=100%"
rel="prettyPhoto[iframes1]" title="Quick Enquiry:  Your request will be
responded to within 0-24 hours. Safari and Lodge Quotes & Booking
requests only please" alt="Quick Enquiry: Your request will be responded
to within 0-24 hours. Safari and Lodge Quotes & Booking requests
only please" width="105" height="105"><img
src="http://www.uyaphi.com/enquirycart/quick_enquiry.gif" width="105"
height="105" border="0"></a></div>
</div>
</div>
</td>
</tr>

</td></tr>


<tr><td><div class="uyaphimenu">
<ul class="menu">
<li class="main has-sub t1"><a href="http://www.uyaphi.com/"
title="African safari">Home</a></li>
<li class="main has-sub t2"><a
href="http://www.uyaphi.com/destinations.htm" title="Africa
Travel">Destinations</a></li>
<li class="main has-sub t3"><a
href="http://www.uyaphi.com/safaris.htm" title="African
safaris">Safaris</a></li>
<li class="main has-sub t4"><a
href="http://www.uyaphi.com/accommodation.htm" title="Africa
Accommodation">Accommodation</a></li>
<li class="main has-sub t1"><a
href="http://www.uyaphi.com/search/map/africa/" title="African
Maps">African Maps</a></li>
<li class="main has-sub t5"><a
href="http://www.uyaphi.com/specials/" title="Africa Travel
Specials">Specials</a></li>

<li class="sub p1">
<dl>
<dt>Southern Africa</dt>
<dd><a href="http://www.uyaphi.com/about_South_Africa.htm"
title="South Africa">South Africa</a></dd>
<dd><a href="http://www.uyaphi.com/namibia/" title="Namibia
Travel">Namibia</a></dd>
<dd><a href="http://www.uyaphi.com/botswana/" title="Botswana
Travel">Botswana</a></dd>
<dd><a href="http://www.uyaphi.com/zimbabwe/" title="Zimbabwe
Travel">Zimbabwe</a></dd>
<dd><a href="http://www.uyaphi.com/mozambique/"
title="Mozambique Travel">Mozambique</a></dd>
<dd><a href="http://www.uyaphi.com/zambia/" title="Zambia
Travel">Zambia</a></dd>
<dd><a href="http://www.uyaphi.com/malawi/" title="Malawi
Travel">Malawi</a></dd>
</dl>
<dl>
<dt>East Africa</dt>
<dd><a href="http://www.uyaphi.com/kenya/" title="Kenya
Travel">Kenya</a></dd>
<dd><a href="http://www.uyaphi.com/tanzania/" title="Tanzania
Travel">Tanzania</a></dd>
<dd><a href="http://www.uyaphi.com/uganda/" title="Uganda
Travel">Uganda</a></dd>
</dl>
<dl>
<dt>Indian Ocean Islands</dt>
<dd><a href="http://www.uyaphi.com/madagascar/"
title="Madigascar Travel">Madigascar</a></dd>
<dd><a href="http://www.uyaphi.com/mauritius/hotels/"
title="Mauritius Hotels">Mauritius</a></dd>



</dl>
<span
class="bottomLine"><p>Uyaphi.com</p></span>
</li>



<li class="sub p2">
<dl>
<dt>African Safaris</dt>
<dd><a
href="http://www.uyaphi.com/safaris/southafricasafari.htm" title="South
Africa safari">South Africa Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/safaris/safarisNAMIBIA.htm"
title="Namibia Safari">Namibia Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/safaris/safarisBOTSWANA.htm"
title="Botswana Safari">Botswana Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/zimbabwe/safari/"
title="Zimbabwe Safari">Zimbabwe Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/mozambique/safaris/"
title="Mozambique Safari">Mozambique Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/safaris/safarisZAMBIA.htm"
title="Zambia Safari">Zambia Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/safaris/safarisMALAWI.htm"
title="Malawi Safari">Malawi Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/kenya/safari/" title="Kenya
Safari">Kenya Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/tanzania/safari/"
title="Tanzania Safari">Tanzania Safaris</a></dd>
<dd><a href="http://www.uyaphi.com/uganda/safari/"
title="Uganda Safari">Uganda Safaris</a></dd>
</dl>
<dl>
<dt>Top Destinations</dt>
<dd><a
href="http://www.uyaphi.com/safaris/south_africa/kruger_national_park_safaris.htm"
title="Kruger Park Safari">Kruger Park</a></dd>
<dd><a
href="http://www.uyaphi.com/tanzania/safari/serengeti-safaris.htm"
title="Serengeti Safari">Serengeti</a></dd>
<dd><a
href="http://www.uyaphi.com/kenya/safari/masai-mara-safaris.htm"
title="Masai Mara Safari">Masai Mara</a></dd>
<dd><a
href="http://www.uyaphi.com/botswana/safaris/okavangosafaris.htm"
title="Okavango Delta Safari">Okavango Delta</a></dd>
<dd><a
href="http://www.uyaphi.com/zambia/safari/victoria-falls-safaris.htm"
title="Victoria Falls Safari">Victoria Falls</a></dd>
<dd><a
href="http://www.uyaphi.com/zambia/safari/luangwa-safaris.htm"
title="Luangwa Safari">Luangwa</a></dd>
<dd><a
href="http://www.uyaphi.com/safaris/namibia/etoshasafaris.htm"
title="Etosha Safari">Etosha</a></dd>
<dd><a href="http://www.uyaphi.com/safaris/safarisrail.htm"
title="Africa Train Safari">Luxury Train</a></dd>
<dd><a
href="http://www.uyaphi.com/safaris/namibia/namibdesertsafaris.htm"
title="Namib Desert Safari">Namib Desert</a></dd>
<dd><a
href="http://www.uyaphi.com/kenya/safari/amboseli-safaris.htm"
title="Amboseli Safari">Amboseli</a></dd>
</dl>
<dl>
<dt>Islands Holidays</dt>
<dd><a
href="http://www.uyaphi.com/tanzania/safari/zanzibar-safari-extentions.htm"
title="Zanzibar Safari">Zanzibar</a></dd>
<dd><a href="http://www.uyaphi.com/madagascar/safari/"
title="Madigascar Safari">Madigascar</a></dd>
<dd><a href="http://www.uyaphi.com/mauritius/hotels/"
title="Mauritius Hotels">Mauritius</a></dd>



</dl>
<span
class="bottomLine"><p>Uyaphi.com</p></span>
</li>



<li class="sub p3">
<dl>
<dt>Accommodation</dt>
<dd><a href="http://www.uyaphi.com/accommodationZA.htm"
title="South Africa Hotels">South Africa</a></dd>
<dd><a href="http://www.uyaphi.com/accommnamibia.htm"
title="Namibia Accommodation">Namibia</a></dd>
<dd><a href="http://www.uyaphi.com/Acc/accommodationBOTS.htm"
title="Botswana Accommodation">Botswana</a></dd>
<dd><a href="http://www.uyaphi.com/zimbabwe/accommodation/"
title="Zimbabwe Accommodation">Zimbabwe</a></dd>
<dd><a href="http://www.uyaphi.com/mozambique/accommodation/"
title="Mozambique Accommodation">Mozambique</a></dd>
<dd><a
href="http://www.uyaphi.com/Acc/zambia-accommodation.htm" title="Zambia
Accommodation">Zambia</a></dd>
<dd><a href="http://www.uyaphi.com/malawi/accommodation.htm"
title="Malawi Accommodation">Malawi</a></dd>
<dd><a href="http://www.uyaphi.com/kenya/accommodation/"
title="Kenya Accommodation">Kenya</a></dd>
<dd><a href="http://www.uyaphi.com/tanzania/accommodation/"
title="Tanzania Accommodation">Tanzania</a></dd>
</dl>
<dl>
<dt>Top Destinations</dt>
<dd><a
href="http://www.uyaphi.com/accommodationKNPsurrounds.htm" title="Kruger
Park Lodges">Kruger Park</a></dd>
<dd><a
href="http://www.uyaphi.com/kenya/accommodation/masai-mara-accommodation.htm"
title="Masai Mara Accommodation">Masai Mara</a></dd>
<dd><a
href="http://www.uyaphi.com/accommodationWCpeninsula.htm" title="Cape
Town Hotels">Cape Town</a></dd>
<dd><a
href="http://www.uyaphi.com/Acc/accomm_bots_okavango.htm"
title="Okavango Delta Accommodation">Okavango
Delta</a></dd>
<dd><a
href="http://www.uyaphi.com/accommodation/victoria-falls.htm"
title="Victoria Falls Accommodation">Victoria
Falls</a></dd>
<dd><a
href="http://www.uyaphi.com/tanzania/accommodation/serengeti-accommodation.htm"
title="Serengeti Accommodation">Serengeti</a></dd>
<dd><a
href="http://www.uyaphi.com/zambia/accommodation/luangwa.htm"
title="Luangwa Accommodation">Luangwa</a></dd>
<dd><a
href="http://www.uyaphi.com/kenya/accommodation/amboseli-accommodation.htm"
title="Amboseli Accommodation">Amboseli</a></dd>
<dd><a
href="http://www.uyaphi.com/namibia/accommodation/namibdesert.htm"
title="Namib Desert Accommodation">Namib Desert</a></dd>
<dd><a
href="http://www.uyaphi.com/mozambique/accommodation/bazarutoaccommodation.htm"
title="Bazaruto  Accommodation">Bazaruto</a></dd>
</dl>
<dl>
<dt>Islands Holidays</dt>
<dd><a
href="http://www.uyaphi.com/tanzania/accommodation/zanzibar-accommodation.htm"
title="Zanzibar Safari">Zanzibar</a></dd>
<dd><a href="http://www.uyaphi.com/mauritius/hotels/"
title="Mauritius Hotels">Mauritius</a></dd>



</dl>
<span
class="bottomLine"><p>Uyaphi.com</p></span>
</li>
</ul>
</div></td></tr>






<tr>
<td>
<div class="customslider" >

<ul class="kwicks horizontal">
<div id="topkwickstext" class="topkwiksheader">Our most popular
African Safari destinations;</div>
<li id="kwick1"><a
href="http://www.uyaphi.com/kenya/safari/masai-mara-safaris.htm"><img
src="http://www.uyaphi.com/images/default/homepage/masai.jpg"
alt="Masai Mara safari" width="400" height="275" border="0" title="Masai
Mara safari" /></a><span
class="shadow"></span><a
href="http://www.uyaphi.com/kenya/safari/masai-mara-safaris.htm"><strong>Masai
Mara</strong></a></li>
<li id="kwick1"><a
href="http://www.uyaphi.com/tanzania/safari/serengeti-safaris.htm"><img
src="http://www.uyaphi.com/images/default/homepage/serengeti.jpg"
alt="Serengeti safari" width="400" height="275" border="0"
title="Serengeti safari" /></a><span
class="shadow"></span><a
href="http://www.uyaphi.com/tanzania/safari/serengeti-safaris.htm"><strong>Serengeti</strong></a></li>
<li
id="kwick1"><a
href="http://www.uyaphi.com/botswana/safaris/okavangosafaris.htm"><img
src="http://www.uyaphi.com/images/default/homepage/okavango.jpg"
alt="Okavango Delta safari" width="400" height="275" border="0"
title="Okavango Delta Safaris" /></a><span
class="shadow"></span><a
href="http://www.uyaphi.com/botswana/safaris/okavangosafaris.htm"><strong>Okavango
Delta</strong></a></li>
<li id="kwick1"><a
href="http://www.uyaphi.com/accommodationWCpeninsula.htm"><img
src="http://www.uyaphi.com/images/default/homepage/capetown.jpg"
alt="Cape Town hotels" width="400" height="275" border="0" title="Cape
Town hotels" /></a><span
class="shadow"></span><a
href="http://www.uyaphi.com/accommodationWCpeninsula.htm"><strong>Cape
Town</strong></a></li>
<li id="kwick1"><a
href="http://www.uyaphi.com/accommodationKNPsurrounds.htm"><img
src="http://www.uyaphi.com/images/default/homepage/kruger.jpg"
alt="Kruger Park lodges" width="400" height="275" border="0"
title="Kruger Park lodges" /></a><span
class="shadow"></span><a
href="http://www.uyaphi.com/accommodationKNPsurrounds.htm"><strong>Kruger
Park</strong></a></li>
</ul>
</div>
<script type="text/javascript">
$(window).load(function(){//kwicks begin
$('.kwicks').kwicks({
max : 400,
spacing : 0,
event : 'mouseenter'
})
});
</script>
</td>
</tr>


<tr>
<td colspan="6">
<table width="100%" border="0" cellspacing="0"
cellpadding="1">
<tr>
<td width="155" rowspan="3" valign="top"
bgcolor="#A5891B">
<div class="leftmenu" id="leftcolumn">
<div style="height:60px;" class="titlesoc">
<div class="plusone">
<img alt="" style="width: 107px; height: 79px;"
src="http://www.kenya-travels.com/ktimages/wildcat.jpg" />
</div>
</div>
<div class="titles" id="arrow-down">+ ABOUT UYAPHI</div>
<div class="content">
<div
style="background-image:url('http://www.uyaphi.com/images/menu/lady.gif');
background-repeat:no-repeat; background-position:  right">
<a href="http://www.uyaphi.com/uyaphi/aboutuyaphi.htm" >ABOUT
UYAPHI</a><br>
<a href="http://www.uyaphi.com/uyaphi/uyaphi_team.htm" >MEET THE
UYAPHI TEAM</a><br>
<a href="http://www.uyaphi.com/contactus.htm" >CONTACT
UYAPHI</a><br>
<a href="http://www.uyaphi.com/client_comment.htm" >CLIENT
COMMENTS</a><br>
<a href="http://www.africatravelforum.com" TARGET="blank" >TRAVEL
FORUM</a><br>
<a href="http://www.uyaphi.com/search/map/africa/" >AFRICAN
MAP</a><br>
<a href="https://www.sevencorners.com/insurance/HWDYZ38"
TARGET="blank" >TRAVEL INSURANCE</a><br>
<a href="http://www.uyaphi.com/blog/" >AFRICAN TRAVEL
BLOG</a><br>
<a href="http://www.uyaphi.com/safari_planner.htm" >AFRICAN TRAVEL
PLANNER</a><br>
<a href="http://www.uyaphi.com/flights/" >FLIGHTS TO
AFRICA</a><br>
<a href="http://www.uyaphi.com/firsttimevisitor.htm" >FIRST TIME
IN AFRICA</a><br>
<a href="/russian/" >FOR RUSSIAN CLIENTS</a><br>
<br>
</div>
</div>
<div class="titles" id="arrow-down">+ SAFARIS IN
AFRICA</div>
<div class="content">
<div
style="background-image:url('http://www.uyaphi.com/images/menu/gir2.gif');
background-repeat:no-repeat; background-position:  right">
<a href="http://www.uyaphi.com/safaris.htm">SAFARI
HOLIDAYS</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/safaris/southafricasafari.htm">SOUTH
AFRICA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/safaris/safarisNAMIBIA.htm">NAMIBIA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/safaris/safarisBOTSWANA.htm">BOTSWANA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/zimbabwe/safari/">ZIMBABWE</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/kenya/safari/">KENYA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/safaris/safarisZAMBIA.htm">ZAMBIA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/safaris/safarisMALAWI.htm">MALAWI</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/uganda/safari/">UGANDA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/tanzania/safari/">TANZANIA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/mozambique/safaris/">MOZAMBIQUE</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/madagascar/safari/">MADAGASCAR</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/safaris/safarisSAOVERLAND.htm">OVERLAND
TRAVEL</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/safaris/safarisrail.htm">AFRICA TRAIN
SAFARI</a><br>
<br>
</div>
</div>
<div class="titles" id="arrow-down">+ ACCOMMODATION</div>
<div class="content">
<div
style="background-image:url('http://www.uyaphi.com/images/menu/hut.gif');
background-repeat:no-repeat; background-position:  right">
<a href="http://www.uyaphi.com/accommodation.htm">AFRICA
ACCOMMODATION</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/accommodationZA.htm">SOUTH AFRICA
HOTELS</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/accommnamibia.htm">NAMIBIA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/Acc/accommodationBOTS.htm">BOTSWANA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/zimbabwe/accommodation/">ZIMBABWE</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/mozambique/accommodation/">MOZAMBIQUE</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/Acc/zambia-accommodation.htm">ZAMBIA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/malawi/accommodation.htm">MALAWI</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/tanzania/accommodation/">TANZANIA</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/kenya/accommodation/">KENYA</a><br>
<br>
</div>
</div>
<div
class="titles" id="arrow-down">+ DESTINATION GUIDES</div>
<div class="content">
<div
style="background-image:url('http://www.uyaphi.com/images/menu/map.gif');
background-repeat:no-repeat; background-position:  right">
<a href="http://www.uyaphi.com/destinations.htm">AFRICA
TRAVEL</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/about_South_Africa.htm">SOUTH AFRICA
TRAVEL</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/tanzania/">TANZANIA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/botswana/">BOTSWANA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/zimbabwe/">ZIMBABWE</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/malawi/">MALAWI</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/zambia/">ZAMBIA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/namibia/">NAMIBIA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/kenya/">KENYA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/uganda/">UGANDA</a><br>
<strong>»</strong> <a
href="http://www.uyaphi.com/madagascar/">MADAGASCAR</a><br>
<strong>»</strong>
<a
href="http://www.uyaphi.com/mozambique/">MOZAMBIQUE</a><br>
<strong>»</strong>
<a href="http://www.uyaphi.com/about_Cape_Town.htm">CAPE TOWN
TRAVEL</a><br>
<br>
</div>
</div>
<div class="titles" id="arrow-down">+ AFRICA TRAVEL
IDEAS</div>
<div class="content">
<div
style="background-image:url('http://www.uyaphi.com/images/menu/bulb.gif');
background-repeat:no-repeat; background-position:  right">
<a href="http://www.flysaa.com/Journeys/skins/home.action?SKN=1049"
target='_blank'>FLIGHTS AND AIRFARES</a><br>
<a href="http://www.uyaphi.com/weddings/Africanwedding.htm"
>AFRICAN WEDDING GUIDE</a><br>
<a href="http://www.uyaphi.com/honeymoons/africanhoneymoon.htm"
>AFRICA HONEYMOON</a><br>
<a href="http://www.uyaphi.com/accommodationMALARIAfree.htm"
>MALARIA FREE GAME LODGES</a><br>
<a href="http://www.uyaphi.com/safaris/safarisWALKING.htm"
>WALKING SAFARI</a><br>
<a href="http://www.uyaphi.com/safaris/safarisbirding.htm"
>BIRDING SAFARI</a><br>
<a href="http://www.uyaphi.com/safaris/safarisflyin.htm" >FLY IN
SAFARIS</a><br>
<a href="http://www.uyaphi.com/safaris/safarisrail.htm" >RAIL
SAFARIS</a><br>
<a href="http://www.uyaphi.com/family/" >FAMILY
SAFARI</a><br>
<a href="http://www.uyaphi.com/spa/" >HEALTH SPAS IN
AFRICA</a><br>
<a href="http://www.uyaphi.com/conferences/conference.htm" >AFRICA
CONFERENCE</a><br>
<a href="http://www.uyaphi.com/accomm-singita.html"
>SINGITA</a><br>
<a href="http://www.uyaphi.com/Acc/wc/WCPENcommodore.htm"
>COMMODORE HOTEL CAPE TOWN</a><br>
<a href="http://www.uyaphi.com/mount_nelson_hotel/" >MOUNT
NELSON</a><br>
<a href="http://www.uyaphi.com/Acc/kzn/KZNfugitivesdriftlodge.htm"
>FUGITIVES DRIFT LODGE</a><br>
<a href="http://www.uyaphi.com/accomm-londolozi.html"
>LONDOLOZI</a><br>
<a href="http://www.uyaphi.com/sun-city/" >SUN CITY SOUTH
AFRICA</a><br>
<a href="http://www.uyaphi.com/accommodationWCpeninsula.htm" >CAPE
TOWN HOTELS</a><br>
<br>
</div>
</div>
<a
href='http://www.facebook.com/pages/Cape-Town-South-Africa/uyaphicom/147522697274'
target='self' class='myButton'><img
src='http://www.uyaphi.com/images/facebook/facebook.gif' alt='Follow
Uyaphi on FaceBook' border='0' width='140' height='36'/></a>
<img src='http://www.uyaphi.com/images/spacer2.gif' width='5'
height='5'/>
<a href='https://plus.google.com/107468653106063055270' target='self'
class='myButton'><img
src='http://www.uyaphi.com/images/google/googleplus.png' alt='Follow
Uyaphi on Google+' border='0' width='140' height='36'/></a>
<img src='http://www.uyaphi.com/images/spacer2.gif' width='5'
height='2'/>
<a href='http://www.youtube.com/uyaphi' target='self'
class='myButton'><img
src='http://www.uyaphi.com/images/youtube/youtube_logo_header.gif'
alt='Follow Uyaphi on YouTube' border='0' width='140'
height='36'/></a>
<img src='http://www.uyaphi.com/images/spacer2.gif' width='5'
height='5'/>
<a href='http://www.twitter.com/Uyaphi' target='self'
class='myButton'><img
src='http://www.uyaphi.com/images/twitter/twitter_logo_header.png'
alt='Follow Uyaphi on Twitter' border='0' width='140'
height='36'/></a>
<img src='http://www.uyaphi.com/images/spacer2.gif' width='5'
height='5'/>
<a href='http://www.flickr.com/photos/pentaxjunkie' target='self'
class='myButton'><img
src='http://www.uyaphi.com/images/flickr/flickr.gif' alt='Follow Uyaphi
on Flickr' border='0' width='140' height='36'/></a>
<img src='http://www.uyaphi.com/images/spacer2.gif' width='5'
height='2'/>
<br/>
</div>
</td>
<td colspan="3" valign="top"><div align="center">

Tasarımın altındaki yazı:

.</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" valign="top"> </td>
</tr>
</table>
</td>
</tr>

<tr><td>
<div class="bestquestfooter"><span>by bestquest designs</span></div>
<tr><td>  
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script type="text/javascript">
initShowHideDivs();
showHideContent(false,1);	// Automatically expand first item
</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</tr>
</td></tr>
</td>
</tr>

</table>
</body>
</html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display:
none;} h2#title span {display: none;} div.header{display: none;}
li.nav_element{list-style-type: none;} li.nav_element{display: none;}
@charset "utf-8";
/* CSS Document */
/* ===================== Start header & body ======= */
body,td,th,h1,h2,h3,h4,h5,h6 {font-family: verdana, helvetica, arial,
sans-serif !important; font-size: 10px; color: #000000; height: auto;
line-height: 120%;}
body {background-color: #E1B606; margin-left: 0px; margin-top: 5px;
margin-right: 0px; margin-bottom: 5px; background-image:  none;
background-repeat: no-repeat;}
table {border-collapse: collapse;}
.featured {border:1px solid #3F340A; overflow: hidden; margin-top: 1px;
margin-left: 1px; -moz-border-radius: 5px; border-radius: 5px; padding:
1px;}
.leftmenu {border: 1px solid #3F340A; background-color: #A5891B;
padding-left: 1px; padding-right: 1px; -moz-border-radius: 5px;
border-radius: 5px; margin-top: 1px;}
#mapKenya {height:297px;}
#krugerlodgemap {height:503px;}
#sixLines {height: 196px;}
#sevenLines {height: 208px;}
#eightLines {height: 219px;}
#ninelines{height:231px;}
#tenlines {height: 243px;}
#elevenlines {height: 255px;}
#twelvelines {height: 268px;}
#thirteenlines {height: 280px;}
#fourteenlines {height: 293px;}
#whybook {height: 100%;}
.imageleft {float: left; margin-right: 1px; -o-border-radius: 5px;
-icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius:
5px; -webkit-border-radius: 5px; border-radius: 5px;}
.listingsimage {-o-border-radius: 5px; -icab-border-radius: 5px;
-khtml-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px;}
/* ===================== End header & body ======= */
/* ===================== Start links ======= */
a {font-family: verdana, helvetica, arial, sans-serif; font-size: 10px;
color: #FFFFFF;}
a:visited {color: #FFFF00; text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
/* ===================== End links ======= */
/* =========================================== Start header div
============================================================== */
h1 {font-size: 36px; text-align: center; margin-right: 0px; margin-top:
10px; margin-bottom: 0px; font-weight: normal; padding-bottom: 5px;}
h2 {font-size: 12px; text-align: left; margin-right: 0px; margin-top:
0px; margin-bottom: 0px; font-weight: bold; background: #EFDFA0;
-moz-border-radius: 5px; border-radius: 5px; padding: 2px 0px 2px 5px;}
h3 {font-size: 10px; text-align: left; margin-right: 0px; margin-top:
0px; margin-bottom: 0px; font-weight: bold; background: #EFDFA0;
-moz-border-radius: 5px; border-radius: 5px; padding: 2px 0px 2px 5px;}
h6 {font-size: 11px; color: #3F340A; text-align: left; margin-right:
0px; margin-top: 0px; margin-bottom: 0px; font-weight: bold; background:
#EFDFA0; width: 149px;}
.style4 {font-size: 9pt; text-align: center; margin-right:0px;
margin-bottom:0px; font-weight:normal; padding-bottom: 15px;}
.header {width: 760px; margin: -7px auto 0 auto; padding-top: 5px;
position: relative;}
.uyaphitop {background-color: #3F340A; height: 35px; position: relative;
-moz-border-top-left-radius: 7px; -moz-border-top-right-radius: 7px;
border-top-right-radius: 7px; border-top-left-radius: 7px;}
.uyaphitop span {text-transform: uppercase; color: #E1B606; font-weight:
bold; line-height: 35px; padding-left: 5px;}
.uyaphitop a {color: #FFF; font-weight: bold;}
.inputsearch {display: block; float: right; top: 8px; padding-right:
5px; position: relative;}
#inputbox{font-family: Verdana, Geneva, sans-serif, Arial; border: 2px
solid #CBA921; -moz-border-radius: 5px; border-radius: 5px;
background-color: #EFDFA0; font-size: 7pt; color: #3F340A;}
#inputbutton{font-family: Verdana, Geneva, sans-serif, Arial; border:
2px solid #E1B606; -moz-border-radius: 5px; border-radius: 5px; color:
#E1B606; background-color: #3F340A; font-size: 7pt; font-weight: bold;
text-transform: uppercase;}
.uyaphiheader {background-color: #FFF; height: 110px; position:
relative; text-decoration: none;}
#uyaphifour {float:right; position: relative; padding-right: 5px;}
#uyaphi1999 {float:left; position: absolute; padding-left: 75px;
padding-top: 23px;}
#uyaphiman {float:left; position: absolute; padding-left: 1px;
padding-top: 2px; z-index: 1;}
.man {font-family: Tahoma, Geneva, sans-serif; position: absolute;
float:right; padding-top: 15px; z-index: 1; left: 163px; bottom: 95px;}
#man {font-size: 8pt; font-variant: normal; font-weight: normal; color:
#000000; letter-spacing: inherit; margin: 0px}
.sociallikegoogle {position: absolute; width: 117px; margin: 300; top:
13px; left: 317px; z-index: 10;}
.sociallikefacebook {position: absolute; width: 100px; margin: 450; top:
13px; left: 223px; z-index: 11; height: 15px;}
.top-breadcrumb {text-align:left; background-color:#3F340A; padding:
5px; -moz-border-radius:5px; border-radius:5px;}
.bottom-enquiry {text-align:center; background-color:#A5891B; padding:
7px; -moz-border-radius:5px; border-radius:5px;}
#bottom-enquiry {font-size: 14px; font-weight: bold;}
/* =========================================== End header div
============================================================== */
/* ================================================ Start menu div
========================================================= */
.uyaphimenu {background-color: #FFF; width: 760px;}
.menu {padding-left: 0px; padding-right: 0px; padding-top: 1px;
padding-bottom: 1px; margin: 0; list-style: none; width: 760px;
min-height: 30px; position: relative; text-transform: uppercase;}
.menu li.main {float: left; height: 31px; padding-right: 1px;
padding-left: 1px;}
.menu li.main a {display: block; float: left; width: 124px; height:
30px; line-height: 30px; text-align:center; text-decoration: none;
font-size: 10px; font-weight: bold; -moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;}
.menu li.t1 a {background:#3F340A;}
.menu li.t2 a {background:#3F340A;}
.menu li.t3 a {background:#3F340A;}
.menu li.t4 a {background:#3F340A;}
.menu li.t5 a {background:#F00;}
.menu li.t6 a {background:#3F340A;}
.menu li.t7 a {background:#3F340A;}
.menu li.t8 a {padding:0 10px}
.menu li.sub {clear: left; float: left; width: 759px; height: 0;
overflow: hidden; border: 0; position: relative; -moz-transform-origin:
left top; -ms-transform-origin: left top; -o-transform-origin: left top;
-webkit-transform-origin: left top; transform-origin: left top;
-moz-transform-origin: left top; -ms-transform-origin: left top;
-o-transform-origin: left top; -webkit-transform-origin: left top;
-moz-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s
ease-in-out; -o-transition: height 0.5s ease-in-out; -webkit-transition:
height 0.5s ease-in-out; transition: height 0.5s ease-in-out;
-moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.menu li.t8 {position:absolute; right:0; bottom:0px; height:0;
overflow:hidden; border-radius: 10px 10px 0 0; -moz-transition: height
0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out;
-o-transition: height 0.5s ease-in-out; -webkit-transition: height 0.5s
ease-in-out; transition: height 0.5s ease-in-out;}
li.p1 {background:#FFF;}
li.p2 {background:#FFF;}
li.p3 {background:#FFF;}
li.p4 {background:#FFF;}
.menu li.sub dl {float: left; margin: 10px -9px 0 10px; padding: 10px;
background: #CBA921; -moz-border-radius: 8px;border-radius: 8px;}
.menu li.sub dt {line-height: 18px; font-size: 14px; font-weight: bold;
padding: 0 10px; margin: 1px 0; -moz-border-radius: 20px; border-radius:
20px;}
.menu li.sub dd a {display: block; padding-left: 20px; line-height:
20px; font-size: 12px; text-decoration: none; color: #FFF;
-moz-border-radius: 20px; border-radius: 20px;}
.menu li.sub span {position: absolute; left: 10px; bottom: 10px;
display: block; width: 730px; background: #000; -moz-border-radius: 8px;
border-radius: 8px;}
.menu li.sub span p {padding:0 0 0 20px; margin:0; line-height:22px;
color:#eee; font-weight:bold; font-size:12px;}
.menu li.sub span p a:hover {text-decoration:none;}
.menu li:hover {direction:ltr;}
/*
=========================================================================================================
*/
li.p1 dl {width: 223px; height: 160px;}
li.p1 dt {color: #3F340A; border: 1px solid #3F340A;}
li.p1 dd {padding: 0; margin: 0; width: 223px;}
li.p1 dd a:hover {background: #b99645; color: #fff;}
li.p1 span p a {color: #b99645; font-weight: bold;}
.menu li.t2:hover ~ li.p1 {height:230px; -moz-transition: height 0.5s
ease-in-out 0.25s; -ms-transition: height 0.5s ease-in-out 0.25s;
-o-transition: height 0.5s ease-in-out 0.25s; -webkit-transition: height
0.5s ease-in-out 0.25s; transition: height 0.5s ease-in-out 0.25s;}
li.p1:hover {height:230px; -moz-transition: height 0.5s ease-in-out
0.25s; -ms-transition: height 0.5s ease-in-out 0.25s; -o-transition:
height 0.5s ease-in-out 0.25s; -webkit-transition: height 0.5s
ease-in-out 0.25s; transition: height 0.5s ease-in-out 0.25s;}
li.p2 dl {width:223px; height:220px;}
li.p2 dt {color:#3F340A; border:1px solid #3F340A;}
li.p2 dd {padding:0; margin:0; width:223px;}
li.p2 dd a:hover {background:#b99645; color:#fff;}
li.p2 span p a {color:#b99645; font-weight:bold;}
.menu li.t3:hover ~ li.p2 {height:290px; -moz-transition: height 0.5s
ease-in-out 0.25s; -ms-transition: height 0.5s ease-in-out 0.25s;
-o-transition: height 0.5s ease-in-out 0.25s; -webkit-transition: height
0.5s ease-in-out 0.25s; transition: height 0.5s ease-in-out 0.25s;}
li.p2:hover {height:290px; -moz-transition: height 0.5s ease-in-out
0.25s; -ms-transition: height 0.5s ease-in-out 0.25s; -o-transition:
height 0.5s ease-in-out 0.25s; -webkit-transition: height 0.5s
ease-in-out 0.25s; transition: height 0.5s ease-in-out 0.25s;}
li.p3 dl {width:223px; height:220px;}
li.p3 dt {color:#3F340A; border:1px solid #3F340A;}
li.p3 dd {padding:0; margin:0; width:223px;}
li.p3 dd a:hover {background:#b99645; color:#fff;}
li.p3 span p a {color:#b99645; font-weight:bold;}
.menu li.t4:hover ~ li.p3 {height:290px; -moz-transition: height 0.5s
ease-in-out 0.25s; -ms-transition: height 0.5s ease-in-out 0.25s;
-o-transition: height 0.5s ease-in-out 0.25s; -webkit-transition: height
0.5s ease-in-out 0.25s; transition: height 0.5s ease-in-out 0.25s;}
li.p3:hover {height:290px; -moz-transition: height 0.5s ease-in-out
0.25s; -ms-transition: height 0.5s ease-in-out 0.25s; -o-transition:
height 0.5s ease-in-out 0.25s; -webkit-transition: height 0.5s
ease-in-out 0.25s; transition: height 0.5s ease-in-out 0.25s;}
.clear {clear:left;}
/* ================================================ End menu div
========================================================= */
/* ============================================ Start right menu
============================================================= */
.titlesoc,
.titles{-moz-border-radius:5px; border-radius:5px;
background-color:#3F340A; border:1px solid #CBA921;
display:inline-block; font-size:9px; color:#FFF; font-weight:bold;
padding-top:5px; padding-bottom: 5px; text-decoration:none; text-align:
left; width: 149px; margin-bottom: 3px; cursor:pointer;}
.titlesoc:hover,
.titles:hover {-moz-border-radius:5px; border-radius:5px;
background-color:#7A6512; width: 149px;}
.titlesoc:active,
.titles:active {position:relative; top:1px; width: 149px;}
.content{background-color: #A5891B; width: 149px; visibility: hidden;
height: 0px; overflow: hidden; position: relative; padding-left: 1px;}
/* ============================================ End right menu
============================================================= */
/* ============================================ Start Social right menu
============================================================= */
a.myButton {-moz-border-radius:5px; border-radius:5px;
background-color:#3F340A; border:1px solid #CBA921;
display:inline-block; font-size:9px; color:#FFF; font-weight:bold;
padding-top:5px; padding-bottom: 5px; text-decoration:none; text-align:
center; width: 149px; cursor:pointer; overflow:hidden;}
.myButton:hover {-moz-border-radius:5px; border-radius:5px;
background-color:#7A6512; width: 149px;}
.myButton:active {position:relative; top:1px; width: 149px;}
.at {font-size:25px; float:left; padding-right: 2px;}
/* ============================================ End Social right menu
============================================================= */
/* ============================================ Start Slideshow
============================================================= */
.maintextarea {position:relative; width: 760px; height: 1336px;
background-color:#CBA921;}
.customslider {background-color: #3F340A; position: relative;}
.kwicks {list-style: none; position: relative; margin: 0; padding: 0;
overflow: hidden; height: 275px;}
.kwicks li{width: 152px; height: 275px; display: block; overflow:
hidden; padding: 0; cursor: pointer; opacity: .8; filter:
alpha(opacity=80);}
.kwicks li.active {opacity:8; filter: alpha(opacity=80);}
.kwicks.horizontal li {margin-right: 0; float: left; position:
relative;}
.topkwiksheader {display: block; position: absolute; height: 25px;
background:
url(http://www.uyaphi.com/jquery/kwicks/slide_bg-tail_strong.png) repeat
0 0; width: 100%; padding: 0 0 0 5px; z-index: 1;}
#topkwickstext {line-height: 25px; text-transform: uppercase; color:
#E1B606; font-weight: bold; font-size: 14px;}
.kwicks li span {display:block; position:absolute; top:0; right:-2px;
height: 275px; width:9px;
background:url(http://www.uyaphi.com/jquery/kwicks/shadow_li_span.png)
no-repeat 0 0;}
.kwicks li strong {position: absolute; bottom: 0; left: 0; display:
block; height: 25px; width: 100%; background:
url(http://www.uyaphi.com/jquery/kwicks/slide_bg-tail_strong.png) repeat
0 0; font-size: 12px; line-height: 25px; text-transform: uppercase;
color: #E1B606; padding: 0 0 0 5px; font-weight: bold;}
.kwicks li:hover strong {color:#fff;}
/* ============================================ End Slideshow
============================================================= */
/* ============================================ Start Accordion
============================================================= */
#accordion {padding-left: 1px}
h1.acc_trigger {cursor: pointer;}
h2.acc_trigger {padding: 0; margin: 0 0 2px 0; height: 20px;
line-height: 20px; width: 598px; float: left; cursor: pointer;}
h2.acc_trigger a {color: #000; text-decoration: none; display: block;
padding: 0 0 0 5px;}
h2.acc_trigger a:hover {color: #3F340A;}
.acc_container {margin: 0 0 2px; padding: 0; overflow: hidden; width:
598px; clear: both; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright:
5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius:
5px; border-bottom-left-radius: 5px;}
/* ============================================ End Accordion
============================================================= */
/* ============================================ Start BestQuest
============================================================= */
.bestquestfooter {width: 760px; position: relative; background-color:
#776313; margin-bottom: 2px; -moz-border-radius: 5px; border-radius:
5px; margin-top: 1px;}
.bestquestfooter span {display: block; text-align: right; padding: 5px
15px 5px 5px; color: #FF9900; font-family: Arial;}
/* ============================================ End BestQuest
============================================================= */
/* ============================================ Start Footer
============================================================= */
.footer {width: 760px; /* header width */ position: absolute;
margin-top: 2px; padding-bottom: 20px;}
.footermain {background-color: #A5891B; /* BG colour */
-moz-border-radius: 5px; border-radius: 5px; height: 230px; position:
relative; padding: 5px 5px 5px 5px;}
.footerleft {float: left; width: 230px; height: 210px; padding: 5px 5px
5px 5px; background-color: #CBA921; position: relative;
-moz-border-radius: 7px; border-radius: 7px;}
.footermiddle {float: left; width: 240px; height: 210px; padding: 5px
5px 5px 5px; margin-left: 4px; background-color: #CBA921; position:
relative; -moz-border-radius: 7px; border-radius: 7px;}
.footerright { text-align: center; float: right; width: 240px; height:
210px; padding: 5px 5px 5px 5px; margin-right: 2px; background-color:
#CBA921; position: relative; -moz-border-radius: 7px; border-radius:
7px;}
/* end footer tabs */
/* start footer span */
.footerleft span {display: block; position: absolute; top: 0; right:
-0px; height: 220px; width: 9px; background:
url(http://www.uyaphi.com/jquery/kwicks/shadow_li_span.png) no-repeat 0
0;}
.footermiddle span {display: block; position: absolute; top: 0; right:
0px; height: 220px; width: 9px; background:
url(http://www.uyaphi.com/jquery/kwicks/shadow_li_span.png) no-repeat 0
0;}
.footerright span {display: block; position: absolute; top: 0; right:
0px; height: 220px; width: 9px; background:
url(http://www.uyaphi.com/jquery/kwicks/shadow_li_span.png) no-repeat 0
0;}
/* end footer span */
#contactdetails {font-size: 24px; font-weight: bold; padding-bottom:
10px;}
/* ============================================ End Footer
============================================================= */
/* ============================================ Start Social
============================================================= */
.fb_share,
.plusone {padding:0 10px 0 12px; float:left;}
/* ============================================ End Social
============================================================= */