CSS kodları:
body, h1, h2, h3, h4, h5, h6, p, form {
margin: 0;
padding: 0;
}
body {
margin: 0;
font-family: Calibri, Verdana, Georgia, Sans-serif;
font-size: 12px;
vertical-align: top;
background-color: #fe6602;
background-image: url(images/arkaplan.jpg);
background-repeat: repeat-x;
}
h1 {
font-family: Calibri, Verdana;
font-size: 30px;
padding: 0 0 10px 0;
}
a:link, a:visited {
text-decoration: none;
color: #336699;
}
a:hover {
text-decoration: none;
}
p {
padding: 10px 0 0 0;
}
#outer {
width:970px;
background:#fff;
margin: 5px auto 1px auto;
padding: 0 0 1px 0;
}
#wrapper{
margin: 0 auto 0px auto;
width: 966px;
text-align: left;
}
/*++++++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++++*/
#header{
float: left;
width: 958px;
height: 89px;
background: #0099cb;
margin:1px auto;
padding: 2px 0 2px 8px;
text-decoration:none;
background:url(images/header.jpg) repeat-y;
}
#header_l {
float:left;
width:400px;height:90px;
margin-bottom:10px; padding:0;
}
#header_r {
float:right;height:91px;width:506px;
margin:0; padding:0;
background-image:url(images/ads-holder.jpg);
}
/*++++++++++++++++++++++++ 468x60 banner zone +++++++++++++++++++++++++++*/
#header_r_ads {
margin:2px 0 0 39px; padding:0;
width:468px;
height:62px;
}
/*+++++++++++++++++++++++ Main menu & rss feed ++++++++++++++++++++++++++*/
#nav {
clear:both;
margin:1px auto 1px auto;
width: 966px;
height:31px;
background: url(images/topmenu.jpg) repeat-x;
overflow:hidden;
}
#nav_l {
float:left;
width:865px;
margin:0px; padding:0px;
overflow:hidden;
height:31px;
}
.menu {
float:left;
margin:5px 1px;
padding:3px;
width:500px;
}
.menu li {
display: inline;
list-style: none;
margin:0;
padding:0;
}
.menu ul, .menu ol {
display: inline;
list-style: none;
margin:0;
padding:0 10px 0 0;
}
.menu a, .menu a:visited {
color: #FFFFFF;
font-weight: bold;
margin:0;
padding: 3px 10px 3px 10px;
text-decoration: none;
}
.menu a:hover {
background: #1ba7d4;
text-decoration: none;
border:1px solid #fff;
}
/*++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++*/
#search {
height:14px;
float:right;
margin:4px 4px 0 0;
}
#search #s {
font-size:8pt;
padding-left:3px;
padding-bottom:1px;
width:180px;
}
input#s {
color:#000;
border:3px solid #7fcbe3;
background:#fcfcfc;
}
/*+++++++++++++++++++++++++++ Main Column +++++++++++++++++++++++++++++++*/
#container{
float: left;
width: 550px;
padding: 6px 10px 10px 10px;
text-align:justify;
background: #fff;
margin:0 auto 1px auto;
}
.post{
padding: 2px 6px 10px 6px;
}
.post h2{
font-family: Calibri, Verdana, Sans-serif;
font-size: 16px;
margin:0 5px;
text-align:left;
}
.entry{
font-family: Calibri, Verdana, Georgia, Sans-serif;
font-size: 12px;
color:#02176b;
line-height: 1.5em;
margin: 3px 0 5px 0;
}
p.postmetadata{
margin: 10px 0 0 0;
padding:6px;
background: #fff;
}
.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
.navleft{
margin:0;padding:0;
float:left;
}
.navright{
margin:0;padding:0;
float:right;
}
blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:10px;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;
}
blockquote blockquote {
margin:5px 10px;
padding:4px 7px 10px 7px;
font-size:10px;
background:#51d600;
color:#336699;
border:1px dashed #40a9c9;
background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;
}
/*+++++++++++++++++++++++++++ Post Header +++++++++++++++++++++++++++++++*/
.post_header {
margin:0; padding:0;
height:60px;
background:#fff;
}
.post_headerr {
margin:0; padding:0;
}
.post_title {
margin:0 5px; padding:2px 0 0 0;
}
.details {
margin:0; padding:4px 0;
border-top:1px dashed #bc581c;
}
.files {
background:url(images/folder.gif) no-repeat;
margin:0; padding:0 0 0 20px;
}
.comment_list {
background:url(images/list_comments.gif) no-repeat;
margin:0; padding:0 0 0 20px;
}
.edit {
background:url(images/edit.gif) no-repeat;
margin:0; padding:0 0 0 20px;
}
/*++++++++++++++++++++++++++++ Post Date ++++++++++++++++++++++++++++++++*/
.the_date {
display:block;
text-align: center;
float:left;height:60px;
font-family: Arial, Helvetica, sans-serif;
width:62px;
margin:0px 5px 0 0;
background:url(images/calendar.jpg);
}
.date_m {
display:block;
font-size: 0.9em;
margin:0;
padding-top:5px;
color:#fff;
font-weight: bold;
text-align:center;
}
.date_d {
display:block;
font-size:1.2em;
margin:0;
color:#336699;
font-weight: bold;
padding:0.7em 0 1.1em 0;
text-align: center;
}
/*+++++++++++++++++++++++++++++ Comment +++++++++++++++++++++++++++++++++*/
#commentsbox {
margin: 0px; padding: 0px;
float: left;
width: 540px;
font-size:11px;
}
#comments h2 {
margin:5px 0 0 0;
padding:0;
color:#ff5c00;
font-size:14px;
font-weight:normal;
}
h3 #respond {
margin:10px 0;
padding:0;
color:#ff5c00;
font-size:14px;
font-weight:normal;
}
.boxcomments {
margin-bottom:20px;
width:520px;
}
#commentform {
border-top:1px solid #eee;
margin:0;padding:15px 15px 1px;
}
#commentform label {
display:block;
margin:0;
}
#commentform input {
width:170px;
margin:0 5px 10px 0;
padding:1px;
}
#commentform textarea {
width:400px;margin:0 0 10px;
padding:0;
}
#commentform #submit {
margin:0 0 20px;
}
#commentform p {
margin:5px 0;
}
ol.commentlist {
margin:0 0 1px;
padding:0;
}
ol.commentlist li {
border:1px dashed #31afda;
display:block;
list-style:none;margin:7px 0;
padding:6px 15px 12px 15px;
background:url(images/comment_l.jpg) repeat-x;
}
ol.commentlist li.mycomment {
border-bottom:20px solid #fff;
display:block;
list-style:none;
margin:7px 0;padding:5px 15px 1px;
background:#f3fdff;
}
ol.commentlist li.commenthead {
display:block;
list-style:none;
margin:0;padding:5px 15px;
}
ol.tblist {
list-style:none;
margin:0 0 1px;
padding:0;
}
ol.tblist li {
display:block;
list-style:none;
padding:10px 5px 10px 5px;
margin:0 0 5px;
border:1px dashed #ccc;
}
input#url,input#author,input#email,textarea {
color:#666;
width:40%;
border:1px solid #cbcbcb;
margin-bottom:0.6em;
background:#fcfcfc;
margin-top:2px;padding:3px;
}
/*++++++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++++++*/
.sidebar{
float: left;
width: 386px;
margin: 1px 0 0 2px;
background:#fff;
}
.sidebar ul{
list-style: none;
margin: 0;
padding: 0 10px 0 10px;
}
.sidebar ul li{
padding: 10px 0;
}
.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
}
.sidebar ul ul li{
padding: 0;
line-height: 24px;
}
/*+++++++++++++++++++++++ Sidebar: Top component ++++++++++++++++++++++++++*/
#sidebar_top {
margin:6px 0 0 0;padding:8px;
background:url(images/sidebar_top.jpg) repeat-x;
width: 369px;
line-height:16px;
text-align:justify;
border:1px solid #91d3e9;
font-size:11px;
font-family:calibri;
}
#sidebar_top h4 {
color:#0e5268;
margin-bottom:3px;
font-size:14px;
}
/*++++++++++++++++++++++ Sidebar: Left component +++++++++++++++++++++++++*/
.lsidebar {
margin:0;padding:0;
float:left;
width:184px;
}
.lsidebar ul{
list-style: none;
margin: 0;
padding: 0 1px 0 0;
}
.lsidebar ul li{
padding: 10px 0 4px 0;
font-family: Arial, Georgia, Sans-serif;
font-size: 11px;
color:#7a888c;
margin:0;
}
.lsidebar ul li a:link, .lsidebar ul li a:visited {
color:#0199cb;
font-weight:700;
}
.lsidebar ul li h2{
font-family: Verdana,Arial, Georgia, Sans-serif;
font-size: 11px;
background:url(images/cat.jpg) no-repeat top left;
margin:0; padding:7px 0 0 8px;
height:30px;width:182px;
color:#fff;
}
.lsidebar ul ul li{
padding: 0 0 0 20px;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
background:url(images/arrow_blue.jpg) no-repeat 0px 0px;
}
.lsidebar ul ul ul li{
padding: 0 0 0 14px;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
font-size:11px;
background:url(images/sub-cat.jpg) no-repeat 3px 3px;
}
.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {
color:#39b0d8;
font-weight:700;
}
/*++++++++++++++++++++++ Sidebar: Right component +++++++++++++++++++++++++*/
.rsidebar {
margin:0;padding:0;
float:right;
width:181px;
}
.rsidebar ul{
list-style: none;
margin: 0;
padding: 0 1px 0 0;
}
.rsidebar ul li{
padding: 10px 0 4px 0;
font-family: Arial, Georgia, Sans-serif;
font-size: 11px;
color:#7a888c;
margin:0;
}
.rsidebar ul li a:link, .rsidebar ul li a:visited {
color:#0199cb;
font-weight:700;
}
.rsidebar ul li h2{
font-family: Verdana, Arial, Georgia, Sans-serif;
font-size: 11px;
background:url(images/cat.jpg) no-repeat top left;
margin:0; padding:7px 0 0 8px;
height:30px;width:182px;
color:#fff;
}
.rsidebar ul ul li{
padding: 0 0 0 22px;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
background:url(images/arrow_blue.jpg) no-repeat 2px 0px;
}
.rsidebar ul ul ul li{
padding: 0 0 0 14px;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
font-size:11px;
background:url(images/sub-cat.jpg) no-repeat 3px 3px;
border-bottom:none;
}
.rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {
color:#39b0d8;
font-weight:700;
}
/*+++++++++++++++++++++++++ Sidebar Calendar ++++++++++++++++++++++++++++++*/
table#wp-calendar{
width: 90%;
margin:0px auto;
}
/*++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++*/
#footer{
clear: both;
width: 966px;
background:url(images/footer.jpg) repeat-x;
padding:10px 0;
margin:0;
}
#footer p {
line-height: 13px;
text-align:center;
font-weight:700;
color:#fff;
padding: 2px 0;
font-size: 10px;
font-family:Verdana;
}
#footer a {
color:#afe1f3;
}
#footer a:hover {
color:#53c7f2;
}Bkz. Antalya