Forum'da ara:
Ara


Yazar Mesaj
Mesaj13.01.2012, 12:47 (UTC)    
Mesaj konusu: Süper CSS Tasarım Kacırma...
Alıntıyla Cevap Gönder
Mükemmel bir tasarım herkesin hayali olabilir Smile

TASARIM ÜSTÜ KODU :

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr" lang="tr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
<title>DataLife Engine Türkçe Destek | Dlematik.Com</title>
<meta name="description" content="Dlematik Demo Alanı" />
<meta name="keywords" content="DataLife, Engine, CMS, PHP, Türkçe, Destek, Dlematik" />
<meta name="generator" content="DataLife Engine v 9.4 (http://www.dlematik.com)" />
<link rel="search" type="application/opensearchdescription+xml" href="http://dlematik.com/demo4/engine/opensearch.php" title="DataLife Engine Türkçe Destek | Dlematik.Com" />
<link rel="alternate" type="application/rss+xml" title="DataLife Engine Türkçe Destek | Dlematik.Com" href="http://dlematik.com/demo4/rss.xml" />
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/js/jquery.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/js/jqueryui.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/js/dle_js.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo4/engine/classes/highslide/highslide.js"></script>
<link rel="shortcut icon" href="http://dlematik.comhttp://dlematik.com/demo4/templates/HitFusion/images/favicon.ico" />
<link href="" type="text/css" rel="stylesheet" />
<link href="http://dlematik.com/demo4/templates/HitFusion/style/engine.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://dlematik.com/demo4/templates/HitFusion/js/libs.js"></script>
<!--[if IE ]>
<link href="/demo4/templates/HitFusion/style/ie.css" type="text/css" rel="stylesheet" />
<![endif]-->
<!--[if !IE]>-->
<script type="text/javascript" src="http://dlematik.com/demo4/templates/HitFusion/js/sprite.js"></script>
<!--<![endif]-->
</head>
<body>
<div id="loading-layer" style="display:none"><div id="loading-layer-text">Yükleniyor,Lütfen Bekleyiniz!</br></div></div>
<script language="javascript" type="text/javascript">
<!--
var dle_root = '/demo4/';
var dle_admin = '';
var dle_login_hash = '';
var dle_group = 5;
var dle_skin = 'HitFusion';
var dle_wysiwyg = 'no';
var quick_wysiwyg = '0';
var dle_act_lang = ["Evet", "Hayır", "Gönder", "İptal", "Kaydet"];
var menu_short = 'Hızlı Düzenle';
var menu_full = 'Tam Düzenle';
var menu_profile = 'Profil';
var menu_send = 'Mesaj Gönder';
var menu_uedit = 'Yönetici KP';
var dle_info = 'Bilgi';
var dle_confirm = 'Soru Ekranı';
var dle_prompt = 'İstem';
var dle_req_field = 'Bütün Gerekli Alanları Doldurun';
var dle_del_agree = 'Bu Yorumu Silmek İstidiğinize Emin Misiniz?';
var dle_complaint = 'Yönetime Gönderdilmek Üzere Şikayet Metnini Girin:';
var dle_big_text = 'Seçilen metin alanı çok büyük.';
var dle_orfo_title = 'Dilbilgisi hatalarını yönetime bildirmek için açıklama girin:';
var dle_p_send = 'Gönder';
var dle_p_send_ok = 'Bildirim Gönderildi';
var dle_save_ok = 'Değişiklikler başarıyla kaydedildi.';
var dle_del_news = 'Konuyu Sil';
var allow_dle_delete_news = false;
var dle_search_delay = false;
var dle_search_value = '';
$(function(){
FastSearch();
});//-->
</script><script language="javascript" type="text/javascript">
<!--
hs.graphicsDir = '/demo4/engine/classes/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.numberOfImagesToPreload = 0;
hs.showCredits = false;

hs.lang = {
loadingText : 'Yükleniyor...</br>',
playTitle : 'Slayt gösterisi olarak görüntüle (Space)',
pauseTitle: 'Duraklat',
previousTitle : 'Önceki resim',
nextTitle : 'Sonraki resim',
moveTitle : 'Taşı',
closeTitle : 'Kapat (Esc)',
fullExpandTitle : 'Orjinal Boyutunda Göster',
restoreTitle : 'Tıkla,Resmi Eski Haline Getir',
focusTitle : 'Tıkla Resmi Gör',
loadingTitle : 'Resim Tıkla Gösteri İptal Et'
};

//-->
</script>
<div id="bg_bottom">
<div id="wrapper">
<div id="header">
<!-- HEADER -->
<a href="/demo4/index.php" title="Site Adı" class="logo">   </a>
<div class="header_links">
<a href="ana-sayfa.htm" class="header_home">Ana Sayfa</a>
<a href="/forum.htm" class="header_sitemap" title="Site Haritası">Site Haritası</a>
<a href="/Iletisim.htm" class="header_contact" title="İletişim">İletişim</a>
</div>





<div class="autorisation">
<a href="#?w=321" rel="popup" class="poplight login_btn"><span>Üye Girişi</span></a>
<a href="   " class="login_register"><span>Kayıt Ol</span></a>


</div>
<div id="popup" class="popup_block">
<div class="modal_bg_top">
<div class="modal_bg_bot">


<div class="logform">
<div class="logindialog">
<form method="post" action="">
<input type="text" name="login_name" id="login_name" class="logindialog_input" value="Kullanıcı Adı." onblur="if(this.value=='') this.value='Kullanıcı Adı.';" onfocus="if(this.value=='Kullanıcı Adı.') this.value='';" />
<input type="password" name="login_password" id="login_password" class="logindialog_input2" value="******" onblur="if(this.value=='') this.value='******';" onfocus="if(this.value=='******') this.value='';" />
<div class="logindial"><span><input onclick="submit();" class="logindialog_btn" type="image" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" /></span></div>
<input name="login" type="hidden" id="login" value="submit" />
</form>
</div>
<div class="logind"><div class="logindialog_links"></div><div class="logindialog_link"><a href="http://www.levelbilisim.tr.gg/Kayit.htm">Şifremi Unuttum?</a></div></div>
</div>

</div>
</div>
</div>


<div class="header_menu_bg_l">
<div class="header_menu_bg_r">
<div class="header_menu_bg">
<div class="header_menu_bg_dot">
<div class="header_menu_line">
<ul id="topmenu" class="reset">
<li><span><a href="/ana-sayfa.htm">Anasayfa</a></span></li>
<li><span><a href="http://www.levelbilisim.tr.gg/Forum.htm" title="Forum">Forum</a></span></li>
<li><span><a href="/Kayit.htm" title="Kayıt Ol">Kayıt Ol</a></span></li>

<li><span><a href="/Giris.htm">Giris Yap</a></span></li>
<li><span><a href="/Hesaplar.htm">Banka Hesapları</a></span></li>
<li class="sublnk"><span><a href=>Yazarlar</a></span>
<ul>
<li><a href="/Yazar1.htm">Yazar : </a></li>
<li><a href="/Yazar2.htm">Yazar : </a></li>
</ul>
</li>
<li><span><a href="/Iletisim.htm">İletişim</a></span></li>




</ul>
<div class="search_bg">
<form method="post" action=''>
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<input id="story" name="story" class="header_search" value="Site İçi Arama?" onblur="if(this.value=='') this.value='Site İçi Arama?';" onfocus="if(this.value=='Site İçi Arama?') this.value='';" type="text" />
<input type="image" class="search_btn" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" />
</form>
<div class="search_links"><div class="search_link"></div><a href="http://www.levelbilisim.tr.gg/Advenced">Gelişmiş Arama ?</a></div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="rss_new">
<a class="rss_btn" href="/RSS"><span>Site RSS</span></a>
<a class="new_btn" href="http://www.facebook.com/Ko.OlympiaFanPage"><span>Facebook</span></a>

</div>
<!-- /HEADER -->
</div>
<div class="container">
<div class="container1">
<div class="container2"></div>
</div>
</div>
<div id="container">
<div class="container3">
<div id="left">
<!-- LEFT -->
<div class="left_nav1">
<div class="left_nav2">
<h4 style="display: none;">Kategoriler</h4>
<h4 class="but"><a href="http://www.htm" title="Bmfam">asda</a> </h4>
<h4 class="but"><a href="http://www.lgg/Rift.htm" title="Rfdat Online">asd</a> </h4>
<h4 class="but"><a href="hhtm" title="asd">Nsd</a> </h4>
<!-- Açılır Menü -->
<div class="bnavi">
<ul class="bnavi_out">
<li>
<b><span class="sublink">Battlefield 3</span></b>
<div class="submenu">
<div class="but2"><a href="dad" title="gs">dada</a> </div>
<div class="but2"><a href="da" title="B3asddri">fsdfsde</a> </div>
</div>
</li>
</ul>
</div>
<!-- /Açılır menü Bitiş -->
<!-- Açılır Menü -->
<div class="bnavi">
<ul class="bnavi_out">
<li>

</div>
</div>

<div class="left_bloc">
<div class="popular">
<ul><li><a href="http://dlematik.com/demo4/genel/4-nternet-download-manager-beta-603.html">Internet Download Manager Beta 6.03</a></li><li><a href="http://dlematik.com/demo4/genel/2-pro-evolution-soccer-2011.html">Pro Evolution Soccer 2011</a></li><li><a href="http://dlematik.com/demo4/genel/3-eset-nod32-antivirus-trkze-4242.html">ESET NOD32 Antivirus Türkçe 4.2.42</a></li></ul>
</div>
</div>
<script language="javascript" type="text/javascript">
<!--
function doVote( event ){


var vote_check = $('#dle-vote input:radio[name=vote_check]:checked').val();

ShowLoading('');

$.get(dle_root + "engine/ajax/vote.php", { vote_id: "1", vote_action: event, vote_check: vote_check, vote_skin: dle_skin }, function(data){

HideLoading('');

$("#vote-layer").fadeOut(500, function() {
$(this).html(data);
$(this).fadeIn(500);
});

});
}
//-->
</script><div id='vote-layer'><div class="left_bloc">
<div class="voted">
<div id="bvote" class="block">
<div class="btl">
<form method="post" name="vote_result" action=''>
<input type="hidden" name="vote_action" value="results" />
<input type="hidden" name="vote_id" value="1" />
<input class="vresult" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" type="image" onclick="ShowAllVotes(); return false;" alt="" />
</form>

</div><div class="btl2"></div>

<form method="post" name="vote" action=''>
<div class="dconts">
<div class="dconte">Datalife Engine 9.4 Nasıl Buldunuz...?</div>
<div class="dcont_list"><div id="dle-vote"><div class="vote"><input name="vote_check" type="radio" checked="checked" value="0" /> Mükemmel</div><div class="vote"><input name="vote_check" type="radio" value="1" /> Iyi</div><div class="vote"><input name="vote_check" type="radio" value="2" /> Idare Eder</div><div class="vote"><input name="vote_check" type="radio" value="3" /> Kötü</div><div class="vote"><input name="vote_check" type="radio" value="4" /> Berbat</div></div></div>
</div>
<div class="votefoot">


<input type="hidden" name="vote_action" value="vote" />
<input type="hidden" name="vote_id" id="vote_id" value="1" />
<div class="vote_v"><input onclick="doVote('vote'); return false;" class="vote_v2" type="image" src="http://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" /></div>
<div class="vote_rez"><input onclick="doVote('results'); return false;" class="vote_rez2" type="image" src="http://dlematik.comhttp://dlematik.com/demo4/templates/HitFusion/images/spacer.gif" alt="" /></div>

</div>
</form>
</div>
</div>
</div></div>
<div class="left_bloc">
<div class="archive">
<a class="archives" href="http://dlematik.com/demo4/2011/12/"><b>Aralık 2011 (3)</b></a>
</div>
</div>

<div class="left_bloc">
<div class="reklama">

asdadad
</div>
</div>

<div class="left_bloc">
<div class="tags">
<a href="http://dlematik.com/demo4/tags/9.4/" class="clouds_xsmall" title="Bulunan Konular: 1">9.4</a>, <a href="http://dlematik.com/demo4/tags/dlematik/" class="clouds_xlarge" title="Bulunan Konular: 2">dlematik</a>, <a href="http://dlematik.com/demo4/tags/TR/" class="clouds_xsmall" title="Bulunan Konular: 1">TR</a>
</div>
</div>
<!-- /LEFT -->
</div>
<div id="right">
<!-- CONTENT -->


-------------------------------------------------------------------------
TASARIM ALTI KODU :

Kod:
</div>
<div id="counter"><span></span></div>
<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div></div>
</div>
</div></div>
</div>
</div></div>

<!-- /CONTENT -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="container_b_l">
<div class="container_b_r">
<div class="container_b_c"></div>
</div>
</div>
<div id="spacer"></div>
</div>
<div id="footer">
<!-- FOOTER -->
<div class="footer">
<div class="footer_menu_bg_l">
<div class="header_menu_bg_r">
<div class="header_menu_bg">
<div class="footer_menu_line">
<ul id="footermenu" class="reset">
<li><span><a href="/demo4/index.php">Anasayfa</a></span></li>
<li><span><a href="#">Menü</a></span></li>
<li><span><a href="#">Menü</a></span></li>
<li><span><a href="#">Menü</a></span></li>
</ul>
<a href="#top" id="up"><span>Yukarı</span></a>
</div>
</div>
</div>
</div>


<div class="counts">
© Copyright |<br />hakları saklıdır.<br />
<u>Tema Edit By</u> :
</div>

<a href="http://www.sunephe.tr.gg"><img src="http://b1112.hizliresim.com/s/y/1gg2r.png" /></a>
<a href="http://dlematik.com" title="DleMatik" alt="Datalife Engine Türkçe Destek" class="footer_copyright" target="_blank"></a>
</div>
</div>
<!-- /FOOTER -->
</div>
</div> </div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-11";
urchinTracker();
</script>    <div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>
<div id="extraDiv6"><span></span></div>
</body>
</html>


------------------------------------------------------------
CSS KODU BOLUMUNEE :

[code:1:3fd7948fc3]table {margin-left: auto;margin-right: auto}

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;}



html, body { margin:0; height:100%; font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; color:#515151; line-height:14px; background:#faf7f1 url(http://img.webme.com/pic/e/endorfun/812612312243283.jpg) no-repeat center top; }
#bg_bottom { background:url(http://img.webme.com/pic/e/endorfun/812612312243283.jpg) no-repeat center bottom; }
#wrapper { height:auto !important; height:100%; min-height:100%; margin:0 auto; width:1000px; }
#container { background:#FFF url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_bg.gif) repeat-y; }
#header { height:232px; margin-bottom:12px; }
#left { float:left; width:240px; padding:6px 0 0 11px; }
#right { margin-left:262px; padding:6px 0 0 0; }
#footer { height:137px; margin-top:-137px; display:block; overflow:hidden; margin:0 auto; width:1000px; }
.clear { clear:both; }

a, img, input, textarea { outline:none; border:none; }
label { font-weight:normal; }

h1, h2, h1, h3, h4 { margin:0; padding:0; font:12px/11px Calibri, Arial, Helvetica, sans-serif; }

.btn_reglog, .radial, .fbutton, #loading-layer, #dropmenudiv, .baseform, .ui-dialog, .mass_comments_action, .bbcodes, .ui-button { -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; }
input, textarea, select, button { font-size:13px; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
.lcol { float:left; }
.rcol { float:right; }

input, textarea, select { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color:#454545; line-height:14px; }

.dpad { margin: 0 15px; }
.konu { margin: 15px; }
.infoblock { background-color: #f1f5f7; padding: 15px; margin-bottom: 25px; }

/* ---------- HEADER ---------- */
.logo { background:url(http://img.webme.com/pic/g/grafikdizayn/levelbilisim_logo.png) no-repeat; display:block; overflow:hidden; width:293px; height:94px; position:absolute; margin:27px 0 0 11px; line-height:200px; }
.header_links { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links.png) no-repeat;width:151px;height:59px;position:absolute;margin:42px 0 0 349px;}

.header_home { width:40px; height:40px; display:block; overflow:hidden; line-height:100px; margin:0px 11px 0 11px; float:left; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links_a.png) no-repeat 0 -40px; }
.header_home:hover { background-position:0 0; }
.header_sitemap { width:31px; height:30px; display:block; overflow:hidden; line-height:70px; margin:10px 8px 0 0; float:left; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links_a.png) no-repeat 0px 50px; }
.header_sitemap:hover { background-position:-51px -10px; }
.header_contact { width:34px; height:34px; display:block; overflow:hidden; line-height:80px; margin:14px 0 0 0; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_links_a.png) no-repeat 0 -50px; }
.header_contact:hover { background-position:-90px -14px; }

/* modal window && LOGIN */
#fade { display:none; background:#000; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; opacity:.50; z-index:9999; }
.popup_block { display:none; float:left; position:fixed; top:50%; left:50%; z-index:99999; }
img.btn_close { float:right; margin:-55px -55px 0 0; }
.popup p { padding:5px 10px; margin:5px 0; }

.autorisation { float:right; width:212px; display:block; margin:45px 10px 0 0; }
.autorisation2 { float:right; width:208px; display:block; margin:45px 10px 0 0; }
.autorisation a, .autorisation2 a { float:left; }

.login_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat; display:block; overflow:hidden; height:44px; width:48px; cursor:pointer; line-height:100px; margin-right:9px; }
.login_btn span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat 0 -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.login_register { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -48px 0; display:block; overflow:hidden; height:44px; width:155px; cursor:pointer; line-height:100px; }
.login_register span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -48px -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.logout { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat; display:block; overflow:hidden; height:44px; width:48px; cursor:pointer; line-height:100px; }
.logout span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat 0 -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.login_profile { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -203px 0; display:block; overflow:hidden; height:44px; width:151px; cursor:pointer; line-height:100px; margin-right:9px; }
.login_profile span {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/log_reg.png) no-repeat -203px -44px; display:block; height:100%; width:100%; z-index:100; cursor:pointer; position:relative; }

.modal_bg_top { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/modal_bg_top.png) no-repeat; padding-top:88px; }
.modal_bg_bot { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/modal_bg_bot.png) no-repeat bottom; padding-bottom:4px; }
.logform { background-color:#faf8f3; display:block; overflow:hidden; }

.logindialog { height:64px; padding-left:13px; }

.logindialog_input { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color:#FFF; height:23px; width:274px; background-color:#de3f49; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 10px 0 10px; margin-bottom:7px; line-height:22px; }

.logindialog_input2 { font:12px/11px Calibri, Arial, Helvetica, sans-serif; color:#FFF; line-height:14px; height:23px; width:199px; background-color:#de3f49; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:0 10px 0 10px; line-height:22px; float:left; }

.logindialog_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/logindialog_btn.gif) no-repeat 0 -31px; width:73px; height:31px; }
.logindial { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/logindialog_btn.gif) no-repeat; width:73px; height:31px; overflow:hidden; cursor:pointer; margin:-1px 13px 0 0; float:right; }

.logindialog_links { width:3px; height:3px; background-color:#5d5d5d; float:left; margin:6px 0 0px 17px; }
.logindialog_link { margin:0 0 0 19px; font-style:normal; }
.logindialog_link a { color:#5d5d5d; margin:0 0 5px 4px; }
.logindialog_link a:hover { text-decoration:none; }
.logind { margin:-5px 0 5px 0; }

.login_avatar { float:left; margin:0px 0 0px 13px; }
.login_avatar img { border:2px solid #ebebeb; }
.profile_links { margin:0 21px 0 125px; padding:2px 0 1px 0; }
.profile_links a { background:#efece5 url(http://dlematik.com/demo4/templates/HitFusion/images/style/profile_links.png) no-repeat 4px -11px; color:#3d3d3d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-decoration:none; display:block; padding:1px 0 1px 11px; margin-bottom:2px; }
.profile_links a:hover { background-color:#eb3f4b; background-position:4px 6px; color:#ffffff; text-shadow:0 1px 0 #9d262e; }
.profile_link_of { font-weight:bold; background:#faf8f3 url(http://dlematik.com/demo4/templates/HitFusion/images/style/profile_links.png) no-repeat 4px -11px !important; color:#d73d46 !important; text-decoration:underline !important; }
.profile_link_of:hover { text-decoration:none !important; text-shadow:none !important;}
.admin_link a { border:none; float:right; margin:1px 4px 0 0; padding:0 4px 0 4px; background-image:none; }

/* header menu */
.header_menu_bg_l { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg_l.png) no-repeat; margin-top:128px; position:absolute; }
.header_menu_bg_r { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg_r.png) no-repeat right top; padding:0 18px 0 18px; }
.header_menu_bg { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg.png) repeat-x; }
.header_menu_bg_dot { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x left bottom; margin:0 -7px 0 -7px; }
.header_menu_line { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_line.gif) no-repeat 110px 51px; width:975px; height:96px; padding-top:8px; }
#topmenu { margin-left:0px; }
#topmenu li {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat; float:left; padding-left:45px; margin-right: 4px;}
#topmenu li:hover { background-position:0 -39px;}
#topmenu li span {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat right 0; float:left;}
#topmenu li:hover span { background-position: right -39px;}
#topmenu li a { height:39px; display:block; margin-left:-45px; min-width:71px; text-align:center;text-decoration: none; color: #fff;font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; text-transform:uppercase;line-height:38px; padding:0 12px 0 12px;}
#topmenu li a:hover {text-shadow: 0 1px 0 #991a1c;}
#topmenu .sublnk span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat right 0; }
#topmenu .sublnk:hover span, #topmenu .sublnk.selected span { padding-bottom:2px; background-position:right -39px; }
#topmenu .sublnk:hover { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat 0 -39px; }
#topmenu .sublnk a { padding-right:32px; min-width:50px; }

/* SubMenu */
#topmenu ul { margin:0; padding:0;}
#topmenu .sublnk { position: relative; }
#topmenu li.sublnk ul { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/menu_down_bg.png); padding:5px 0 8px 0; width:127px; margin:0; top:1.8em; left:0; position:absolute; z-index:1999; display:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#topmenu li.sublnk ul li a, #topmenu li.sublnk ul li { float:none; text-shadow:none; display:block; line-height:normal; text-transform:none; line-height:22px; text-indent:19px; }
#topmenu li.sublnk ul li { padding:0; background:none !important; }
#topmenu li.sublnk ul li a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/navlist_seperator.png) no-repeat 1px 1px !important; width: 127px; height:22px; display:block; color:#f9f0ec; padding:0 !important; text-align:left !important; margin-left:0 !important; }
#topmenu li.sublnk ul li a:hover { background-position:1px -21px !important; color:#c32e2f; }

/* search */
.search_bg { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/search_bg.png) no-repeat; width:164px; height:104px; float:right; margin:-8px -11px 0 0; }
.header_search { position:absolute; margin:21px 0 0 10px; color:#f4bcc4; width:92px; height:12px; background-color:transparent; font:11px/10px Calibri, Arial, Helvetica, sans-serif; font-style:italic; text-transform:uppercase; }
.search_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/search_btn.png) no-repeat; width:56px; height:85px; float:right; margin:0 5px 0 0; }
.search_link { background-color:#9c9393; width:3px; height:3px; float:left; margin:6px 5px 0 2px; }
.search_links { margin:72px 0 0 0; }
.search_links a { color:#9c9393; }
.search_links a:hover { text-decoration:none; }

/* rss && new buttons */
.rss_new { position:absolute; margin:195px 0 0 11px;}
.rss_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat; width:60px; line-height:80px; float:left; margin-right:5px; }
.rss_btn span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat 0 -31px; height:31px; display:block; overflow:hidden; }
.new_btn { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat -60px 0; width:78px; line-height:80px; float:left; }
.new_btn span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/rss_new_.png) no-repeat -60px -31px; height:31px; display:block; overflow:hidden; }





/* ---------- LEFT ---------- */

/* container */
.container { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_t_l.png) no-repeat; }
.container1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_t_r.png) no-repeat right; padding:0 6px 0 6px; }
.container2 { background-color:#FFF; height:6px; }
.container3 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_bg1.gif) no-repeat 259px 0; }
.container_b_l { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_b_l.png) no-repeat; }
.container_b_r { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_b_r.png) no-repeat right; padding:0 25px 0 281px; }
.container_b_c { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/container_b_c.png) repeat-x; height:19px; }

/* left menu */
.bnavi ul, .bnavi ul li { margin:0; padding:0; list-style:none; width:240px; }
.but2 a { color:#FFF; text-decoration:none; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/but2.gif) no-repeat; display:block; width:240px; height:18px; line-height:16px; text-indent:29px; }
.but2 a:hover { color:#f18e8f; }
.bnavi ul b a, .bnavi ul b span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/sublinks.gif) no-repeat; text-decoration:none; color:#FFF; text-indent:29px; display:block; width:240px; height:26px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; line-height:26px; cursor:pointer; font-weight:normal; }
.bnavi ul b a:hover, .bnavi ul b span:hover, .bnavi ul b a.active { color:#FFF; }
.bnavi ul b span.closed { background-position:0 0; }
.bnavi ul b span.closed:hover { background-position:0 -26px; }
.bnavi ul b span.opened { background-position:0 -52px; margin:0; color:#FFF; }
.bnavi_out { list-style:none; margin:0; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/bnavi2.gif) no-repeat 0 26px; }
.submenu { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/bnavi.gif) no-repeat bottom; padding:6px 0 8px 0; }
.but { margin:0; }
.but a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/but.gif) no-repeat; display:block; width:240px; height:26px; color:#FFF; text-decoration:none; text-indent:29px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; line-height:26px; }
.but a:hover{ background-position:0 -26px; }
.left_nav1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_nav1.png) no-repeat; }
.left_nav2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_nav2.png) no-repeat bottom; padding:46px 0 30px 0; }

/* popular */
.left_bloc { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_bloc.png) no-repeat; }
.popular { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/popular.gif) no-repeat 27px 12px; padding:51px 0 13px 0; }
.left_bloc ul { margin:0; padding:0; }
.left_bloc ul li { list-style:none; margin-bottom:1px; }
.left_bloc ul li a { background:#f3f2f2 url(http://dlematik.com/demo4/templates/HitFusion/images/style/popular_dot.gif) no-repeat 12px 9px; width:208px; display:block; overflow:hidden; color:#4b4b4b; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 0 3px 32px; }
.left_bloc ul li a:hover { background-color:#d0373a; background-position: 12px -57px; color:#FFF; text-shadow:0 1px 0 #9f1a1c; }

/* vote */
.voted { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote.gif) no-repeat 27px 12px; padding:9px 0 10px 0; display:block; overflow:hidden; }
.vresult { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vresult.gif) no-repeat; width:23px; height:27px; float:right; margin:0 8px 0 0; }
.btl { height:40px; display:block; overflow:hidden; }
.dconts { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dcont.gif) no-repeat right top; padding-top:8px; }
.dconte { font:15px/14px Calibri, Arial, Helvetica, sans-serif; font-style:italic; line-height:18px; color:#595975; margin:0 11px 0 13px; }
.dcont_list { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dcont_list.png); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 7px 9px 7px; margin:9px 0 10px 0; }
.vote_v { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat; width:98px; height:31px; float:left; margin:0 6px 0 19px; }
.vote_v2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat 0 -31px; width:98px; height:31px; }
.vote_rez { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat -98px 0; width:98px; height:31px; float:left; }
.vote_rez2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/vote_btns.png) no-repeat -98px -31px; width:98px; height:31px; }
.small { margin-left:13px; }

/* archive */
.archive { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive.gif) no-repeat 27px 12px; padding:54px 0 24px 13px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; }
.archive a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive_link.gif) no-repeat; width:215px; height:23px; display:block; margin-bottom:-13px; color:#4b4b4b; text-decoration:none; text-indent:12px; line-height:22px; }
.archive a:hover { background-position:0 -23px; color:#595975; }
.archive b { font-weight:normal; }
#dle_news_archive_link a { background:none; text-indent:inherit; margin-top:-5px; color:#bababa; }
#dle_news_archive_link a:hover { color:#9090b1; }

/* reklama */
.reklama { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/reklama.gif) no-repeat 27px 12px; padding:57px 0 16px 0; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; }

/* tags */
.tags { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/tags.gif) no-repeat 27px 12px; padding:57px 13px 20px 13px; font:13px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; }
.tags a { color:#4b4b4b; text-decoration:none; font-style:normal; }
.tags a:hover { color:#cf1e1e; text-decoration:underline; }



/* ---------- FOOTER ---------- */
.footer { margin:0 auto; width:1000px; }
.footer_menu_bg_l { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_bg_l.png) no-repeat; }
.footer_menu_line { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_menu_line.gif) no-repeat 110px 51px; height:63px; padding-top:8px; margin:0 -7px 0 -7px; }
.footer_logo { width:389px; height:66px; margin-left:14px; }

.footer_logo1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/footer_logo.png) no-repeat; width:185px; height:66px; display:block; overflow:hidden; line-height:110px; float:left; margin-right:55px; }
.footer_copyright { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/footer_logo.png) no-repeat -240px 0; height:66px; display:block; overflow:hidden; line-height:150px; }

.counts { float:right; width:190px; padding:5px 10px 0 0; text-align:center; }
.counts ul { display:inline; }
.counts ul li { float:right; width:88px; height:31px; margin:0 0 3px 7px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
.counts ul li:hover { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
.counts span { text-transform:uppercase; padding-left:7px; }

#footermenu li {background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat; float:left; padding-left:45px; margin-right: 4px; }
#footermenu li:hover { background-position:0 -39px;}
#footermenu li span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav.png) no-repeat right 0; float:left; }
#footermenu li:hover span { background-position: right -39px;}
#footermenu li a { height:39px; display:block; margin-left:-45px; min-width:71px; text-align:center;text-decoration: none; color: #fff;font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; text-transform:uppercase; line-height:38px; padding:0 12px 0 12px; }
#footermenu li a:hover { text-shadow: 0 1px 0 #991a1c; }
#footermenu .sublnk span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat right 0; }
#footermenu .sublnk:hover span, #topmenu .sublnk.selected span { padding-bottom:2px; background-position:right -39px; }
#footermenu .sublnk:hover { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/header_nav_sublnk.png) no-repeat 0 -39px; }
#footermenu .sublnk a { padding-right:32px; min-width:50px; }

#up { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/up.png) no-repeat right top; width:73px; height:24px; display:block; overflow:hidden; float:right; margin:8px 6px 0 0; color:#FFF; text-decoration:none; line-height:70px; }
#up span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/up.png) no-repeat right -24px; width:73px; height:24px; display:block; cursor:pointer; }



/* ---------- CONTENT ---------- */

/* speedbar */
.speedbar1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:10px; margin:0 11px 12px 13px; }
.speedbar { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_item.gif) no-repeat; padding:4px 0 0 22px; height:19px; display:block; overflow:hidden; }
#dle-speedbar a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/speedbar.gif) repeat-x; padding:3px 6px 3px 6px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #696969; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

.dle-speedbar { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/speedbar1.gif) no-repeat top center; padding:4px 6px 0px 5px; }
#dle-speedbar b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 6px 3px 6px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight:normal; }

/* short story */
.short { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line.gif) repeat-x bottom; margin-bottom:1px; }
.short1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line1.gif) no-repeat left bottom; padding-bottom:18px; }

.short_item1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:3px; margin:0 11px 8px 13px; }
.short_item { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_item.gif) no-repeat; height:23px; padding-top:6px; }
.short_item h3 a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }
.short_item h3 a:hover { background-position:0 -23px; text-shadow: 0 1px 0 #ab3d3f; }

.short_item h1 a { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }
.short_item h1 a:hover { background-position:0 -23px; text-shadow: 0 1px 0 #ab3d3f; }



.short_bt_line { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line.gif) repeat-x bottom; display:block; overflow:hidden; }
.short_bt_line a { color:#e13d3e; }
.short_bt_line a:hover { text-decoration:none; }
.short_bt_line1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_bt_line1.gif) no-repeat left bottom; padding-bottom:20px; }

.short_author span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive_link.gif) no-repeat; margin:0 -5px 0 13px; padding:4px 0 0 11px; }
.short_author span a { color:#c23031; text-decoration:none; }
.short_author span a:hover { color:#e13d3e; }
.short_author em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_author.gif) no-repeat; padding:1px 0 3px 5px; }
.short_author em a { color:#FFF; text-shadow:0 1px 0 #3b3a50; }
.short_author em a:hover { color:#e2dafa; }
.short_author b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_author.gif) no-repeat right top; font-weight:normal; padding:1px 5px 3px 0; }

.short_category { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/archive_link.gif) no-repeat; float:right; padding:4px 12px 0 11px; margin-top:-4px; }
.short_category a { color:#e13d3e; }
.short_category a:hover { text-decoration:none; }

.short_story { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; margin:0 12px 9px 14px; padding:4px 0 14px 0; display:block; overflow:hidden; }
.short_story a { color:#e13d3e; }
.short_story a:hover { text-decoration:none; }

.full_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/full_link.gif) no-repeat; width:98px; line-height:80px; margin-left:13px; }
.full_link b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/full_link.gif) no-repeat 0 -31px; width:98px; height:31px; display:block; overflow:hidden; }
.full_link a { width:98px; height:31px; display:block; overflow:hidden; }

.short_rating { float:right; margin:5px 11px 0 5px; }
.short_views { float:right; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_views.gif) no-repeat right 8px; padding:3px 10px 0 0; margin-top:4px; display:block; overflow:hidden;
height:15px; }
.short_views span { background-color:#f3f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:1px 4px 1px 3px; }

.edit { float:right; margin-top:-6px; }
.edit img { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/edit.gif) no-repeat 0 -23px; width:20px; height:23px; border:none; }
.edit img:hover { background-position:0 0;}
.favorites { float:right; margin-top:-4px; margin-right:5px;}

/* navigation */
.nav_links { float:right; margin-right:11px; overflow:hidden; width:57px; }

.nav_links em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -52px 0; width:26px; height:31px; display:block; float:left; margin-right:5px; }
.prev_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -26px 0; width:26px; height:31px; }

.nav_links b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -52px -31px; width:26px; height:31px; display:block; float:right; }
.next_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat -26px -31px; width:26px; height:31px; }

.nav_links em span .prev_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 0; display:block; }
.nav_links em span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 0; display:block; }
.nav_links b span .next_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 -31px; display:block; }
.nav_links b span { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/nav_links.gif) no-repeat 0 -31px; display:block; }

.navigation1 { display:block; overflow:hidden; background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:5px; margin:0 11px 10px 13px; }
.navigation { font:18px/18px Calibri, Arial, Helvetica, sans-serif; color:#FFF; text-shadow:0 1px 0 #882122; padding:6px 0 0 15px; }
.navigation span { background:#ce3b3f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 4px 0 4px; margin-right:-3px; }
.navigation a { text-decoration:none; color:#565656; text-shadow:none; padding:0 4px 0 4px; margin-right:-3px; }
.navigation a:hover { background:#767085; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0 4px 0 4px; color:#FFF; }


/* full story */
.full_item1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; padding-bottom:3px; margin:0 11px 8px 13px; }
.full_item { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_item.gif) no-repeat; height:23px; padding-top:6px; }
.full_item h3 em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }

.full_item h1 em { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/shot_title.gif) repeat-x; padding:3px 7px 3px 7px; margin-left:22px; text-decoration:none; color:#FFF; font-size:14px; text-shadow: 0 1px 0 #831f20; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-style:italic; }

.print_link { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/print_link.gif) no-repeat; width:98px; line-height:80px; margin-left:13px; }
.print_link b { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/print_link.gif) no-repeat 0 -31px; width:98px; height:31px; display:block; overflow:hidden; }
.print_link a { width:98px; height:31px; display:block; overflow:hidden; }

.editdate { color:#4c497b; }
.editdate i { color:#c52f2c; }

.related_item1 { padding-bottom:3px; margin:0 11px 8px 13px; }

.left_bloc { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/left_bloc.png) no-repeat; }

/* related news */
.related_bloc ul { margin:2px 0 -4px 0; padding:0; }
.related_bloc ul li { list-style:none; margin-bottom:2px; }
.related_bloc ul li a { background:#f3f2f2 url(http://dlematik.com/demo4/templates/HitFusion/images/style/popular_dot.gif) no-repeat 10px 9px; display:block; overflow:hidden; color:#4b4b4b; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:3px 0 3px 28px; }
.related_bloc ul li a:hover { background-color:#d0373a; background-position: 10px -57px; color:#FFF; text-shadow:0 1px 0 #9f1a1c; }

/* alert */
.berrors { background:#b92f2f url(http://dlematik.com/demo4/templates/HitFusion/images/style/berrors.gif) repeat-x; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:13px; }
.berrors1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/berrors1.gif) no-repeat; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.berrors2 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/berrors2.gif) no-repeat 10px 12px; min-height:28px; padding:15px 0 15px 46px; color:#FFF; text-shadow:0 1px 0 #831f20; }
.berrors2 a { color:#FFF; }
.berrors2 a:hover { text-decoration:none; }

.fieldsubmit { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/fieldsubmit.gif) no-repeat 0 -31px; width:98px; height:31px; }
.fieldsubmit1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/fieldsubmit.gif) no-repeat; width:98px; height:31px; overflow:hidden; cursor:pointer; margin:7px 0 0 13px; }


/* forms */
.baseform .heading { color:#707070; font-size:1.4em; }
.baseform, .mass_comments_action { margin:0 11px 15px 13px; background-color:#f8efe9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.mass_comments_action { padding:5px 7px; }
.baseform .dcont { padding:13px 0; margin:0 13px; }
.baseform .dcont .heading { margin:0; }

.tableform { width:100%; }
.tableform td.label { width:90px; vertical-align:middle; padding-right:0; font-weight:bold; }
.fieldsubmit, .tableform td { padding:3px 13px; }
.impot { color:#d51e44; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; }
.checkbox { padding:4px 0; line-height:1em; }
.checkbox input { margin-top:-2px; vertical-align:middle; }

.f_input { width:300px; padding:1px; }
.f_textarea { width:458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input { padding:2px; background:#fff url(http://dlematik.com/demo4/templates/HitFusion/images/fields.png) repeat-x; border:1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding:0; }
.textin { padding:2px; }


/* comments */
.comm_ava { height:50px; display:block; overflow:hidden; float:left; }
.comm_ava img { width:50px; }

.comm_date { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/short_views.gif) no-repeat 0 10px !important; padding-left:12px !important; margin-left:8px !important; }
.comm_date em { background:#f3f2f2 !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 6px 2px 5px; }
.comm_date a { color:#b92f2f !important; text-shadow:none !important; }
.short_l { margin-left:-15px; }
.short_r { margin-left:51px; }
.short_r h1 h3 { float:right; padding-right:2px; }
.short_r h1 h3 a { color:#b92f2f; }
.short_r h1 h3 a:hover { text-decoration:none; }

.comm_category { float:right; }
.comm_category li { display:inline; font-style:normal; color:#9e9e9e; }
.comm_category li a { font-style:italic; color:#9e9e9e; }
.comm_category li a:hover { color:#4d4560; }

.comm_dot { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/dot.png) repeat-x bottom left; margin:0 0 9px 66px; padding-bottom:11px; }

.comm_registration em { background:#f3f2f2 !important; color:#b92f2f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 6px 2px 5px; }
.comm_date em { background:#f3f2f2 !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:2px 6px 2px 5px; }
.comm_date b { background:none; padding:0; color:#b92f2f; }

.comm_comment1 { background:url(http://dlematik.com/demo4/templates/HitFusion/images/style/comm_comment.gif) no-repeat 20px 0; padding-top:9px; margin-top:8px; }
.comm_comment { background:#f3f2f2; color:#515151; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:6px 7px 6px 7px; }

______________
Arrow Nice İnsanlar Gördüm, içinde Giysi Yok
Arrow Nice Giysiler Gördüm, İçinde İnsan Yok.!
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.