Blogger tabanlı sitemin teması responsive."1024*768" çözünürlüğü haricinde hepsinde düzgün gözüküyor.
Ama bu çözünürlükte sağ taraftaki gadgetler aşağı kayıyor ki bu çok sinir bozucu.Hala bu çözünürlüğü kullanan bir çok kişi var.Es geçilecek bir sorun değil yani.
Yine bu kategoride bir konu açmıştım.Arkadaşlar sağ olsun çok yardımcı olmuşlardı.Düzenlemek için ne kadar emek ettiğimi oradaki arkadaşlar fark etmiştir.O yüzden temayı değiştir demeyin lütfen.
Sorunu çözmek için yardımlarınızı bekliyorum.Araştırıyorum ama henüz bu kodların neresini değiştireceğimi bulamadım.
Tabi CSS ile alakası yok diyorsanız, önerilerinizi bekliyorum.
Site: http://www.yuvarlanankaya.com/
/***************************************** Main.css ******************************************/
*{
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:0;
}
.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:left;
}
}
/*-------------------------------------- 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:#e74c3c;
}
.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:#F6F6F6;
/*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://1.bp.blogspot.com/-fGbqvRVi2T4/VNpe7UGoUrI/AAAAAAAAYf0/A-ex0FjcQ9E/s1600/arka%2Bplan.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
]]> 
