Style.css dosyası:
/* Theme Name: Yaren Wordpress Teması
Theme URI: http://demo.safirtema.com/yaren
Description: http://demo.safirtema.com/yaren
Author: Safir Tema */
@font-face {
font-family: 'pf_beausans_pro_semiboldRg';
src: url('fonts/pfbeausanspro-sebold-webfont.eot');
src: url('fonts/pfbeausanspro-sebold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pfbeausanspro-sebold-webfont.woff') format('woff'), url('fonts/pfbeausanspro-sebold-webfont.ttf') format('truetype'), url('fonts/pfbeausanspro-sebold-webfont.svg#pf_beausans_pro_semiboldRg') format('svg');
font-weight: normal;
font-style: normal; }
* {
margin: 0;
padding: 0;
outline: 0; }
ul {
list-style: none;
list-style-position: outside; }
a { text-decoration: none; }
a img { border: none; }
body {
font: 14px "Calibri", Arial, Helvetica, sans-serif;
background: url(images/body-bg.png);
color: #333; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-family: 'pf_beausans_pro_semiboldRg', sans-serif; }
/* html5 elements */
section, header, footer, article, aside, nav { display: block; }
/* Custom Classes */
.box {
background: #fff;
border-radius: 5px;
border: 1px solid #cdc;
padding: 10px;
position: relative;
overflow: hidden;
margin-bottom: 10px; }
.box h1 {
background: #eee;
line-height: 36px;
margin: -9px -9px 12px -9px;
padding: 0 10px;
font-size: 17px; }
.box .extra {
position: absolute;
right: 10px;
top: 10px; }
.extra a {
display: block;
float: left; }
.box .extra a.thumb {
width: 22px;
height: 20px;
background: url(images/sprite.png) -500px -1790px;
text-indent: -9999px; }
.box .extra a.detail {
width: 22px;
height: 20px;
background: url(images/sprite.png) -540px -1790px;
text-indent: -9999px;
margin-left: 4px; }
.box .extra a.thumb:hover, .box .extra a.detail:hover { opacity: 0.8; }
.pic {
padding: 3px;
box-shadow: 0 0 2px #aaa;
border-radius: 3px;
background: #fff; }
.wide-ad {
height: 90px;
width: 728px;
margin-bottom: 10px; }
/* Article List */
.list {
float: left;
margin-left: 10px;
text-align: center;
width: 169px;
margin-bottom: 10px;
position: relative; }
.list.clear {
margin-left: 0;
clear: both; }
.list img {
width: 160px;
height: 160px;
margin: 2px; }
.list h2 {
margin: 0;
font-weight: normal;
font-size: 14px;
margin: 0 5px;
line-height: 1.2; }
.articledetail {
overflow: hidden;
margin-top: 10px; }
.articledetail:first-child { margin-top: 0; }
.articledetail .thumb {
width: 140px;
float: left; }
.articledetail img { margin: 2px; }
.articledetail .detail {
width: 565px;
float: right; }
.articledetail h2 { margin: 0; }
.articledetail p { line-height: 1.4; }
.articledetail p { text-align: justify; }
#detail, #thumb { display: none; }
#detail.active, #thumb.active { display: block; }
#recents.box, #content.box, #gallery.box { min-height: 180px; }
/* layout */
#wrapper, #header-cont, #footer-cont {
width: 1040px;
margin: 0 auto; }
header {
height: 200px;
background: url(images/sprite.png);
margin-bottom: 10px; }
#topmenu { height: 35px; }
#topmenu ul {
float: right;
line-height: 35px;
overflow: hidden; }
#topmenu li { float: left; }
#topmenu a {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #d2529f; }
#topmenu li:first-child a {
margin-left: 0;
padding-left: 0;
border: none; }
#banner {
height: 104px;
position: relative; }
#header-logo {
position: absolute;
left: 0;
bottom: 10px; }
#header-logo h1 { margin: 0; }
#banner-ad {
position: absolute;
right: 0;
line-height: 104px; }
#menu {
height: 60px;
position: relative;
z-index: 20; }
#menu li {
float: left;
text-align: center; }
#menu li:first-child { border-left: none; }
#menu a {
display: block;
color: #fff;
min-width: 99px;
padding: 0 15px;
line-height: 60px;
font-family: 'pf_beausans_pro_semiboldRg', sans-serif;
font-size: 14px; }
#menu a:hover { background: url(images/sprite.png) 0 -1080px no-repeat; }
.sub-menu {
visibility: hidden;
position: absolute;
margin-left: -1px; }
li:hover .sub-menu { visibility: visible; }
#menu .sub-menu li {
text-align: left;
float: none;
border-left: none; }
#menu .sub-menu a {
width: auto;
min-width: 100px;
line-height: 34px;
display: block;
padding: 0 15px; }
/* Slider */
#slider-cont {
position: relative;
z-index: 10;
margin-bottom: 10px;
background: url(images/sprite.png) 0 -200px no-repeat;
border: 1px solid #cdc;
border-radius: 5px;
overflow: hidden; }
#slider {
position: relative;
height: 250px;
overflow: hidden;
margin: 1px; }
#slider .slide { display: none; }
#slider .slider-picture {
display: block;
float: left;
width: 610px;
height: 250px;
border-radius: 3px 0 0 3px; }
#slider .info {
float: right;
width: 405px;
padding: 8px; }
#slider h2 { font-size: 20px; }
#slider .content {
line-height: 1.8;
text-align: justify; }
#slider .meta {
overflow: hidden;
margin: 10px 0;
list-style: none; }
.meta li {
float: left;
padding-left: 20px;
margin-right: 10px;
line-height: 20px; }
.readmore {
border-radius: 4px;
position: absolute;
bottom: 10px;
left: 620px; }
.readmore a {
display: block;
padding: 5px 10px;
color: #fff;
line-height: 20px;
height: 20px; }
.readmore a:hover { background: url(images/sprite.png) 0 -1080px; }
#slider-nav {
position: absolute;
bottom: 8px;
right: 8px; }
#slider-thumbs a {
width: 12px;
height: 12px;
margin: 0 2px;
display: block;
text-indent: -9999px;
float: left; }
/* Featured */
#featured { overflow: hidden; }
#featured article {
float: left;
margin-left: 9px;
text-align: center;
width: 196px; }
#featured article:first-child { margin-left: 0; }
#featured img {
width: 190px;
height: 110px; }
#featured h2 {
margin: 0;
font-weight: normal;
font-size: 14px;
margin: 0 5px;
line-height: 1.2; }
/* Main */
#main { overflow: hidden; }
#content, #home, #single {
width: 728px;
float: left; }
/* Home - Recents */
#recents { overflow: hidden; }
/* Gallery */
span.icon {
position: absolute;
top: 35px;
left: 70px;
display: none;
width: 35px;
height: 35px;
background: url(images/sprite.png) -980px -1730px no-repeat;
cursor: pointer; }
/* Tabbed Section */
#tabbed {
overflow: hidden;
min-height: 300px; }
#titles {
overflow: hidden;
margin: -9px -9px 10px -9px;
background: #eee;
padding: 0 5px; }
#titles li { float: left; }
#titles a {
line-height: 32px;
display: block;
padding: 0 12px;
margin: 4px 3px 0;
font-size: 14px;
font-family: 'pf_beausans_pro_semiboldRg', sans-serif; }
#titles a.active, #titles a:hover {
background: #fff;
border-radius: 5px 5px 0 0;
box-shadow: 0 0 4px #ccc; }
#tabbed .tab {
display: none;
overflow: hidden; }
#tabbed h2, #tabbed p {
margin: 0;
font-weight: normal; }
.tab-big {
width: 340px;
padding: 2px;
float: left; }
.tab-big h2 { font-size: 14px; }
.tab-right {
width: 350px;
float: right; }
.tab-right h2 {
font-size: 14px;
text-align: center; }
.tab-item {
width: 160px;
float: left;
padding: 2px; }
.tab-item:first-child { margin-right: 15px; }
.tab-right ul {
clear: both;
background: url(images/sprite.png) -600px -2240px no-repeat;
margin-top: 10px;
padding-top: 10px; }
.tab-right li {
line-height: 24px;
padding-left: 14px; }
/* Sidebar */
aside {
width: 300px;
float: right; }
.panel { margin: 10px -10px 0 -10px; }
.panel:first-child { margin-top: -10px; }
.panel .content {
padding: 0 10px;
overflow: hidden; }
.panel li { line-height: 1.8; }
.panel h2 {
font-size: 14px;
font-weight: normal;
color: #fff;
line-height: 30px;
margin: 1px 1px 10px 1px;
padding: 0 8px; }
.panel:first-child h2 { border-radius: 3px 3px 0 0; }
.panel.sidebarAd {
width: 300px;
height: 250px;
margin: 0 0 10px 0; }
.panel.social ul {
overflow: hidden;
margin-bottom: -5px; }
.panel.social li {
float: left;
margin: 0 0 6px 6px; }
.panel.social li:first-child { margin-left: 0; }
.panel.social a {
display: block;
width: 34px;
height: 34px; }
.panel.social li.facebook { background: url(images/sprite.png) -500px -1730px no-repeat; }
.panel.social li.twitter { background: url(images/sprite.png) -540px -1730px no-repeat; }
.panel.social li.youtube { background: url(images/sprite.png) -620px -1730px no-repeat; }
.panel.social li.google { background: url(images/sprite.png) -580px -1730px no-repeat; }
.panel.social li.linkedin { background: url(images/sprite.png) -660px -1730px no-repeat; }
.panel.social li.digg { background: url(images/sprite.png) -740px -1730px no-repeat; }
.panel.social li.pinterest { background: url(images/sprite.png) -780px -1730px no-repeat; }
.panel.recent .item {
padding-top: 5px;
margin-top: 5px;
overflow: hidden;
border-top: 1px dashed #ddd; }
.panel.recent .content .item:first-child {
padding-top: 0;
margin-top: 0;
border-top: none; }
.panel.recent .thumb {
float: left;
margin-right: 5px; }
.panel.recent img {
display: block;
margin: 2px; }
.panel.recent h3 { font-size: 14px; }
.panel.recent .info {
float: left;
width: 170px; }
.panel .cat-item {
border-top: 1px dashed #ddd;
line-height: 32px;
padding-left: 14px;
font-family: 'pf_beausans_pro_semiboldRg', calibri, sans-serif; }
.cat-item span {
float: right;
font-style: italic;
color: #ccc;
font-size: 14px;
font-family: Calibri, Arial, Helvetica, sans-serif; }
.cat-item:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
#safir-recent-comments li {
border-top: 1px dashed #dcd;
padding-top: 5px;
margin-top: 5px;
color: #666;
line-height: 1.2; }
#safir-recent-comments li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
#safir-recent-comments a { color: #666; }
#safir-recent-comments a:hover { color: #333; }
#safir-burclar {
overflow: hidden;
margin: 0 -1px -10px; }
#safir-burclar li {
width: 70px;
float: left;
text-align: center;
margin-bottom: 10px; }
#safir-burclar a {
padding-top: 30px;
display: block; }
#safir-burclar li.koc { background: url(images/sprite.png) 0 -1680px no-repeat; }
#safir-burclar li.boga { background: url(images/sprite.png) 0 -1740px no-repeat; }
#safir-burclar li.ikizler { background: url(images/sprite.png) 0 -1800px no-repeat; }
#safir-burclar li.yengec { background: url(images/sprite.png) 0 -1860px no-repeat; }
#safir-burclar li.aslan { background: url(images/sprite.png) 0 -1920px no-repeat; }
#safir-burclar li.basak { background: url(images/sprite.png) 0 -1980px no-repeat; }
#safir-burclar li.terazi { background: url(images/sprite.png) 0 -2040px no-repeat; }
#safir-burclar li.akrep { background: url(images/sprite.png) 0 -2100px no-repeat; }
#safir-burclar li.yay { background: url(images/sprite.png) 0 -2160px no-repeat; }
#safir-burclar li.oglak { background: url(images/sprite.png) 0 -2220px no-repeat; }
#safir-burclar li.kova { background: url(images/sprite.png) 0 -2280px no-repeat; }
#safir-burclar li.balik { background: url(images/sprite.png) 0 -2340px no-repeat; }
footer {
background: url(images/sprite.png) 0 -580px;
border-top: 1px solid #cdc;
padding: 15px 0; }
#footer-cont {
width: 1040px;
margin: 0 auto;
overflow: hidden;
height: 60px; }
#footer-logo {
float: left;
width: 400px; }
#footer-menu {
float: right;
width: 600px;
overflow: hidden; }
#footer-menu a { color: #333; }
#footer-menu a:hover { color: #000; }
#footer-menu nav {
overflow: hidden;
text-align: right;
float: right; }
#footer-menu li {
float: left;
padding-left: 10px;
margin-left: 10px;
line-height: 15px;
border-left: 1px solid #999; }
#footer-menu li:first-child {
padding-left: 0;
margin-left: 0;
border-left: none; }
#footer-menu a { font-weight: bold; }
#footer-cont #copyright {
clear: both;
text-align: right;
margin-top: 20px; }
#searchform {
position: relative;
width: 280px;
height: 36px;
background: url(images/sprite.png) -500px -2460px no-repeat; }
#searchform label { display: none; }
#s {
display: block;
float: left;
width: 220px;
height: 18px;
line-height: 18px;
border: none;
margin: 9px 4px 7px 4px;
padding: 0 6px;
color: #999;
font-family: "century gothic", Arial, Helvetica, sans-serif; }
#searchsubmit {
display: block;
float: right;
margin: 6px 0;
line-height: 22px;
height: 22px;
width: 34px;
border: none;
border-left: 1px solid #efefef;
cursor: pointer;
background: url(images/sprite.png) -780px -2460px no-repeat;
text-indent: -9999px; }
/* Switcher */
#switcher {
position: fixed;
top: 320px;
left: -1px;
width: 20px;
padding: 5px 5px 0 5px;
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 0 2px #ccc;
border-radius: 0 3px 3px 0; }
#switcher li {
margin-bottom: 5px;
border-radius: 3px; }
#switcher a {
display: block;
height: 20px; }
#modalburc {
display: none;
position: fixed;
z-index: 100;
top: 5%;
left: 35%;
width: 500px;
background: #fff;
border-radius: 12px;
border: 2px solid #a1a1a1;
padding: 20px;
line-height: 1.5;
box-shadow: 0 0 50px #000; }
#modalburc a.close {
position: absolute;
top: 5px;
right: 5px; }
/* WP Classes */
.float { overflow: hidden; }
page.php dosyası
şeklinde.
Birkaç yerde düzenleme yaptım ama olmadı. Burada ki gibi oluyor ve sağ tarafa doğru genişlemiyor. Yardımcı olur musunuz ?