styl dosyası
/*
Theme Name: Peregrinator
Theme URI: http://www.ezwpthemes.com/templates/peregrinator.html
Description: This theme is designed and coded by <a href="http://www.ezwpthemes.com/">EZwpthemes</a>.
Version: 1.0
Author: EZwpthemes
Author URI: http://www.ezwpthemes.com/
Tags: blue, fixed-width, three-columns, right-sidebar, threaded-comments
*/
body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited {
color: #CC0000;
text-decoration: none;
}
a:hover, a:active {
color: #FF3300;
}
h1 {
font-size: 4.0em;
padding-top: 20px;
padding-left: 155px;
display: block;
padding-bottom: 5px;
}
h1 a:link, h1 a:visited {
color: #FFFFFF;
}
h2 {
font-family: "Times New Roman", Times, serif;
font-size: 2.2em;
line-height: 110%;
margin-bottom: 10px;
}
h4 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 40px;
color: #FFFFFF;
display: block;
height: 40px;
padding-left: 20px;
text-align: left;
}
h5 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
display: inline;
margin-right: 10px;
}
h6 {
font-size: 1.0em;
color: #FFFFFF;
background-image: url(images/comment_bg.jpg);
display: block;
height: 30px;
padding-left: 20px;
line-height: 30px;
}
* {
margin: 0px;
padding: 0px;
}
#wrap {
background-image: url(images/wrap_bg.jpg);
width: 979px;
background-repeat: repeat-y;
margin: 0 auto;
}
#page {
background-image: url(images/page_bg.jpg);
width: 940px;
background-repeat: no-repeat;
padding-left: 18px;
padding-right: 21px;
}
#header {
margin-bottom: 5px;
}
#sidebar {
background-color: #D2DDED;
float: right;
width: 208px;
}
#footer {
clear: both;
margin-top: 5px;
text-align: center;
font-size: 1.2em;
padding-bottom: 15px;
color: #FFFFFF;
}
#credit{
text-align: center;
font-size: 0.9em;
color: #FFFFFF;
}
#credit a {
text-decoration:none;
color: #FFFFFF;
}
#footer ul {
background-color: #FFFFFF;
text-align: center;
display: block;
height: 25px;
margin-bottom: 10px;
list-style-type: none;
}
#footer ul li {
display: inline;
margin-right: 20px;
line-height: 25px;
}
#footer ul li a:link, #footer ul li a:visited {
color: #000000;
}
#footer ul li a:hover, #footer ul li a:active {
color: #FF3300;
}
#header_nav {
height: 75px;
}
#header_nav ul {
font-size: 1.2em;
display: block;
float: left;
list-style-type: none;
margin-top: 8px;
padding-left: 20px;
}
#header_nav li {
float: left;
background-image: url(images/nav.jpg);
display: block;
height: 57px;
width: 126px;
line-height: 50px;
font-weight: bold;
text-align: center;
}
#header_nav li a:link, #header_nav li a:visited {
color: #153657;
}
#header_nav li a:hover, #header_nav li a:active {
color: #FF0000;
}
#rss_link {
font-size: 1.1em;
float: right;
margin-top: 14px;
padding-right: 50px;
font-weight: bold;
}
#rss_link img {
border: none;
}
#rss_link a:link, #rss_link a:visited {
color: #000000;
}
#banner {
font-family: "Times New Roman", Times, serif;
background-image: url(images/banner.jpg);
height: 122px;
background-repeat: no-repeat;
clear: both;
}
#description {
font-size: 1.2em;
font-weight: bold;
color: #FFFFFF;
padding-left: 155px;
}
#sidebar ul {
display: block;
width: 208px;
list-style-type: none;
}
#sidebar ul ul {
margin-top: 10px;
}
#sidebar li li {
font-family: "Times New Roman", Times, serif;
font-size: 1.4em;
margin-bottom: 10px;
margin-left: 20px;
}
#sidebar li a:link, #sidebar li a:visited {
color: #000000;
}
#sidebar li a:hover, #sidebar li a:active {
color: #FF3300;
}
#sidebar h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
line-height: 40px;
color: #FFFFFF;
display: block;
height: 40px;
padding-left: 20px;
width: 188px;
background-image: url(images/sidebar_title_bg.jpg);
}
#sidebar p {
font-size: 1.2em;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.sidebar_text {
border: 1px solid #CCCCCC;
width: 120px;
padding: 2px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 10px;
}
.sidebar_button {
font-size: 1.2em;
background-color: #CCCCCC;
border: 1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 2px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
width: 50px;
}
#content {
background-image: url(images/content_bg.gif);
background-repeat: repeat-y;
width: 940px;
}
#left {
background-color: #4E759E;
width: 222px;
text-align: center;
float: left;
}
.gallery {
background-image: url(images/gallery.jpg);
background-repeat: repeat-x;
}
#gallery_content {
background-color: #FFE7C3;
padding: 20px;
height: 220px;
}
#gallery_content ul {
display: block;
list-style-type: none;
}
#gallery_content li {
float: left;
width: 50%;
margin-bottom: 5px;
}
#gallery_content img {
width: 72px;
height: 54px;
background-color: #FFFFFF;
padding: 3px;
border: 1px solid #CCCCCC;
}
.recent_posts {
background-image: url(images/recent_posts.jpg);
background-repeat: repeat-x;
}
.recent_content {
font-size: 1.2em;
font-weight: bold;
text-align: left;
margin-top: 5px;
list-style-type: none;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 15px;
}
.recent_content li {
margin-top: 10px;
margin-bottom: 10px;
display: block;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
padding-bottom: 10px;
}
.recent_content a:link, .recent_content a:visited {
color: #FFE7C3;
}
.recent_content a:hover, .recent_content a:active {
color: #FFFFFF;
}
#line {
height: 25px;
margin-top: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #C6D1DF;
}
#right {
float: right;
width: 713px;
}
#top_title {
line-height: 40px;
background-image: url(images/top_title.jpg);
height: 52px;
width: 633px;
padding-left: 80px;
font-size: 1.1em;
}
#newest {
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
background-color: #F4F4EB;
margin-bottom: 5px;
}
#newest_img {
background-image: url(images/top_img_bg.jpg);
background-repeat: no-repeat;
text-align: center;
vertical-align: middle;
float: left;
height: 204px;
width: 278px;
padding-top: 16px;
}
#newest_content {
float: right;
width: 400px;
font-size: 1.2em;
line-height: 150%;
margin-top: 5px;
}
#post_table {
background-image: url(images/post_table_bg.gif);
background-repeat: repeat-y;
}
#post {
background-color: #FFFFFF;
width: 470px;
float: left;
line-height: 150%;
}
#post_content {
width: 470px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
}
#post h2 {
margin-bottom: 0px;
}
#post p {
margin-bottom: 10px;
}
.postmetadata {
font-size: 1.1em;
color: #666666;
margin-left: 2px;
margin-top: 2px;
}
.entry {
font-size: 1.2em;
line-height: 150%;
}
.entry_img {
float: left;
margin-right: 10px;
margin-left: 2px;
}
.entry img, .navigation img {
border: 1px solid #CCCCCC;
background-color: #F3F3F3;
padding: 4px;
}
#trail, #sub_trail {
font-size: 1.2em;
line-height: 40px;
height: 40px;
background-image: url(images/trail_bg.jpg);
background-repeat: repeat-x;
padding-left: 15px;
}
#trail {
width: 485px;
margin-bottom: 20px;
}
#sub_trail {
width: 698px;
margin-bottom: 10px;
}
#trail a:link, #sub_trail a:link, #trail a:visited, #sub_trail a:visited {
color: #000000;
}
#trail a:hover, #sub_trail a:hover, #trail a:active, #sub_trail a:active {
color: #FF3300;
}
*html #post_right {
float: right;
width: 713px;
background-color: #FFFFFF;
height:600px;
}
#post_right {
float: right;
width: 713px;
background-color: #FFFFFF;
min-height: 600px;
}
#sub_post, #comments {
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
#sub_post p, #comments p {
padding-bottom: 10px;
}
*html .align_left {
text-align: left;
float: left;
font-size: 1.2em;
padding-left: 20px;
padding-bottom: 0px;
}
*html .align_right {
text-align: right;
float: right;
font-size: 1.2em;
padding-right: 20px;
padding-bottom: 0px;
}
.align_left {
text-align: left;
float: left;
font-size: 1.2em;
padding-left: 20px;
padding-bottom: 7px;
}
.align_right {
text-align: right;
float: right;
font-size: 1.2em;
padding-right: 20px;
padding-bottom: 7px;
}
#comments {
font-size:1.2em;
clear: both;
padding-top: 20px;
width: 677px;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
border: 1px solid #CCCCCC;
background-color: #F6F6F6;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
font-size: 1.1em;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
.commentlist li ul li {
font-size: 1em;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
color: #990000;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
float: right;
background-color: #CCCCCC;
margin-top: 10;
margin-right: 0;
margin-bottom: 10px;
margin-left: auto;
border: 1px solid #999999;
font-family: Arial, Helvetica, sans-serif;
}
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} 
Belki yardımı dokunur 
