CSS Yardım Arkadaşlar

Merhabalar arkadaşlar. http://demo.ayesoft.net/adsensx/ bu linkte yer alan temanın css dosyasını hemen aşağıda paylaşıyorum.

bu css den bazı düzenlemeleri yapmam gerekli.
1- Masaüstünde yazının yayınlandığı yerin daha geniş olması gerekl.
2- Yazı ve başlıkları renk ve boyutlarının değişmesi lazım.
Lütfen yardım..

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(../fonts/open-400.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(../fonts/open-400-2.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/open-600.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/open-600-2.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body{
font-family: "Open Sans",Arial,sans-serif;
background-color: #fff;
font-size:12px;
color:#666;
}
body,input,textarea{font-weight:400}body *{line-height:1}
.wrapper{
position:relative;
width:780px;
margin:0 auto;
}
.clear{
clear:both;
}
header{
margin:10px 0px;
}
header .logo{
float:left;
}
header .search{
float:right;
margin:10px 0px;
width:300px;
border:1px #ddd solid;
border-radius:3px;
position:relative;
}
header .search input[type=search]{
padding:8px;
float:left;
width:240px;
border:none;
line-height:18px;
}
header .search input[type=submit]{
padding:8px;
float:right;
width:60px;
border:none;
line-height:18px;
background:#ddd;
color:#666;
cursor:pointer;
font-weight:600;
transition: background .3s;
}
header .search input[type=submit]:hover{
background:#eee;
}
header #menu{
background:#eee;
border-bottom:3px #ddd solid;
height:32px;
margin:10px 0px;
}
header #menu ul{
float:left;
}
header #menu ul.social{
float:right;
}
header #menu ul li{
position:relative;
float:left;
}
header #menu ul li a{
display:block;
line-height:32px;
padding:0px 10px;
transition: background .3s;
}
header #menu ul li a:hover{
background:#ddd;
}
header #menu ul.social li a i{
font-size:13px;
color:#666;
}
header #menu ul li ul{
display:none;
position:absolute;
top:32px;
left:0px;
background:#eee;
width:200px;
z-index:99;
}
header #menu ul li ul li{
float:none;
}
header #menu ul li:hover ul{
display:block;
}
header #mobilmenu{
display:none;
}
header #mobilmenu input{
display:none;
}
header #mobilmenu input+label{
display:block;
text-align:center;
font-weight:600;
font-size:14px;
border:1px #ccc solid;
background:#eee;
color:#333;
padding:10px;
margin:2px 0px;
}
header #mobilmenu input:checked+label{
background:#ddd;
}
header #mobilmenu ul{
display:none;
}
header #mobilmenu input:checked+label+ul{
display:block;
}
header #mobilmenu ul li{
display:block;
}
header #mobilmenu ul li a{
display:block;
text-align:center;
font-weight:600;
font-size:14px;
border:1px #cfcfcf solid;
background:#ececec;
color:#333;
padding:10px;
margin:2px 0px;
}
.advertisefull{
margin-bottom:10px;
}
#content aside{
width:300px;
float:left;
}
#content aside .widget{
margin-bottom:10px;
}
#content aside .widget .title{
padding:0px 10px;
font-weight:600;
font-size:14px;
line-height:32px;
background:#eee;
}
#content aside .widget li{
display:block;
}
#content aside .widget li a{
display:block;
padding:6px;
line-height:20px;
border-bottom:1px #ccc dotted;
transition: all .3s;
}
#content aside .widget li a:hover{
color:#111;
border-bottom:1px #111 dotted;
}
#content aside .widget #wp-calendar{
width:100%;
}
#content aside .widget #wp-calendar caption{
font-weight:600;
padding:5px 0px;
width:100%;
font-size:14px;
}
#content aside .widget #wp-calendar th,
#content aside .widget #wp-calendar td{
padding:4px 0px;
color:#999;
}
#content aside .widget #wp-calendar td a{
color:#333;
}
#content aside .widget #searchform{
padding:4px;
}
#content aside .widget #searchform input{
padding:8px;
}
#content aside .widget #searchform input[type=submit]{
padding:6px 8px;
}
#content aside .widget #searchform label{
margin-right:10px;
}
#content .maincontent{
width:468px;
float:right;
}
#content .maincontent h3.title{
padding:0px 10px;
font-weight:600;
font-size:14px;
line-height:32px;
background:#eee;
margin-bottom:10px;
}
#content .maincontent .article,
#content .maincontent .single,
#content .maincontent .benzer,
#content #galerilist,
#content #galeri{
border:1px #eee solid;
margin-bottom:10px;
}
#content .maincontent .article h2,
#content .maincontent .single h1{
font-weight:600;
background:#eee;
}
#content .maincontent .article h2 a,
#content .maincontent .single h1{
display:block;
padding:0px 10px;
line-height:32px;
font-size:14px;
color:#3d3d3d;
}
#content .maincontent .article .info,
#content .maincontent .single .info{
border-bottom:1px #eee solid;
padding:0px 10px;
font-size:11px;
line-height:18px;
}
#content .maincontent .single .info span{
float:right;
}
#content .maincontent .single .info span a{
display:block;
color:#666;
padding:0px 5px;
line-height:18px;
transition: color .3s;
}
#content .maincontent .single .info span a:hover{
color:#333;
}
#content .maincontent .article .ozet,
#content .maincontent .single .konu{
padding:4px;
line-height:18px;
overflow:hidden;
}
#content .maincontent .single .konu .reklamigec{
display:block;
margin:5px;
padding:12px;
border:1px #ccc solid;
background:#eee;
text-align:center;
}
#content .maincontent .single .konu.reklam{
text-align:center;
}
#content .maincontent .article a.readmore{
display:block;
font-weight:600;
line-height:24px;
color:#333;
background:#eee;
text-align:center;
transition: background .3s;
}
#content .maincontent .single .konu p{
margin-bottom:10px;
}
#content .maincontent .single .konu img{
max-width:100%;
height:auto;
}
#content .maincontent .single .konu iframe,
#content .maincontent .single .konu embed,
#content .maincontent .single .konu object{
max-width:100%;
}
#content .maincontent .single .konu .advertise-ust{
float:right;
margin-left:4px;
margin-bottom:4px;
}
#content .maincontent .single .konu .advertise-alt{
float:left;
margin-right:4px;
margin-bottom:4px;
}
#content .maincontent .article a.readmore:hover{
background:#ddd;
}
#content .maincontent .benzer .title,
#content #galerilist .title{
padding-left:10px;
font-weight:600;
font-size:14px;
line-height:32px;
background:#eee;
}
#content #galerilist .title a{
padding:0px 10px;
float:right;
font-weight:600;
font-size:14px;
line-height:32px;
background:#eee;
transition: background .3s;
}
#content #galerilist .title a:hover{
background:#ddd;
}
#content .maincontent .benzer a{
display:block;
padding:0px 10px;
line-height:24px;
font-weight:600;
color:#666;
transition: color .3s;
}
#content .maincontent .benzer a:hover{
color:#333;
}
#content .advertise{
margin-bottom:10px;
}
#content #galerilist ul,
#content #galeri ul{
display:block;
overflow:hidden;
}
#content #galerilist ul li,
#content #galeri ul li{
float:left;
margin:4px 7.5px;
width:140px;
}
#content #galerilist ul li a,
#content #galeri ul li a{
display:block;
}
#content #galerilist ul li img,
#content #galeri ul li img{
border:1px #ddd solid;
padding:2px;
width:134px;
height:100px;
}
#content #galerilist ul li a:hover img,
#content #galeri ul li a:hover img{
border:1px #333 solid;
}
#content #galerilist ul li h3,
#content #galeri ul li h3{
font-weight:600;
line-height:18px;
color:#666;
height: 36px;
overflow: hidden;
}
#content #galerilist ul li a:hover h3,
#content #galeri ul li a:hover h3{
color:#333;
}
footer{
display:block;
margin-top:10px;
height:32px;
background:#eee;
border-top:3px #ddd solid;
}
footer .copyright{
float:left;
line-height:32px;
}
footer .fmenu{
float:right;
}
footer .fmenu ul li{
float:left;
}
footer .fmenu ul li a{
display:block;
line-height:32px;
padding:0px 10px;
transition: background .3s;
}
footer .fmenu ul li a:hover{
background:#ddd;
}
.yazi{font-size:12px;line-height:18px;color:#666;padding:10px}.yazi *{font-size:12px;color:#666;line-height:18px}.yazi .alignleft{display:inline;float:left;margin:4px 4px 4px 0}.yazi .alignright{display:inline;float:right;margin:4px 0 4px 4px}.yazi .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.yazi h1,.yazi h2,.yazi h3,.yazi h4,.yazi h5,.yazi h6{clear:both;font-weight:600;margin:8px 0}.yazi h6{font-size:14px;line-height:14px}.yazi h5{font-size:15px;line-height:15px}.yazi h4{font-size:16px;line-height:16px}.yazi h3{font-size:17px;line-height:17px}.yazi h2{font-size:18px;line-height:18px}.yazi h1{font-size:20px;line-height:20px}.yazi hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.625em}.yazi p{margin-bottom:10px}.yazi ul,.yazi ol{margin:0 0 1.625em 2.5em}.yazi ul{list-style:square}.yazi ol{list-style-type:decimal}.yazi ol ol{list-style:upper-alpha}.yazi ol ol ol{list-style:lower-roman}.yazi ol ol ol ol{list-style:lower-alpha}.yazi ul ul,ol ol,ul ol,ol ul{margin-bottom:0}.yazi dl{margin:0 1.625em}.yazi dt{font-weight:600}.yazi dd{margin-bottom:1.625em}.yazi strong{font-weight:600}.yazi cite,.yazi em,.yazi i{font-style:italic}.yazi i.fa{font-style:normal;text-align:center}.yazi i.fa.size1{font-size:12px;width:14px;height:14px}.yazi i.fa.size2{font-size:18px;width:20px;height:20px}.yazi i.fa.size3{font-size:24px;width:26px;height:26px}.yazi i.fa.size4{font-size:30px;width:32px;height:32px}.yazi i.fa.size5{font-size:36px;width:38px;height:38px}.yazi i.fa.blue{color:#27559B}.yazi i.fa.red{color:#CF0227}.yazi i.fa.green{color:#2A7D1E}.yazi i.fa.black{color:#111}.yazi i.fa.purple{color:#5325BD}.yazi i.fa.pink{color:#AD1DA6}.yazi i.fa.brown{color:#90651B}.yazi i.fa.bgblue{background:#27559B;color:#fff;padding:2px;border-radius:50%}.yazi i.fa.bgred{background:#CF0227;color:#fff;padding:2px;border-radius:50%}.yazi i.fa.bggreen{background:#2A7D1E;color:#fff;padding:2px;border-radius:50%}.yazi i.fa.bgblack{background:#111;color:#fff;padding:2px;border-radius:50%}.yazi i.fa.bgpurple{background:#5325BD;color:#fff;padding:2px;border-radius:50%}.yazi i.fa.bgpink{background:#AD1DA6;color:#fff;padding:2px;border-radius:50%}.yazi i.fa.bgbrown{background:#90651B;color:#fff;padding:2px;border-radius:50%}.yazi blockquote{font-style:italic;font-weight:400;margin:0 3em;border-left:5px #ccc solid;padding-left:5px}.yazi blockquote em,.yazi blockquote i,.yazi blockquote cite{font-style:normal}.yazi blockquote cite{color:#666;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.yazi pre{background:#f4f4f4;font:13px "Courier 10 Pitch",Courier,monospace;line-height:1.5;margin-bottom:1.625em;overflow:auto;padding:.75em 1.625em}.yazi code,.yazi kbd,.yazi samp,.yazi var{font:13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}.yazi abbr,.yazi acronym,.yazi dfn{border-bottom:1px dotted #666;cursor:help}.yazi address{display:block;margin:0 0 10px}.yazi ins{background:#fff9c0;text-decoration:none}.yazi sup,.yazi sub{font-size:10px;height:0;line-height:1;position:relative;vertical-align:baseline}.yazi sup{bottom:1ex}.yazi sub{top:.5ex}.yazi small{font-size:smaller}.yazi input[type=text],.yazi input[type=password],.yazi input[type=email],.yazi input[type=url],.yazi input[type=number],.yazi textarea{background:#fff;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);border:1px solid #f1d0d1;color:#cdcccc}.yazi input[type=text]:focus,.yazi input[type=password]:focus,.yazi input[type=email]:focus,.yazi input[type=url]:focus,.yazi input[type=number]:focus,.yazi textarea:focus{color:#cdcccc}.yazi textarea{padding-left:3px;width:98%}.yazi input[type=text],.yazi input[type=password],.yazi input[type=email],.yazi input[type=url],.yazi input[type=number]{padding:3px}.yazi input#s{background:url(images/search.png) no-repeat 5px 6px;-moz-border-radius:2px;border-radius:2px;font-size:14px;height:22px;line-height:1.2em;padding:4px 10px 4px 28px}.yazi input#searchsubmit{display:none}.yazi a{color:#7B7373;text-decoration:none}.yazi a:focus,.yazi a:active,.yazi a:hover{text-decoration:underline}.yazi #comments-title{color:#666;font-size:10px;font-weight:500;line-height:2.6em;padding:0 0 2.6em;text-transform:uppercase}.yazi .nopassword,.yazi .nocomments{color:#aaa;font-size:24px;font-weight:100;margin:26px 0;text-align:center}.yazi .commentlist{list-style:none;margin:0 auto;width:68.9%}.yazi .content .commentlist,.yazi .page-template-sidebar-page-php .commentlist{width:100%}.yazi .commentlist > li.comment{background:#f6f6f6;border:1px solid #ddd;-moz-border-radius:3px;border-radius:3px;margin:0 0 1.625em;padding:1.625em;position:relative}.yazi .commentlist .pingback{margin:0 0 1.625em;padding:0 1.625em}.yazi .commentlist .children{list-style:none;margin:0}.yazi .commentlist .children li.comment{background:#fff;border-left:1px solid #ddd;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:1.625em 0 0;padding:1.625em;position:relative}.yazi .commentlist .children li.comment .fn{display:block}.yazi .comment-meta .fn{font-style:normal}.yazi .comment-meta{color:#666;font-size:12px;line-height:2.2em}.yazi .commentlist .children li.comment .comment-meta{line-height:1.625em;margin-left:50px}.yazi .commentlist .children li.comment .comment-content{margin:1.625em 0 0;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.yazi .comment-meta a{font-weight:600}.yazi .commentlist .avatar{-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;left:-102px;padding:0;position:absolute;top:0}.yazi .commentlist > li:before{content:url(images/comment-arrow.png);left:-21px;position:absolute}.yazi .commentlist > li.pingback:before{content:''}.yazi .commentlist .children .avatar{background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;left:2.2em;padding:0;top:2.2em}.yazi a.comment-reply-link{background:#eee;-moz-border-radius:3px;border-radius:3px;color:#666;display:inline-block;font-size:12px;padding:0 8px;text-decoration:none}.yazi a.comment-reply-link:hover,.yazi a.comment-reply-link:focus,.yazi a.comment-reply-link:active{background:#888;color:#fff}.yazi a.comment-reply-link > span{display:inline-block;position:relative;top:-1px}.yazi .commentlist > li.bypostauthor{background:#ddd;border-color:#d3d3d3}.yazi .commentlist > li.bypostauthor .comment-meta{color:#575757}.yazi .commentlist > li.bypostauthor:before{content:url(images/comment-arrow-bypostauthor.png)}.yazi .commentlist .children > li.bypostauthor{background:#ddd;border-color:#d3d3d3}.yazi .page-template-sidebar-page-php .commentlist > li.comment,.yazi .page-template-sidebar-page-php.commentlist .pingback{margin-left:102px;width:auto}.yazi .page-template-sidebar-page-php #respond{width:auto}.yazi #respond input[type="text"],.yazi #respond textarea{background:#fff;border:4px solid #eee;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95);-moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95);box-shadow:inset 0 1px 3px rgba(204,204,204,0.95);position:relative;padding:10px;text-indent:80px}.yazi #respond .comment-form-author,.yazi #respond .comment-form-email,.yazi #respond .comment-form-url,.yazi #respond .comment-form-comment{position:relative}.yazi #respond .comment-form-author label,.yazi #respond .comment-form-email label,.yazi #respond .comment-form-url label,.yazi #respond .comment-form-comment label{background:#eee;-webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8);-moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8);box-shadow:1px 2px 2px rgba(204,204,204,0.8);color:#555;display:inline-block;font-size:13px;left:4px;min-width:60px;padding:4px 10px;position:relative;top:40px;z-index:1}.yazi #respond input[type="text"]:focus,.yazi #respond textarea:focus{text-indent:0;z-index:1}.yazi #respond textarea{resize:vertical;width:95%}.yazi #respond .comment-form-author .required,.yazi #respond .comment-form-email .required{color:#bd3500;font-size:22px;font-weight:600;left:75%;position:absolute;z-index:1}.yazi #respond .comment-notes,.yazi #respond .logged-in-as{font-size:13px}.yazi #respond p{margin:10px 0}.yazi #respond .form-submit{float:right;margin:-20px 0 10px}.yazi #respond input#submit{background:#222;border:none;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 1px 2px rgba(0,0,0,0.3);color:#eee;cursor:pointer;font-size:15px;margin:20px 0;padding:5px 42px 5px 22px;position:relative;left:30px;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}.yazi #respond input#submit:active{background:#1982d1;color:#bfddf3}.yazi #respond #cancel-comment-reply-link{color:#666;margin-left:10px;text-decoration:none}.yazi #respond .logged-in-as a:hover,.yazi #respond #cancel-comment-reply-link:hover{text-decoration:underline}.yazi .commentlist #respond{margin:1.625em 0 0;width:auto}.yazi #reply-title{color:#373737;font-size:24px;font-weight:600;line-height:30px}.yazi #cancel-comment-reply-link{color:#888;display:block;font-size:10px;font-weight:400;line-height:2.2em;letter-spacing:.05em;position:absolute;right:1.625em;text-decoration:none;text-transform:uppercase;top:1.1em}.yazi #cancel-comment-reply-link:focus,.yazi #cancel-comment-reply-link:active,.yazi #cancel-comment-reply-link:hover{color:#ff4b33}.yazi #respond label{line-height:2.2em}.yazi #respond input[type=text]{display:block;height:24px;width:75%}.yazi #respond p{font-size:12px}.yazi p.comment-form-comment{margin:0}.yazi .form-allowed-tags{display:none}.yazi img{max-width:650px;height:auto}
.yazi .etiket{display:block;}.yazi .etiket a{color:#ddd;}.yazi .etiket strong{display:block;float:left;}.yazi .etiket strong:after{content:':';float:right;margin:0px 4px;display:block;}
.yazi img, .yazi video, .yazi iframe, .yazi object{max-width:100%;}
.yazi .advertisemobil{margin-left:-5px;}
#pagenavi{float:right;margin-bottom:5px;margin-right:10px}
#pagenavi .navigation {float:right;overflow:hidden;}
#pagenavi .navigation ul{list-style:none;overflow:hidden;background:none;}
#pagenavi .navigation ul li{float:left;margin:2px;height:33px;}
#pagenavi .navigation ul li a{
display: block;
float: left;
line-height: 30px;
padding: 0px 10px;
border: 1px solid #ddd;
margin: 1px;
border-radius: 3px;
color: #333;
background: #eee;
transition: background 0.4s;
}
#pagenavi .navigation ul li a.active,
#pagenavi .navigation ul li a:hover{
background: #ddd;
}
#comment h3{
padding: 0px 10px;
font-weight: 600;
font-size: 14px;
line-height: 32px;
background: #eee;
}
#comment .comment-list .children{
margin-left:40px;
}
#comment .comment-list .comment{
display:block;
border-top:1px rgba(255,255,255,0.1) solid;
border-bottom:1px rgba(255,255,255,0.1) solid;
background:rgba(0,0,0,0.1);
margin:2px 0px;
padding:5px;
overflow:hidden;
}
#comment .comment-list .children .comment{
background:rgba(0,0,0,0.1);
}
#comment .comment-list .children .children .comment{
background:rgba(0,0,0,0.1);
}
#comment .comment-list .comment figure{
display:block;
float:left;
width:65px;
height:65px;
}
#comment .comment-list .comment figure img{
border:1px #bbb solid;
border-radius:50%;
background:#fff;
padding:2px;
}
#comment .comment-list .comment .caption{
float:right;
width:384px;
}
#comment .comment-list .comment .caption .spoiler{
margin:5px;
border:1px #666 solid;
background:#333;
border-radius:3px;
}
#comment .comment-list .comment .caption .spoiler .spoilericerik{
padding:5px;
display:none;
}
#comment .comment-list .comment .caption .spoiler .title{
display:block;
padding:4px;
background:#222;
}
#comment .comment-list .comment .caption .spoiler .title i{
float:right;
display:block;
padding:4px 6px;
background:#111;
color:#fff;
border-radius:2px;
cursor:pointer;
font-size:11px;
}
#comment .comment-list .comment .caption .unapproved{
display:block;
margin:2px;
padding:4px;
font-weight:600;
color:#333;
border-bottom:1px #333 solid;
border-top:1px #333 solid;
text-align:center;
}
#comment .comment-list .comment .caption strong,
#comment .comment-list .comment .caption span,
#comment .comment-list .comment .caption small{
display:block;
margin-bottom:2px;
}
#comment .comment-list .comment .caption strong{
line-height:24px;
font-size:16px;
color:#333;
}
#comment .comment-list .comment .caption strong a{
display:inline-block;
margin-left:10px;
font-size:14px;
color:#666;
}
#comment .comment-list .comment .caption span,
#comment .comment-list .comment .caption span p{
font-size:14px;
line-height:18px;
color:#555;
}
#comment .comment-list .comment .caption small{
font-size:11px;
line-height:18px;
color:#666;
}
#comment .comment-list .children .comment .caption{
width:344px;
}
#comment .comment-list .children .children .comment .caption{
width:304px;
}
#comment .comment-list .children .children .children .comment .caption{
width:264px;
}
#comment .comment-list .children .children .children .children .comment .caption{
width:224px;
}
#comment .comment-list .comment .comment-reply-link:before{
content:'|';
margin:0px 4px;
}
#respond{
overflow:hidden;
margin-bottom:8px;
}
#respond .title a{
color:#eee;
}
#comment #commentform{
padding:2px 0px;
}
#comment #commentform #login .loggedin a{
float:left;
width:218px;
margin:1px 0px 2px 2px;
background:#eee;
display:block;
padding:10px 11px;
color:#333;
border:1px solid #ccc;
cursor:pointer;
text-align:center;
}
#comment #commentform #login .logout a{
float:left;
width:218px;
margin:0px 0px 2px 2px;
background:#CF0227;
display:block;
padding:10px 11px;
color:#fff;
border:1px solid #B50221;
cursor:pointer;
text-align:center;
}
#comment #commentform #login .logout a:hover{
background:#A2021E;
}
#comment #commentform textarea{
float:left;
width:214px;
height:102px;
border:1px #ccc solid;
background:#eee;
resize:none;
padding:4px;
color:#333;
}
#comment #commentform input{
float:left;
width:228px;
margin:0px 0px 2px 2px;
padding:7.5px 6px;
border:1px #ccc solid;
background:#eee;
color:#333;
font-size:12px;
line-height:18px;
}
#comment #commentform input[type=submit]{
background:#27559B;
display:block;
padding:9px 11px;
color:#fff;
border:1px solid #163E7B;
cursor:pointer;
width:242px;
}
#comment #commentform input[type=submit]:hover{
background:#163E7B;
}
.gallery{
clear:both;
}
.gallery-item {
width: 30% !important;
margin:10px 1% 0px !important;
}
@media screen and (max-width: 800px) {
.wrapper{
width:300px;
}
header #mobilmenu{
display:block;
}
#content .maincontent{
width:300px;
}
#menu,#content aside,.advertise,.adstop,.advertise-ust,.fmenu{
display:none;
}
#content #galerilist ul li, #content #galeri ul li{
width:40%;
margin:4px 5%;
}
#content #galerilist ul li img, #content #galeri ul li img{
max-width:100%;
}
#comment #commentform textarea{
width:290px;
margin-bottom:1px;
}
#comment #commentform #login .logout a,
#comment #commentform #login .loggedin a{
margin-left:0px;
width:276px;
}
#comment #commentform input{
width:286px;
margin-left:0px;
}
#comment #commentform input[type="submit"]{
width:300px;
}
#comment .comment-list .comment .caption{
width:215px;
}
#comment .comment-list .children{
margin-left:10px;
}
#comment .comment-list .children .comment .caption{
width:205px;
}
#comment .comment-list .children .children .comment .caption{
width:195px;
}
#comment .comment-list .children .children .children .comment .caption{
width:185px;
}
#comment .comment-list .children .children .children .children .comment .caption{
width:175px;
}
#content .maincontent .benzer a{
padding:16px 0px;
}
}

.wrapper {width: 768px} --- Buradan genel divi büyült misal 960 ver.
#content .maincontent {width:468px} -- Burdan da yazının olduğu bölümü büyütebilirsiniz.


Renkler neresi değişecek ona bişey dememişsiniz. Yazı veya başlık class ne ise css de onun color yerini değişirseniz renk değişecektir.

Bir de css gizli olan bişey değil buraya yazmasanızda onları sitede görebiliriz. :D annebebekegitimi

Ben bu kodlardan neresi ne şekilde değişecek bilmiyorum yalnız. Olaya hakim değilim


Çok teşekkür ederim

Hocam bu temada başka ne gibi değişim yapmayı önerirsiniz. CSS bilen bir kişiye teslim edeceğim.. bana fikir verirseniz çok sevinirim..