tasarimduragi - css Arhemia v3 Blog

css Arhemia v3 Blog

Arhemia v3 Blog

Son zamanların en sevilen tasarımlarından biri daha sizlerle!

Salih Toy tarafından bedava-sitem'e uyarlanmış Arhemia v3 Blog, sade, renkli ve profesyonel tasarımıyla dikkat çeken bir blog tasarımı. Barındırdığı 125x1255 piksellik 4 reklam alanı sitenizden gelir elde etmenizin önünü açarken, Dost siteler panosu sayesinde ortaklıklarınızı sergileyebileceksiniz.

Bunun yanında, kullanışlı sağ menüsü ve çekici üst menü barı sayesinde Arhemia v3 Blog tr.gg tasarımı, ziyaretçilerinizi sitenizde daha fazla kalmaya ikna edebilir. Bu bedava-sitem tasarımını çok seveceksiniz.

Tasarım üstüne yazı :

</table></div> <center><br /> <table style="width: 772px; height: 122px"> <tbody> <tr> <td background="http://a1209.hizliresim.com/11/f/cyycg.png"><center> <iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe> <center></center></td> <td> </td> </tr> </tbody> </table> </center> <p><br /> <center><a href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com" target="_blank" style="cursor:default;display:block;width:960px;height:64px;background:transparent url(http://1.bp.blogspot.com/-EQ8jZv2U2M4/T-xizNYGHKI/AAAAAAAALoA/hl_RSxeuiYI/s240/tasar%25C4%25B1m%2Bsepeti%2B-%2BKopya.png) no-repeat top left;"></a></center> </p> </head> <body> <div class='clearfloat' id='head'> <div class='clearfloat'> <div class='header section' id='header'><div class='widget Header' id='Header1'> <div class='left' id='logo'> </div> <div class='ustreklam'><div class='ustreklamayar'><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/' title='Reklam'><img alt='Reklam' src='http://c1209.hizliresim.com/11/d/cyu4w.gif' _fcksavedurl='http://c1209.hizliresim.com/11/d/cyu4w.gif'/></a> </div></div> </div></div> </div>  <div class='clearfloat section' id='nav'><div class='widget HTML' id='HTML2'> <ul class='left clearfloat' id='page-bar'>  <li><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Ana Sayfa</a></li> <li><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>İletişim</a></li> <li><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Yorum yap</a></li> <li><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>hakkımızda</a></li> <li><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Haberler</a></li> <li><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Blogum</a></li> <li><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Salih Toy</a></li> <li><a href='http://www.salihtoy.tr.gg/#' _fcksavedurl='http://www.salihtoy.tr.gg/#'>Temalar</a> <ul class='children'> <li class='cat-item'><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Css</a></li> <li class='cat-item'><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Wordpress</a></li> <li class='cat-item'><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Joomla</a></li> <li class='cat-item'><a href='http://www.salihtoy.tr.gg/' _fcksavedurl='http://www.salihtoy.tr.gg/'>Blogger</a></li> </ul></li> </ul>  </div></div> </div>  <div class='clearfloat' id='page'> <div id='crosscol-wrapper' style='text-align:center'> <div class='crosscol section' id='crosscol'> </div> </div> <div id='headline'> <div class='main section' id='main'> <div class='widget Blog' id='Blog1'> <div class='blog-posts hfeed'> <div class='post hentry uncustomized-post-template'> <a name='5860860282522179617'></a>

Tasarım altına yazı :

Css Kodu :

i {  padding : 5px; text-align : left; display : block; overflow : auto; font : 500 1em/1.5em 'Verdana'; border : 1px solid #cccccc; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }  #login form p{margin-bottom:0;}label{color:#777;font-size:14px;}form input,textarea,select{font-size:100%;margin:.2em 0;} input,textarea{padding:.2em .4em;margin:0 2px 4px 2px;} input.radio,input.checkbox{background-color:#fff;padding:2px;} textarea{width:90%;} form label{font-weight:normal;margin:0 2px;} form .row label{display:block;margin:10px 2px 0 2px;} fieldset{padding:.8em;border:1px solid #ddd;background-color:#fff;margin:1em 0;} legend{padding:2px 15px 10px;text-transform:uppercase;font-style:italic;font-size:115%;background-color:#fff;border-top:1px solid #ddd;}  form{margin-bottom:18px;} fieldset{margin-bottom:18px;padding-top:18px;}fieldset legend{display:block;padding-left:150px;font-size:19.5px;line-height:1;color:#404040;*padding:0 0 5px 145px;*line-height:1.5;} form .clearfix{margin-bottom:18px;zoom:1;}form .clearfix:before,form .clearfix:after{display:table;content:"";zoom:1;*display:inline;} form .clearfix:after{clear:both;} label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;} label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;} form .input{margin-left:150px;} input[type=checkbox],input[type=radio]{cursor:pointer;} input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;font-size:13px;line-height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;} input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;} select,input[type=file]{height:27px;line-height:27px;*margin-top:4px;} select[multiple]{height:inherit;} textarea{height:auto;} .uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;} :-moz-placeholder{color:#bfbfbf;} ::-webkit-input-placeholder{color:#bfbfbf;} input,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);} input:focus,textarea:focus{outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);} input[type=file]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:1px dotted #666;} form div.clearfix.error{background:#fae5e3;padding:10px 0;margin:-10px 0 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}form div.clearfix.error>label,form div.clearfix.error span.help-inline,form div.clearfix.error span.help-block{color:#9d261d;} form div.clearfix.error input,form div.clearfix.error textarea{border-color:#c87872;-webkit-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);-moz-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);box-shadow:0 0 3px rgba(171, 41, 32, 0.25);}form div.clearfix.error input:focus,form div.clearfix.error textarea:focus{border-color:#b9554d;-webkit-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);-moz-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);box-shadow:0 0 6px rgba(171, 41, 32, 0.5);} form div.clearfix.error .input-prepend span.add-on,form div.clearfix.error .input-append span.add-on{background:#f4c8c5;border-color:#c87872;color:#b9554d;} .input-mini,input.mini,textarea.mini,select.mini{width:60px;} .input-small,input.small,textarea.small,select.small{width:90px;} .input-medium,input.medium,textarea.medium,select.medium{width:150px;} .input-large,input.large,textarea.large,select.large{width:210px;} .input-xlarge,input.xlarge,textarea.xlarge,select.xlarge{width:270px;} .input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge{width:530px;} textarea.xxlarge{overflow-y:auto;} input.span1,textarea.span1,select.span1{display:inline-block;float:none;width:30px;margin-left:0;} input.span2,textarea.span2,select.span2{display:inline-block;float:none;width:90px;margin-left:0;} input.span3,textarea.span3,select.span3{display:inline-block;float:none;width:150px;margin-left:0;} input.span4,textarea.span4,select.span4{display:inline-block;float:none;width:210px;margin-left:0;} input.span5,textarea.span5,select.span5{display:inline-block;float:none;width:270px;margin-left:0;} input.span6,textarea.span6,select.span6{display:inline-block;float:none;width:330px;margin-left:0;} input.span7,textarea.span7,select.span7{display:inline-block;float:none;width:390px;margin-left:0;} input.span8,textarea.span8,select.span8{display:inline-block;float:none;width:450px;margin-left:0;} input.span9,textarea.span9,select.span9{display:inline-block;float:none;width:510px;margin-left:0;} input.span10,textarea.span10,select.span10{display:inline-block;float:none;width:570px;margin-left:0;} input.span11,textarea.span11,select.span11{display:inline-block;float:none;width:630px;margin-left:0;} input.span12,textarea.span12,select.span12{display:inline-block;float:none;width:690px;margin-left:0;} input.span13,textarea.span13,select.span13{display:inline-block;float:none;width:750px;margin-left:0;} input.span14,textarea.span14,select.span14{display:inline-block;float:none;width:810px;margin-left:0;} input.span15,textarea.span15,select.span15{display:inline-block;float:none;width:870px;margin-left:0;} input.span16,textarea.span16,select.span16{display:inline-block;float:none;width:930px;margin-left:0;} input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;} .actions{background:#f5f5f5;margin-top:18px;margin-bottom:18px;padding:17px 20px 18px 150px;border-top:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.actions .secondary-action{float:right;}.actions .secondary-action a{line-height:30px;}.actions .secondary-action a:hover{text-decoration:underline;} .help-inline,.help-block{font-size:11px;line-height:18px;color:#bfbfbf;} .help-inline{padding-left:5px;*position:relative;*top:-5px;} .help-block{display:block;max-width:600px;} .inline-inputs{color:#808080;}.inline-inputs span,.inline-inputs input{display:inline-block;} .inline-inputs input.mini{width:60px;} .inline-inputs input.small{width:90px;} .inline-inputs span{padding:0 2px 0 1px;} .input-prepend input,.input-append input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} .input-prepend .add-on,.input-append .add-on{position:relative;background:#f5f5f5;border:1px solid #ccc;z-index:2;float:left;display:block;width:auto;min-width:16px;height:18px;padding:4px 4px 4px 5px;margin-right:-1px;font-weight:normal;line-height:18px;color:#bfbfbf;text-align:center;text-shadow:0 1px 0 #ffffff;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} .input-prepend .active,.input-append .active{background:#a9dba9;border-color:#46a546;} .input-prepend .add-on{*margin-top:1px;} .input-append input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} .input-append .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin-right:0;margin-left:-1px;} .inputs-list{margin:0 0 5px;width:100%;}.inputs-list li{display:block;padding:0;width:100%;} .inputs-list label{display:block;float:none;width:auto;padding:0;line-height:18px;text-align:left;white-space:normal;}.inputs-list label strong{color:#808080;} .inputs-list label small{font-size:11px;font-weight:normal;} .inputs-list .inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;} .inputs-list:first-child{padding-top:6px;} .inputs-list li+li{padding-top:2px;} .inputs-list input[type=radio],.inputs-list input[type=checkbox]{margin-bottom:0;} .form-stacked{padding-left:20px;}.form-stacked fieldset{padding-top:9px;} .form-stacked legend{padding-left:0;} .form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;} .form-stacked .clearfix{margin-bottom:9px;}.form-stacked .clearfix div.input{margin-left:0;} .form-stacked .inputs-list{margin-bottom:0;}.form-stacked .inputs-list li{padding-top:0;}.form-stacked .inputs-list li label{font-weight:normal;padding-top:0;} .form-stacked div.clearfix.error{padding-top:10px;padding-bottom:10px;padding-left:10px;margin-top:0;margin-left:-10px;} .form-stacked .actions{margin-left:-20px;padding-left:20px;}  ::-moz-selection { background:#c00; color:#fff; } ::selection { background:#c00; color:#fff;  }  input[type="text"] { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(https://img.webme.com/pic/o/osmantalay/style1_txt_bgot.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(https://img.webme.com/pic/o/osmantalay/style1_btn_bgot.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(https://img.webme.com/pic/o/osmantalay/style1_txt_bgott.gif) repeat-x top; }  #osmantalay {display:none;} //--></style> <div id="osmantalay"><style type="text/css"> <!--table {margin-left: auto;margin-right: auto}

#menu {<br />
font-family:verdana;<br />
font-size:12px;<br />
position:relative;<br />
margin:0 auto;<br />
width:200px;<br />
}</p>
<p> #menu ul {<br />
/* remove list style */<br />
list-style:none;<br />
padding:0;<br />
margin:0; </p>
<p> /* set the layer position */<br />
position:relative;<br />
z-index:5;<br />
}</p>
<p> #menu li {<br />
/* set the styles */<br />
background:#ccc url(http://g1209.hizliresim.com/11/d/cyw79.gif) no-repeat 0 0;<br />
padding:5px;<br />
margin:2px;<br />
cursor:pointer;<br />
border:1px solid #ccc;<br />
}</p>
<p> #menu li.hover {<br />
/* on hover, change it to this image */<br />
background-image:url(http://g1209.hizliresim.com/11/d/cyw7l.gif) !important;<br />
}</p>
<p> #menu li a {<br />
text-decoration:none;<br />
color:#888;<br />
}</p>
<p> #menu .block {<br />
/* allow javascript to move the block */<br />
position:absolute;<br />
top:0;</p>
<p> /* set the left position */<br />
left:150px; </p>
<p> /* display above the #menu */<br />
z-index:10;</p>
<p> /* the image and the size */<br />
background:transparent url(http://g1209.hizliresim.com/11/d/cyw7y.png) no-repeat top right;<br />
width:39px;<br />
padding:4px;<br />
cursor:pointer;<br />
}</p>
<p> /* fast png fix for ie6 */<br />
* html .png{<br />
position:relative;<br />
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",<br />
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",<br />
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),<br />
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",<br />
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));<br />
}</p>
lli.nav_element{display: none;}
li.nav_element a{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;}
/*
-----------------------------------------------
Theme Name: Arthemia v3 Blog
Theme URI: http://www.salihtoy.tr.gg/
Author: Oğuzhan Cabbaroğlu
Tr.Gg: SalihToy
Version: 3.0
----------------------------------------------- */
#navbar-iframe {
display: none
}
* {
margin:0;
padding:0;
}
body {font: 100% Tahoma;background: #EFEFEF;color: #333}
p {
margin: 15px 0;
}
a:link, a:visited {
color: #3c78a7;
text-decoration:none
}
a:hover, a:active {
color: #3c78a7;
text-decoration:underline;
}
a img {
border:0;
}
code {
font: 1.0em 'Courier New', Courier, Fixed;
background:#ececec;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
padding: 10px 10px 0 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #eee;
font:1.0em Arial;
line-height:1.5em;
margin:10px 0px;
}
select {
width: 130px;
}
/* Structure */
#head {
width:960px;
margin:0px auto;
margin-top:15px;
padding:0px;
font-size:0.7em;
}
#page {background: url(http://f1209.hizliresim.com/11/d/cyt62.gif);width:938px;margin:0px auto;padding:10px;font-size:0.7em;border-left:1px solid #CCC;border-right:1px solid #CCC;border-top:1px solid #CCC;border-bottom:1px solid #CCC;
}
.left {
float:left;
}
.right {
float:right;
}
.banner-ad{
float:right;
}
/* Navigation Bar*/
#nav {
margin:0 auto;
height:35px;
padding:0 0px 0 10px;
background: url(http://f1209.hizliresim.com/11/d/cyt70.png);
-webkit-border-top-right-radius:12px;
-moz-border-radius-topright:12px;
border-top-right-radius:12px;
border-top-left-radius:12px
}
#page-bar {
width:722px;
height:35px;
}
#page-bar ul {
list-style: none;
}
#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:1px solid #e0e0e0;
}
#page-bar li:hover {
text-shadow: 0 0 10px #fff;
}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding:12px 16px;
font-weight:bold;
color:#515354;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
}
#searchform {
width:194px;
float:right;
text-align:right;
padding-top:8px;
margin:3px 10px 0 0;
}
/* Dropdown Menus */
#page-bar li {
float: left;
margin: 0px;
padding: 0px;
}
#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 122px;
text-transform:none;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #2B2B2B;
width: 122px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 1px solid #C0C0C0;
}
#page-bar li li a:hover, #page-bar li li a:active {
background: #666666;
padding: 5px 10px 5px 18px;
}
#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}
#page-bar li:hover ul {
left: auto;
display: block;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}
/* Text*/
h1 {font-family: 'Telex', sans-serif;font-size:1.6em;letter-spacing:-.039em;color:#525252;line-height: 1em;padding: 3px 0;margin:3px 0 5px 0}
h2 {
font:1.3em Georgia, "Times New Roman";
}
h3 {
font:1.3em Arial;
margin-bottom:3px;
color:#3C78A7;
font-weight:bold;
}
h4 {
font:1.0em Arial;
}
/* Index Page*/
#logo {
width:350px;
}
#tagline {
margin-top:5px;
font-size:1em;
color:#333;
}
#top {
padding:0;
}
#headline {
width:590px;
font-size:1.05em;
line-height:1.5em;
float:left
}
#headline div.title {
font-weight:bold;
font:2.4em Georgia;
letter-spacing:-0.05em;
display:block;
padding-bottom:5px;
}
#headline div.meta {
display:block;
padding-bottom:2px;
}
#headline p {
padding-bottom:15px;
}
#headline a img{
border:1px solid #bbb;
margin-top:5px;
margin-right:10px;
}
.author {
font-size:0.8em;
font-weight:bold;
}
.meta {
border-radius: 4px;
padding: 0 0 0 25px;
background: #F0F0F0 url(http://f1209.hizliresim.com/11/d/cyt7w.png) no-repeat left center;
font-size: 10px;
font-family:verdana;
color:#333;
margin:0 0 1px 0
}
.meta a {
color: #407AA3;
text-decoration: none;
}
.meta a:hover{
color: #333;
}
#headline p, #featured p {
margin:0;
}
/* Content Page*/
.post {
line-height:21px;
margin:0em 0em 1.5em 0em;
color: #444444;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:#CCC solid 1px;
width:590px;
background:#fff;
padding:10px 10px 20px 10px
}
.post p {
margin-top:0px;
}
.post .clearfloat {
border-bottom:1px dotted #333;
margin:10px 0px;
}
.post ul, .post ol {
margin-bottom:15px;
}
.post-body{
margin-bottom:10px;
}
#content h2.title {
font-weight:bold;
font:2.2em Georgia;
letter-spacing:-0.05em;
border-bottom:1px solid #eae9e4;
border-top:3px solid #eae9e4;
margin-bottom:15px;
padding:5px 0px;
}
#content .title {
font:1.5em Georgia;
}
.post ul li {
list-style:square;
margin-left:30px;
}
.post ol li {
list-style:decimal;
margin-left:30px;
}
.post ol li ul li {
list-style:square;
margin-left:20px;
}
.post img, .post a img, #front-list img {
border:0px;
margin:0 5px 3px 0;
}
.post .ads {
margin-top:10px;
}
#stats {
margin-top:-10px;
margin-bottom:10px;
padding:4px;
text-transform:uppercase;
font:0.8em Arial;
display:block;
}
#stats span {
border-right:1px dotted #333;
padding: 0px 5px 0px 5px;
}
#stats span a:hover {
background:none;
}
#stats span a {
color:#333;
}
#stats img, #nav img {
border:0px;
margin:0px;
}
#tools {
width:590px;
height:25px;
font-size:0.95em;
}
#tools a:hover {
background:none;
}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center;padding:8px; border:1px solid #ccc; margin-top:3px; margin-bottom:5px; line-height:20px; font-size:12px; height:20px;border-radius:4px;width:592px}
#blog-pager a{text-decoration:none}
#sidebar-wrapper{float:right;width:310px;padding:0px 0 0 0;display:inline;margin-right:0px;float:$endSide;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
.main .widget{border-bottom:0 dotted $bordercolor;margin:0 0 5px;padding:0 0 5px}
.sidebar{color:$sidebartextcolor;line-height:1.5em;font-family:Arial,Georgia,Tahoma,Century gothic,sans-serif}
.sidebar .widget{padding:1px 5px 1px 5px;background:#fff;margin:0 0 10px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:#CCC solid 1px}
.sidebar .widget h2{
background: url(http://f1209.hizliresim.com/11/d/cyt8w.png);
color:#515354;
font:1.1em Tahoma;font-weight:bold;margin:4px 0 5px;padding:3px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}text-transform:capitalize;letter-spacing:normal;font:bold 16px/30px Arial,Georgia,Tahoma,Century gothic,sans-serif
}
.sidebar ul{list-style-type:none;margin:0;padding:0 0 5px 0}
.sidebar li{list-style-type:none;margin:0;padding:0}
.sidebar ul li {padding:4px 0px 6px 5px; margin:0px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E8E8E8; list-style-type:none; list-style-position:inside}
.sidebar ul li a:hover{color:#0167CC}
.sidebar p{padding:7px 10px;margin:0}
.sidebar table{width:100%;text-align:center;color:#787d7f}
/* Form Elements */
select {
border:1px solid #333;
width:100%
}
.button {
padding: 1px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
.field {
padding: 2px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
#search .button {
padding: 1px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {
display: inline-block;
}
/* Hides from IE-mac */
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}
#front-popular {font-size:0.7em;color:#000;width: 940px;background: url(http://f1209.hizliresim.com/11/d/cyt9v.png) bottom no-repeat;-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;margin: 0 auto 20px auto;padding:10px;}
.ustreklamayar {
padding: 1px 1px 0px 1px;
border: 1px solid #E5E5E5;
margin: 5px 0 0 130px;
width: 468px;
float: left;
vertical-align: middle
}
.ustreklam img {border:none}
.devami {
padding: 1px;
margin: -29px -350px 15px 4px;
width: 468px;
float: right;
vertical-align: middle;
}
#comments ol {
list-style-type: none;
padding-left: 0;
}
#comments ol li {
list-style-type: none;
}
#comments h4 { margin-top:0;
background-image:url(http://g1209.hizliresim.com/11/d/cytbq.gif);
background-repeat:no-repeat;
background-position: 10px 9px;
background-color:transparent;
padding: 8px 33px;
text-align:left;
margin-bottom:-10px;
margin-left:-10px;
margin-right:-10px;
font-size: 13px;
font-family:verdana;
font-weight:bold;
color:#454545
}
.avatar-image-container {
float: left;
margin-right: 1.5em;
width: 32px;
height: 36px;
}
.avatar-image-container img {
width: 32px;
height: 32px;
border:1px solid #E5E5E5;
padding:1px
}
.comments-content .datetime {
display: block;
font-size: 11px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p.comment-content {
margin: 2em 0 1em -48px !important;
}
#mansetler-ozicab{padding:10px;background:#fff;border-radius: 9px 9px 9px 9px / 9px 9px 9px 9px;
margin-bottom:8px;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
height:145px;
}
.comment-actions a, #submit {
font-family: Verdana;
font-size: 11px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
background: #d7eff5;
border: 1px solid #ccc;
margin: 0 52px 0 -48px;
padding: 5px 7px;
cursor: pointer;
text-decoration:none;
color:#8C8984;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
}
.comment-actions a:hover, #submit:hover {
border-color:#999;
color:#000;
}
.comment-actions a:active, #submit:active {
border-color:#333;
outline:0;
color:#000;
}
#comments ol li:nth-child(2n+1) {
background-color: #fff;
border: 1px solid #ccc;
padding: 1.2em;
margin-bottom: 1em;
-webkit-transition:background 100ms ease-in;
-moz-transition:background 100ms ease-in;
-o-transition:background 100ms ease-in;
transition:background 100ms ease-in;
}
#comments ol li {
background:#fff;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:#CCC solid 1px;
padding: 1.0em;
margin-bottom: 1em;
-webkit-transition:background 100ms ease-in;
-moz-transition:background 100ms ease-in;
-o-transition:background 100ms ease-in;
transition:background 100ms ease-in;
}
#respond h3 {
padding-left: 0;
}
.comments-content .owner-actions {
background-color: #E8F4F7;
}
#commentform p {
margin: 0;
}
#author, #email, #url, #comment {
background-color: #f5f5f5;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1em 2em;
margin-bottom: 2em;
margin-right: 1em;
-webkit-transition:background 100ms ease-in;
-moz-transition:background 100ms ease-in;
-o-transition:background 100ms ease-in;
transition:background 100ms ease-in;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
}
#author:focus, #email:focus, #url:focus, #comment:focus {
background-color: #fff;
}
.comment-form{
width:620px !important;
max-width:620px !important;
}
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}
.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://g1209.hizliresim.com/11/d/cytd6.jpg) 0 -50px repeat-x;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://g1209.hizliresim.com/11/d/cytd6.jpg) 0 -25px repeat-x;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url(http://g1209.hizliresim.com/11/d/cytd6.jpg) 0 0 repeat-x;
text-decoration: none;
}
-->  #below_content{margin-bottom:-950px;} font[color="green"]{ background-color:#00E566; border:1px solid #00B233; color:#000000; -moz-border-radius:3px; -khtml-border-radius:3px;} font[color="red"]{ background-color:#FF6633; border:1px solid #CC0033; color:#000000; -moz-border-radius:3px; -khtml-border-radius:3px;} A{ text-decoration : none; } a{color:#000000;text-decoration:none;font:bold} a:hover{color:#33ccff;text-decoration:none;font:bold} </style>