Bulamadım hocam.Css kodlarını aşağı ekledim.


{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
body{
line-height:1;
}
ol,ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after, q:before,q:after{
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hide from IE Mac \*/ .clearfix{
display:block;
}
/* End hide from IE Mac */ .none{
display:none;
}
/* End Clearfix */
b,em,strong{
font-weight:bold;
}
i{
font-style:italic;
}
::selection{
background:#2EB0EC;
color:#fff;
}
::-moz-selection{
background:#333;
color:#fff;
}
a img{
border:none;
}
ol, ul{
padding:10px 0 20px;
margin:0 0 0 35px;
text-align:left;
}
ol li{
list-style-type:decimal;
padding:0 0 5px;
}
ul li{
list-style-type:square;
padding:0 0 5px;
}
ul ul, ol ol{
padding:0;
}
a img{
vertical-align:middle;
}
p{
margin-bottom:15px;
font-size:13px;
line-height:1.5;
}
h1, h2, h3,
h4, h5, h6{
font-family:'Open Sans', Sans-Serif;
font-weight:700;
line-height:1.2;
color:#292929;
}
h1{
font-size:32px;
line-height:38px;
}
h2{
font-size:28px;
line-height:32px;
}
h3{
font-size:22px;
line-height:28px;
}
h4{
font-size:18px;
line-height:26px;
}
h5{
font-size:15px;
line-height:20px;
}
h6{
font-size:12px;
line-height:20px;
}
.post-body h1{
margin:55px 0 25px 0;
}
.post-body h2{
margin:35px 0 15px 0;
}
.post-body h3, .post-body h4,
.post-body h5, .post-body h6{
margin:15px 0;
}
.post-body h1{
margin:40px 0 20px;
}
.post-body h2{
margin:30px 0 15px;
}
.post-body h3{
margin:30px 0 10px;
}
.post-body h4{
margin:25px 0 8px;
}
.post-body h5{
margin:20px 0 5px;
}
.post-body h6{
margin:20px 0 5px;
}
.post-body h1:first-child,
.post-body h2:first-child,
.post-body h3:first-child,
.post-body h4:first-child,
.post-body h5:first-child,
.post-body h6:first-child{
margin-top:0;
}
/***************************************** Main CSS ******************************************/
a{
color:#3A3A3A;
text-decoration:none;
}
a:hover{
color:#e74c3c;
}
img{
vertical-align:bottom;
max-width:100%;
}
body{
background:#F6F6F6;
color:#888888;
height:100%;
font-size:14px;
font-family:'Open Sans', sans-serif;
font-weight:700;
line-height:1.5em;
overflow-x:hidden;
margin:0;
padding:0;
}
.clr{
clear:both;
float:none;
}
.tc-wrapper:before,.tc-wrapper:after{
content:"\0020";
display:block;
height:0;
overflow:hidden;
}
.tc-wrapper:after{
clear:both;
}
.tc-wrapper{
position:relative;
max-width:1400px;
margin:0 auto;
padding:0;
padding-left:0px;
padding-right:0px;
}
.boxed{
padding:0;
border:0;
}
.outer-layer{
background:transparent;
position:relative;
margin:0 0 40px;
}
.header-wrapper{
background:rgba(0,0,0,0);
display:block;
float:left;
width:100%;
padding:0;
}
.main-wrapper{
width:69.6%;
margin-right:0px;
float:left;
overflow:hidden;
margin-bottom:20px;
}
/*=========================================== Do Not Change This is Layout Styling CSS ==========================================*/
body#layout .header-wrapper{
margin-top:10px;
}
body#layout .header-inner-wrap{
width:50%;
float:auto\9;
height:auto\9;
margin:3em 0 0;
}
body#layout{
max-width:850px;
}
body#layout #featured-posts-section{
display:none;
}
body#layout #header{
width:100%;
margin:0;
padding:0;
}
body#layout .outer-layer,body#layout .sidebar-wrapper,body#layout .tc-wrapper{
margin:0;
padding:0;
}
body#layout div.footer{
font-family:sans-serif;
display:inline-table;
position:relative;
float:left;
max-width:25%;
margin:0 auto 2px;
padding:0 0 10px;
}
#layout div.main-wrapper{
width:70%;
float:left;
margin:0;
}
#layout #sidebar-right{
width:30%;
float:right;
}
#layout #sidebar{
width:100%!important;
}
#layout .featured{
display:none;
}
/*--------------------------header css ----------------------------*/
#header{
width:auto;
float:left;
}
#header h1{
line-height:normal;
margin:0;
padding:0;
}
h1.if-img a{
text-indent:-9999px;
display:block;
width:320px;
min-height:75px;
}
#header-inner{
margin:0;
padding:0;
}
#header h1 a,#header h1 a:hover{
margin:35px auto 30px;
color:#2d2d2d;
}
#header p.description{
color:#333;
font-size:20px;
font-family:monospace;
text-align:center;
text-transform:capitalize;
margin:2em auto 0;
padding:0;
}
#header img{
border:0 none;
background:none;
max-width:230px;
height:auto;
margin:0 auto;
}
/***** Header Right CSS *****/
.header-right{
float:right;
}
.header-right .widget-content{
margin-top:40px;
}
/* --------------------------- top menu --------------------------------*/
#top-navigation{
float:left;
margin:0px 0px -2px;
padding:0px;
width:100%;
background-color:#1F1F22;
position:relative;
margin-bottom:50px;
}
#top-navigation .sf-menu a{
text-decoration:none;
display:block;
font-size:1em;
padding:0.75em 1.25em;
text-transform:capitalize;
color:#FFF;
font-weight:bold !important;
margin:0px;
z-index:9999;
font-family:sans-serif;
}
#top-navigation .sf-menu a:hover{
background:#8E1E0C none;
color:#fff;
}
.effect-1:before,
.effect-1:after{
content:"";
position:absolute;
bottom:22px;
left:10px;
width:50%;
height:20%;
max-width:300px;
/*box-shadow*/
-webkit-box-shadow:0 20px 10px rgba(0, 0, 0, 0.75);
-moz-box-shadow:0 20px 10px rgba(0, 0, 0, 0.75);
box-shadow:0 20px 10px rgba(0, 0, 0, 0.75);
/*transform*/
-webkit-transform:rotate(-4deg);
-moz-transform:rotate(-4deg);
-ms-transform:rotate(-4deg);
-o-transform:rotate(-4deg);
transform:rotate(-4deg);
}
.effect-1:after{
right:10px;
left:auto;
/*transform*/
-webkit-transform:rotate(4deg);
-moz-transform:rotate(4deg);
-ms-transform:rotate(4deg);
-o-transform:rotate(4deg);
transform:rotate(4deg);
}
.sf-menu, .sf-menu *{
list-style-type:none;
float:left;
padding:0;
-webkit-margin-before:0em;
-webkit-margin-after:0em;
-webkit-margin-start:0px;
-webkit-margin-end:0px;
-webkit-padding-start:0px;
}
.innerwrap{
width:100%;
position:relative;
display:flex;
z-index:999;
background:#1F1F22;
}
#search-header button{
float:right;
}
#search-header button{
width:50px;
height:42px;
outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px;
border:0;
font-size:1.2em;
color:#FFF;
cursor:pointer;
background-color:#E2492B;
}
#shide{
position:absolute;
width:100%;
top:-80px;
z-index:9999999;
overflow:hidden;
}
#search-hide input{
border:0;
width:100%;
padding:0 15px;
background-color:#F4F6F7;
height:42px;
font-style:normal;
font-weight:400;
font-size:16px;
outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px;
}
button.remove{
position:absolute;
top:6px;
border:0;
background-color:transparent;
font-size:1.5em;
color:#555;
cursor:pointer;
outline-offset:0px;
outline:-webkit-focus-ring-color auto 0px;
}
div#search-header{
position:absolute;
right:0px;
top:0px;
z-index:99999;
}
#search-header button{
float:right;
}
button.remove{
right:15px;
}
/*------------ navigation menu bar ---------*/
#menu-bar{
float:left;
width:100%;
}
.secondmenu{
padding:16px;
padding-left:0;
padding-top:11px;
width:100%;
padding-right:50;
}
.smenu a{
padding:12px;
text-decoration:none;
color:#000;
font-weight:700;
border-bottom:5px solid #000;
}
.smenu a:hover{
color:#fff;
}
a#pull{
display:none;
}
@media screen and (max-width: 960px){
.smenu menu{
display:none;
height:auto;
}
.smenu a#pull{
background-color:#1E1E1E;
border-bottom:1px solid #2e2e2e;
color:#fff;
display:inline-block;
font-family:'
:pan sans'
:sans-serif;
font-size:14px;
font-weight:bolder;
padding:11px 10px 0px;
margin:0px;
position:relative;
margin-top:-8px;
text-align:left;
text-transform:uppercase;
width:100%;
}
.smenu a#pull:after{
content:"";
background:url(http://2.bp.blogspot.com/-m-KNyqw_fwU/U6wnuZ88qYI/AAAAAAAAAB0/Uw0UTY452Ms/s1600/nav-icon.png) no-repeat;
width:30px;
height:30px;
display:inline-block;
position:absolute;
right:15px;
top:10px;
}
.smenu a{
display:block;
float:none;
width:100%;
}
.main-nav li a{
background:rgb(39, 38, 38);
padding:15px 20px;
display:block;
}
.smenu{
display:block;
width:100%;
float:none;
}
.smenu menu{
text-align:center;
}
}
/*-------------------------------------- Featured Post -----------------------------------------*/
div.feat-cat{
display:inline-block;
}
.block{
display:inline-block;
}
.block li{
padding:10px 0;
list-style:none;
}
li.tcpost{
padding:0;
}
.block-side, .block-top{
position:relative;
}
.block-side img{
width:110px;
height:65px;
}
.block-title a, .block-title span{
color:#000!important;
border-bottom:5px solid #000;
position:relative;
width:100%;
display:block;
font-size:17px;
padding-bottom:5px;
}
.block-heading{
font-size:14px;
font-weight:300;
line-height:1.5;
}
.block-side{
margin-right:15px;
float:left;
}
.block-content{
width:auto;
max-width:72%;
}
.tcpost .block-content{
max-width:100%;
}
.block-meta, .entry-meta{
font-size:12px;
margin-bottom:10px;
/* margin*/
* margin:0;
:*/;
}
.block-meta > *, .entry-meta > *{
margin-right:10px;
}
.block-meta a, .entry-meta a{
color:#bbb;
}
div.block-excerpt{
font-size:13px;
line-height:1.6;
margin-top:15px;
}
.block-top .overlay, .block-side .overlay, .entry-image .overlay{
background-color:rgba(0, 0, 0, 0.4);
color:#fff;
font-size:13px;
overflow:hidden;
height:100%;
left:0;
opacity:0;
position:absolute;
top:0;
/*transition*/
-webkit-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s;
width:100%;
}
.block-top .overlay i, .block-side .overlay i, .entry-image i{
position:absolute;
font-size:26px;
left:50%;
top:50%;
margin-left:-15px;
margin-top:-14px;
}
.block-top .overlay:hover, .block-side .overlay:hover, .entry-image .overlay:hover{
opacity:1;
}
.tcpost h3{
font-size:18px;
line-height:1.5;
margin-top:10px;
font-weight:700;
}
.tcpost img{
width:100%;
height:190px;
}
.one-half{
width:50%;
float:left;
height:auto;
margin:0;
margin-right:0;
padding:0;
}
.one-half ul,.block ul{
padding:0;
margin:0;
}
.one-half header, .block header{
position:relative;
display:block;
margin-bottom:30px;
}
.one-half a:hover{
color:#e74c3c;
}
.post2 a:hover{
color:#88c462;
}
.post3 a:hover{
color:#3dbfd9;
}
.post6 a:hover{
color:#1db79b;
}
.item-post{
overflow:hidden;
margin-bottom:12px!important;
padding-bottom:13px!important;
border-bottom:1px solid #EEEEEE;
float:right;
margin-right:0;
}
.item-post:last-child{
border-bottom:0;
}
.item-post div.thumb.overlay{
float:left;
width:80px;
margin-right:10px;
}
.item-post h4{
font-size:13px;
line-height:1.3;
}
.post4.one-half{
width:100%;
}
.post4 .block-top{
margin-right:20px;
}
.post4 .block-content{
max-width:65%;
}
.post4 .block-heading{
font-size:20px;
font-weight:600;
}
.post6 li:first-child, .post6 li{
width:50%;
padding:0;
padding-right:20px;
}
.post6 li{
padding:0 15px 15px;
}
/*--------------------------- post body css -----------------------------*/
.separator > a{
display:inline-block;
/* hack for fixing image */
padding-bottom:5px;
}
div.item-thumb{
width:41.5%;
margin-right:20px;
border-left:5px solid #e74c3c;
/*transition*/
-webkit-transition:all .5s ease 0s;
-moz-transition:all .5s ease 0s;
-o-transition:all .5s ease 0s;
transition:all .5s ease 0s;
}
.item-container{
width:55.5%;
}
div.item-content h2{
font-size:24px;
line-height:1.4;
}
.post .item-thumb img{
width:100%;
height:180px;
}
.entry-meta{
font-size:12px;
color:#BABABA;
overflow:hidden;
margin:5px 0 5px;
font-family:open sans,sans-serif;
}
.entry-meta a{
color:#8F8C8C;
}
.entry-meta .sep{
margin:0 5px;
}
.entry-title{
font-size:22px;
font-weight:700;
line-height:1.2;
color:#292929;
margin:0;
margin-bottom:10px;
margin-top:15px;
}
.entry-header{
margin-bottom:20px;
}
.entry-meta .cat{
font-style:normal;
text-transform:uppercase;
margin-right:15px;
}
.entry-meta .cat > span{
padding:0;
padding-right:2px;
display:inline-block;
margin:0px;
}
h1.entry-title{
font-size:30px;
line-height:1.2;
font-weight:300;
color:#36363C;
margin:0!important;
}
.post-body.entry-content{
word-wrap:break-word;
position:relative;
margin:0;
padding:0;
font-weight:300;
color:#000;
font-size:14px;
}
.body-post{
font-weight:400;
margin:0;
padding:0;
}
.rmlink{
float:right;
line-height:normal;
z-index:1000;
position:absolute;
right:0;
bottom:10px;
}
#blog-pager-older-link{
display:inline;
float:right;
text-align:right;
font-weight:700;
padding:0 1%;
}
#blog-pager-newer-link{
display:inline;
float:left;
text-align:left;
font-weight:700;
padding:0 1%;
}
#blog-pager{
clear:both;
font-size:16px;
line-height:normal;
margin:0 0 25px;
padding:15px;
width:100%;
float:left;
}
#blog-pager a{
background:#0F0F11;
color:#fff;
padding:7px 10px;
/*border-radius*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-weight:400;
}
.showpageNum a,.showpage a{
margin:0 4px;
}
.showpagePoint{
margin:0 2px 0 0;
}
.home-link,.showpageOf{
display:none;
}
blockquote{
background:#ddd;
color:#636161;
margin:0;
padding:10px 20px;
}
#comments{
overflow:hidden;
background:#FFFFFF;
/*border-radius*/
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border-bottom:2px solid #DDDDDD;
padding:25px;
}
#comments h4{
display:inline;
padding:10px;
line-height:40px;
margin-left:60px;
}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{
position:relative;
}
#comments h4,.comments .continue a{
background:#e54a4f;
}
#comments h4,.comments .user a,.comments .continue a{
font-size:16px;
}
#comments h4,.comments .continue a{
font-weight:normal;
color:#fff;
}
#comments h4:after{
content:"";
position:absolute;
bottom:7px;
left:-26px;
width:0;
border-style:solid;
height:0;
border-width:13px;
border-color:transparent #e54a4f transparent transparent;
line-height:0;
}
#comments h4:before{
content:"";
position:absolute;
border-color:transparent transparent transparent;
border-style:solid;
border-width:27px;
width:14px;
height:34px;
left:-71px;
top:-30px;
background-position:-27px;
background-image:url(https://dl.dropboxusercontent.com/u/72402483/Blogger/dynamic%20trick/Screenshot_1.png);
}
#comments .avatar-image-container img{
border:0;
}
.comment-thread{
color:#111;
}
.comment-thread a{
color:#777;
}
.comment-thread ol{
margin:0 0 20px;
}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{
color:#222;
}
.comments .avatar-image-container,.comments .avatar-image-container img{
width:48px;
max-width:48px;
height:48px;
max-height:48px;
}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{
margin-left:60px;
}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{
border:1px solid #ddd;
background:#f9f9f9;
padding:10px;
}
.comments .comments-content .comment{
margin:15px 0 0;
padding:0;
width:100%;
line-height:1em;
}
.comments .comments-content .icon.blog-author{
position:absolute;
top:-12px;
right:-12px;
margin:0;
background-image:url(https://lh4.googleusercontent.com/-yZr9CWeDr1M/UhbCd9bmLkI/AAAAAAAACjI/sllgyp7xoMc/s36/author.png);
width:36px;
height:36px;
}
.comments .comments-content .inline-thread{
padding:0 0 0 20px;
}
.comments .comments-content .comment-replies{
margin-top:0;
}
.comments .comment-content{
padding:5px 0;
line-height:1.4em;
}
.comments .comment-thread.inline-thread{
border-left:1px solid #ddd;
background:transparent;
}
.comments .comment-thread.inline-thread .comment{
width:auto;
}
.comments .comment-thread.inline-thread .comment:after{
content:"";
position:absolute;
top:10px;
left:-20px;
border-top:1px solid #ddd;
width:10px;
height:0px;
}
.comments .comment-thread.inline-thread .comment .comment-block{
border:0;
background:transparent;
padding:0;
}
.comments .comment-thread.inline-thread .comment-block{
margin-left:48px;
}
.comments .comment-thread.inline-thread .user a{
font-size:13px;
}
#comments h4 a{
display:none;
}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{
width:36px;
max-width:36px;
height:36px;
max-height:36px;
}
.comments .continue{
border-top:0;
width:100%;
}
.comments .continue a{
padding:10px 10px;
text-align:center;
width:67.4%;
position:absolute;
}
.comment .continue{
display:none;
}
#comment-editor{
width:103%!important;
}
.comment-form{
width:100%;
max-width:100%;
}
.comments .comments-content .loadmore,.comments .comments-content{
margin:0;
}
.loadmore{
position:relative;
padding:10px;
background:rgba(0, 0, 0, 0.15);
width:110px;
}
.loadmore a{
color:#fff;
}
/*------ search form -----*/
/* popular posts */
#PopularPosts1 .widget-content{
margin-top:15px;
}
#PopularPosts1 .item-title{
font-size:14px;
line-height:1.3;
font-weight:400;
}
#PopularPosts1 ul > li{
margin-bottom:25px;
}
#PopularPosts1 ul > li:nth-child(n+3){
display:none;
}
#PopularPosts1 img{
padding:0!important;
height:100%;
max-width:100%;
}
#PopularPosts1 .item-thumbnail{
margin:0 10px 0 0px!important;
}
.PopularPosts .item-thumbnail{
float:left;
margin:0 5px 5px 0;
width:100px;
height:70px;
}
.PopularPosts .widget-content ul li{
padding:0;
}
.item-snippet{
font-size:12px;
font-family:helvetica;
display:none;
}
/*----------------------------- sidebar css -----------------------------*/
.sidebar{
width:30.33%;
overflow:hidden;
float:right;
margin-top:1px;
}
#sider{
padding:0 20px;
}
.sidebar ul{
margin:0;
padding:0;
}
.sidebar li{
list-style:none;
margin:0 0 10px;
padding:0;
}
.sidebar .widget h2{
line-height:1.5em;
padding:0% 0% 10px;
font-size:1.25em;
margin:0px 0px 0.5em;
float:left;
width:100%;
color:#333;
text-transform:capitalize;
border-bottom:5px solid #52C0D4;
}
.sidebar .widget{
margin:0 0 20px;
padding:0;
}
.page-header{
margin-bottom:20px;
border-bottom:1px solid #ccc;
margin:0 0px 30px;
}
.page-header > h2{
margin-bottom:5px;
font-weight:normal;
font-size:30px;
}
.footer .slides li{
margin:0;
padding:0;
}
.footer .thumb{
background:transparent;
}
.footer a{
color:#A1A1A1;
}
#footer{
width:100%;
color:#E0E0E0;
background:#1F1F22;
}
.footer{
float:left;
width:31%;
margin-right:12px;
}
#footer3{
margin:0;
}
.footer h2{
color:#ddd;
font-size:19px;
font-weight:400;
margin-bottom:12px;
text-transform:none;
position:relative;
}
.footer .widget{
clear:both;
font-size:16px;
line-height:1.5;
margin:15px 0px 25px;
}
.footer ul{
list-style:none;
margin:0;
padding:0;
}
.footer li{
text-transform:capitalize;
margin:0;
padding:0 0 5px;
list-style:none;
}
.footer-credits{
padding:20px 0;
background:#0F0F11;
}
.footer-credits p{
margin:0;
}
.footer-credits a{
color:#C0C0C0;
}
/***************************************** Responsive styles ******************************************/
@media screen and (max-width:1440px){
.tc-wrapper {
margin:0px auto;
padding:0px;
max-width:1120px!important;
width:auto;
}
}
@media screen and (max-width:1100px){
.tc-wrapper{padding:0 10px;
}
.main-wrapper{
width:100%;
}
.hfeed .one-half:nth-child(even), .hfeed .one-half{
width:245px;
height:376px;
}
}
@media screen and (max-width:999px){
.smenu a {
padding:12px;
text-decoration:none;
color:#FFF;
background:none!important;
border-bottom:0px solid #000 !important;
}
#menu-bar{
background:#000;
}
.sidebar{
width:auto!important;
}
}
@media screen and (max-width: 970px){
#header { float:none;
text-align:center;
width:100%;
}
.one-half img{
width:100%;
}
.hfeed .one-half:nth-child(even){
margin:0;
}
.hfeed .one-half:nth-child(even), .hfeed .one-half{
width:345px;
height:350px;
}
}
@media screen and (max-width: 960px){
.tc-wrapper{ padding:0 10px;
}
#header-navigation{
display:none;
}
.hfeed .one-half:nth-child(even), .hfeed .one-half{
width:310px;
height:376px;
}
#menu-bar{
float:none;
width:100%;
margin-top:20px;
background:#000;
}
#menu-main ul{
text-align:center;
}
#menu-main li{
float:none;
display:inline-block;
}
}
@media screen and (max-width: 768px){
#header p.description { margin:0;
}
#comment-editor{
margin:10px;
}
.footer{
width:100%;
clear:both;
}
.sidebar{
margin:2%;
}
}
@media screen and (max-width: 620px){
#header img { width:100%;
}
.opt-in .inner .tc-wrapper{
padding:0 10px;
}
.post-title{
font-size:1.2rem!important;
}
.rdmre{
display:none;
}
.sidebar-wrapper{
float:none;
clear:both;
width:auto;
padding:10px;
margin:0;
}
.sidebar .widget{
clear:both;
float:none;
width:100%;
}
.post-body{
margin-top:4.5em;
}
}
@media screen and (max-width: 420px){
#header h1{font-size:3rem!important;
}
.comments .comments-content .datetime{
display:block;
float:none;
}
.comments .comments-content .comment-header{
height:70px;
}
.thumb{
clear:both;
float:none;
}
.post-labels{
display:none;
}
}
.tinynav{
display:none;
}
@media screen and (max-width: 673px){
.tinynav{
display:block;
width:320px;
margin:0 auto;
padding:5px;
margin-top:5px;
margin-bottom:5px;
font-family:'Open Sans', sans-serif;
font-style:normal;
border:0;
}
#menusecond{
display:none!important;
}
}
@media screen and (max-width: 320px){
.footer{
width:100%;
}
.tc-wrapper{
padding:0;
}
.post-body img{
max-width:100%;
}
.comments .comments-content .comment-replies{
margin-left:0;
}
}
h2.date-header,span.blog-admin{
display:none!important;
}
/*---------------------------------- widgets ------------------------------------------*/
#Label1 li{
margin:0;
display:block;
padding:4px 0;
width:auto;
margin-bottom:3px;
}
#Label1 li a{
padding-left:5px;
}
#Label1 li{
border-left:4px solid #383B3F;
}
#Label1 li:nth-child(1),#Label1 li:nth-child(6){
border-left:4px solid #3498db;
}
#Label1 li:nth-child(2),#Label1 li:nth-child(7){
border-left:4px solid #f39c12;
}
#Label1 li:nth-child(3),#Label1 li:nth-child(8){
border-left:4px solid #e74c3c;
}
#Label1 li:nth-child(4),#Label1 li:nth-child(9){
border-left:4px solid #2ecc71;
}
#Label1 li:nth-child(5),#Label1 li:nth-child(10){
border-left:4px solid #6CC835;
}
#Label1 span{
float:right;
}
#Label2 li{
display:inline;
}
#Label2 li a:hover{
color:#fff;
}
#Label2 li a{
background:#e74c3c;
display:block;
color:#fff;
float:left;
font-size:13px !important;
margin-bottom:10px;
margin-right:7px;
padding:2px 4px 3px;
font-weight:300;
}
/*--------------------general css -------------------------------*/
.marg-20{
margin-bottom:20px;
}
.marg-30{
margin-bottom:30px;
}
.marg-40{
margin-bottom:40px;
}
.padd-20{
padding-bottom:20px;
}
.padd-30{
padding-bottom:30px;
}
.padd-40{
padding-bottom:40px;
}
.padding{
padding:0 20px;
}
.left{
float:left;
}
.right{
float:right;
}
/*************************************
share-this
*************************************/
.share-this{
float:left;
width:106.5%;
position:relative;
left:-25px;
border-bottom:1px solid #ddd;
margin:2% 0 2%;
padding:10px 0 3px;
border-top:1px solid #ddd;
}
.share_it{
float:left;
color:#363636;
text-shadow:1px 1px 0 rgba(241,241,241,.5);
padding:0 5% 0 1%;
text-indent:35px;
font-size:15px;
line-height:23px;
}
.related-posts{
margin:0 0% 0 0%;
background:#fff;
}
#related-posts{
border-top:1px solid #CCC;
position:relative;
padding-top:.51em;
}
.related-posts img{
border:1px solid #DEDEDE;
}
h2.relatedpost{
position:absolute;
top:-18px;
padding:0 5px 0 0;
text-indent:15px;
background:#FFF;
margin-bottom:0;
font-weight:100;
font-size:20px;
}
.related-content{
float:left;
margin:0px -5% 0 3%;
}
.relatedtitle{
color:#414141;
font-variant:small-caps;
font-weight:bold;
font-size:17px!important;
}
html, body {
background: url('http://4.bp.blogspot.com/-hDJ-ptPeH7k/VNPqBISzeKI/AAAAAAAAYSU/trUVoioKfpc/s1600/arkaplan.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

]]>

Ek Olarak: Tamam buldum pardon..

Şöyle bir şey vardı;
.block{
display:inline-block;

Dediğiniz gibi yaptım böyle oldu bu seferde..