ATalut Wordpress Personal Teması |
5 Mesajlar | 1.216 Okunma | ||
/* Genel Özellikler */
body {
background:#f4f4f4;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:20px;
font-size:13px;
margin:0;
padding:0;
text-decoration:none;
}
a {
text-decoration:none;
}
.temizle {
clear:both;
}
/* Header */
header {
width:100%;
height:100px;
background:#333333;
border-bottom: 1px solid #222;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);
}
.ust {
width: 940px;
height:100px;
background:#333333;
margin:0 auto;
border-bottom: 1px solid #222;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);
}
.logo {
width:350px;
height:90px;
background:url(res/logo.png) no-repeat;
float:left;
margin-top:5px;
}
/* Üst Menü */
.ev {
background:url(res/ev.png);
width:32px;
height:32px;
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.ev:hover {
background:url(res/ev-hover.png);
width:32px;
height:32px;
}
.menu {
width:100%;
height:40px;
background-image: linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -o-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -moz-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -webkit-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -ms-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background: #3f4346; z-index:999;
top:0px;
}
nav {
margin:0 auto;
width:940px;
height:40px;
}
.navigasyon{
float:left;
}
.navigasyon>li{
float:left;
position:relative;
}
.navigasyon>li a:hover{
box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
-moz-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
-webkit-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
}
.navigasyon>li:first-child{border-left:0;}
.navigasyon>li:last-child{border-right:0;}
.navigasyon>li:hover .alt-menu{border-top:1px solid #111;
left:auto;
}
.navigasyon a{
display:block;
padding:10px;
color:#fff;
font-size:16px;
text-decoration:none;
transition:all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
background-image: linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -o-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -moz-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -webkit-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -ms-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background: #3f4346;
border-right:1px solid #2a2e2f;
border-left:1px solid #4a4e51;}
.navigasyon a:hover,.navigasyon a:focus{
color:white;
-moz-box-shadow:3px 3px 5px 6px #000;
-webkit-box-shadow: 3px 3px 5px 6px #000;
box-shadow: 3px 3px 5px 6px #000;
}
.alt-menu{
position:absolute;
width:150%;
left:-9999px;
z-index:99;
margin-top:-20px;
}
.alt-menu>li+li{
border-top:solid 1px #222;
}
.alt-menu a{
background:#444;
font-size:15px;
padding:.7em 1em;
}
#back-top {
float:right;
}
#back-top a {
display:block;
padding:10px;
color:#fff;
font-size:14px;
text-decoration:none;
transition:all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
background-image: linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -o-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -moz-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -webkit-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background-image: -ms-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
background: #3f4346;
border-right:1px solid #4a4e51;
border-left:1px solid #4a4e51;}
#back-top a:hover {
box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
-moz-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
-webkit-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
}
/* İçerik */
#genel {
/* width:70%; */
width: 940px;
height:auto;
margin:0 auto;
}
/* Slider */
.slider {
overflow: hidden;
float: left;
}
.sliderImg {
display: block;
float: left;
}
.sliderImg a {
display: block;
}
.sliderImg a img {
width: 625px;
height: 300px;
}
.slidContent{
display: block;
float: right;
background-color: #373737;
overflow: hidden;
width: 312px;
height: 300px;
padding: 40px 20px;
}
.slidContent h3 a{
color: #fff;
font-size: 22px;
line-height: 29px;
font-family: Calibri;
font-weight: normal;
text-decoration: none;
}
.slidContent p {
margin-top: 10px;
font-size: 13px;
color: #a7a7a7;
line-height: 20px;
font-family: Arial;
margin-bottom: 10px;
}
/*# Slider Son #*/
/* Yazılar (Makaleler) */
.makaleler {
float:left;
height:auto;
width:620px;
margin-top:30px;
}
.yazilar {
width:100%;
height:auto;
margin-bottom:20px;
background:#fff;
border:1px solid #dedede;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}
.yazilar img {
width:100.2%;
height:250px;
margin:-1px;
border:1px solid #dedede;
}
.baslik h1 {
width:auto;
height:auto;
background:url(res/slidSpan.png);
position:absolute;
color:#fff;
/* margin-top:80px; */
max-width:550px;
padding:15px;
/* margin-left:30px; */
font-size:16px;
}
.kategori h1 {
width:auto;
height:auto;
background:url(res/slidSpan.png);
position:absolute;
color:#fff;
margin-top:200px;
padding:10px;
font-size:16px;
}
.yazilar p {
padding:10px;
color:#707070;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
}
.alt-bilgi{
width:620px;
background:#dedede;
height:30px;
max-height:30px;
padding:5px;
margin-left:-1px;
overflow:hidden;
}
.alt-bilgi li {
float:left;
list-style:none;
margin-right:20px;
}
.alt-bilgi li a {
color:#09C;
}
.arti {
background:url(res/arti.png);
width:50px;
float:right;
margin-top:-50px;
height:50px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0.075);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.arti:hover {
background:url(res/arti.hover.png);
width:50px;
float:right;
margin-top:-50px;
height:50px;
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0.075);
}
.resimsiz-yazilar {
width:100%;
height:auto;
margin-bottom:20px;
background:#fff;
border:1px solid #dedede;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}
.resimsiz-yazilar-baslik h1 {
width:auto;
height:auto;
background:url(res/slidSpan.png);
color:#fff;
padding:15px;
font-size:16px;
}
.resimsiz-yazilar p {
padding:10px;
color:#707070;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
}
article.yatay{
width:300px;
height:auto;
background:#fff;
border:1px solid #dedede;
float:left;
margin-bottom:20px;
}
article.yatay img {
width:298px;
height:175px;
}
.yatay-baslik h2{
width:200px;
height:auto;
background:url(res/slidSpan.png) repeat;
position:absolute;
color:#fff;
margin-top:30px;
padding:15px;
margin-left:1px;
font-size:16px;
}
article.yatay p {
padding:10px;
color:#707070;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
}
/* Video Yazı */
.videolu-yazi {
width:100%;
height:auto;
margin-bottom:20px;
background:#fff;
border:1px solid #dedede;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}
.videolu-yazi img {
width:100.2%;
height:250px;
margin:-1px;
border:1px solid #dedede;
}
.videolu-yazi h1 {
width:auto;
height:auto;
color:#fff;
margin-top:-5px;
background:url(res/slidSpan.png);
padding:10px;
font-size:16px;
}
.videolu-yazi p {
padding:10px;
color:#707070;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
padding-top:-10px;
}
/* Müzikli Yazı */
.muzik-yazi {
width:100%;
height:auto;
margin-bottom:20px;
background:#fff;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}
.muzik-yazi h1 {
width:auto;
height:auto;
color:#fff;
background:url(res/slidSpan.png);
padding:10px;
font-size:16px;
}
.muzik-yazi p {
padding:10px;
color:#707070;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
padding-top:-10px;
}
/* Yatay Carousel */
.uclu-slider {
width:100%;
height:300px;
margin-top:20px;
margin-left:5px;
margin-bottom:20px;
}
.uclu-slider ul li {
background:#fff;
border:1px solid #dedede;
width:200px;
min-height:250px;
height:auto;
float:left;
margin-right:5px;
margin-top:-1px;
}
.uclu-slider ul li img {
width:198px;
height:125px;
}
.uclu-slider ul li p {
padding:10px;
color:#707070;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
}
.uclu-slider-baslik h2{
width:auto;
max-width:196px;
background:url(res/slidSpan.png) repeat-x;
position:absolute;
color:#fff;
margin-top:2px;
padding:5px;
font-size:15px;
}
/* Yazı Sayfası */
.uzun-yazilar {
width:100%;
height:auto;
margin-bottom:20px;
background:#fff;
border:1px solid #dedede;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}
.thumb {
width:100.2%;
height:250px;
margin:-1px;
border:1px solid #dedede;
}
.uzun-yazilar p {
padding:10px;
color:#707070;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
clear:both;
}
.uzun-yazilar ul {
margin-left:30px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
.uzun-yazilar ul li {
list-style:circle;
list-style-type:disc;
font-family: Arial, Helvetica, sans-serif;
}
.uzun-yazilar strong {
font-weight:700;
}
.uzun-yazilar blockquote {
padding:8px;
border:1px solid #efefef;
margin:2px;
color:#333;
border-radius:5px;
background:url(res/quote.png) no-repeat right top;
background-origin:border-box;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
font-size:12px;
}
.uzun-yazilar a {
color:#09C;
}
.uzun-yazilar p em {
font-style:italic;
font-variant:normal;
}
.uzun-yazilar p img {
max-height:500px;
max-width:600px;
border:1px solid #efefef;
}
.uzun-yazilar pre {
margin:5px;
padding:5px;
}
.yazar-bilgi {
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
padding:3px;
}
.yazar {
float:left;
font-size:14px;
padding:6px;
}
.yazar li {
list-style:none;
}
.facebook-yazar {
background:url(res/sosyal-mini/facebook_dark.png);float:right;width:32px;height:32px;list-style:none;margin-left:5px;
transition:All 0.7s ease;-webkit-transition:All 0.7s ease;-moz-transition:All 0.7s ease;-o-transition:All 0.7s ease;
cursor:pointer;
}
.twitter-yazar {
background:url(res/sosyal-mini/twitter02_dark.png);float:right;width:32px;height:32px;list-style:none;margin-left:5px;
transition:All 0.7s ease;-webkit-transition:All 0.7s ease;-moz-transition:All 0.7s ease;-o-transition:All 0.7s ease;
cursor:pointer;
}
.sayfa-yazar {
background:url(res/sosyal-mini/vcard_dark.png);float:right;width:32px;height:32px;margin-left:5px;list-style:none;
transition:All 0.7s ease;-webkit-transition:All 0.7s ease;-moz-transition:All 0.7s ease;-o-transition:All 0.7s ease;
cursor:pointer;
}
.facebook-yazar:hover{ background: url(res/sosyal-mini/facebook_active.png);}
.sayfa-yazar:hover{background: url(res/sosyal-mini/vcard_active.png);}
.twitter-yazar:hover{background: url(res/sosyal-mini/twitter02_active.png);}
/* Benzer Yazilar */
ul.benzer-yazi {
width:100%;
height:auto;
margin-top:-10px;
margin-bottom:10px;
}
.benzer-yazi li {
padding:5px;
text-decoration:none;
margin-left:8px;
float:left;
width:195px;
background:#fff;
border:1px solid #dedede;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}
.benzer-yazi li a {
color:#333;
}
.benzer-yazi li img {
width:183px;
height:100px;
margin-bottom:5px;
}
/* Yazı Sayfası Sonu */
/* Sidebar */
.sidebar {
float:right;
width:300px;
height:auto;
margin-top:30px;
}
aside{
width:100%;
height:auto;
margin-bottom:10px;
float:left;
}
aside h3 {
width:300px;
height:auto;
padding:10px;
font-size:15px;
background:#333;
color:#fff;
}
aside ul li{
width:300px;
list-style:none;
}
aside ul li a {
background:#fff;
padding:10px;
color:#333;
float:left;
height:45px;
width:300px;
font-size:15px;
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
border-bottom:1px solid #dedede;
}
aside ul li a:hover {
background:#ffcc33;
color:#333;
}
.liste{
background: url(res/liste.png) no-repeat;
width:32px;
height:32px;
margin-right:10px;
float:left;
margin-bottom:-10px;
}
/* Sidebar Arama Kutusu */
#arama input[type=text]{
width:300px;
border-radius:3px;
padding:10px;
border:1px solid #dedede;
height:40px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/* Aside Sosyal */
.sosyal li {
float:left;
width:64px;
height:64px;
margin-left:10px;
list-style:none;
margin-bottom:10px;
}
.facebook{
width:64px;
height:64px;
background: url(res/sosyal/facebook_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.facebook:hover{
width:64px;
height:64px;
background: url(res/sosyal/facebook_active.png);
}
.twitter{
width:64px;
height:64px;
background: url(res/sosyal/twitter_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.twitter:hover{
width:64px;
height:64px;
background: url(res/sosyal/twitter_active.png);
}
.youtube{
width:64px;
height:64px;
background: url(res/sosyal/youtube_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.youtube:hover{
width:64px;
height:64px;
background: url(res/sosyal/youtube_active.png);
}
.rss{
width:64px;
height:64px;
background: url(res/sosyal/rss_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.rss:hover{
width:64px;
height:64px;
background: url(res/sosyal/rss_active.png);
}
/* Tabs */
.tab {
float:left;
display:block;
background:#333;
padding:10px 16px 10px 16px;
color:#fff;
font-size:14px;
}
.tab.active,
.tab:hover {
background:#ffcc33;
color:#fff;
}
.content {
display:none;
clear:both;
background:#FFF;
}
.content.active {
display:block;
}
/* Son Yorumlar */
#son-yorumlar ul li {
width:300px;
}
#son-yorumlar ul li a {
min-height:auto;
padding-bottom:60px;
}
#son-yorumlar ul li img{
float:left;
}
#son-yorumlar ul li h4 {
float:left;
font-size:13px;
margin-left:10px;
}
#son-yorumlar ul li p {
float:left;
color:#09C;
font-size:13px;
padding-bottom:20px;
margin-left:10px;
width:220px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:20px;
}
/* Etiketler */
.tags {
list-style: none;
overflow: hidden;
padding: 5px;
}
.tags li {
float:left;
width:auto;
padding:2px;
}
.tags li a {
text-decoration:none;
}
.tag {
width:auto;
padding:3px;
background:#fff;
border-radius:3px;
border:1px solid #dedede;
font-size:13px;
height:30px;
}
.tag:hover {
background-color:#ffcc33;
color: white;
}
.tag:hover::after {
border-left-color: crimson;
}
/* Footer (Alt Kısım) */
footer {
width:100%;
height:auto;
background:#fff;
border-bottom: 1px solid #222;
border-top:1px solid #dedede;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);
}
.footer {
width: 940px;
height:155px;
margin:0 auto;
}
.colsag{
border-left:1px solid #dedede;
}
.col {
width:200px;
height:155px;
float:left;
border-right:1px solid #dedede;
}
.col h3 {
text-align:center;
padding-top:10px;
margin-bottom:-5px;
}
.col p{
padding:10px;
color:#707070;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
line-height:25px;
}
.etiket ul{
width:200px;
height:150px;
overflow:hidden;
float:left;
margin-top:5px;
}
.etiket ul li {
width:auto;
height:30px;
float:left;
padding:3px;
}
.etiket ul li a{
width:auto;
padding:3px;
background:#fff;
border-radius:3px;
border:1px solid #dedede;
font-size:13px;
height:30px;
text-decoration:none;
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
}
.etiket ul li a:hover {
background-color:#ffcc33;
color: white;
}
.sayfalar {
margin-top:5px;
height:150px;
overflow:hidden;
float:left;
margin-left:10px;
}
.sayfalar li {
padding:3px;
}
.sayfalar li a {
width:200px;
height:auto;
text-decoration:none;
}
.baglanti {
width:100%;
height:auto;
max-height:130px;
float:left;
overflow:hidden;
margin-top:-5px;
}
.baglanti li {
margin:10px;
margin-top:5px;
margin-bottom:-5px;
}
.baglanti li a {
font-size:12px;;
}
.baglanti li a:hover {
color:#f35b5a;
}
/* Footer Altı */
.footer-alt {
width:100%;
height:40px;
background:#2e2e2e;
border-top:1px solid #444;
}
.ortala {
width:70%;
height:auto;
min-width:940px;
max-width:940px;
margin:0 auto;
}
.sosyal-mini {
float:right;
}
.sosyal-mini li {
margin:5px;
list-style:none;
display:inline-block;
margin-bottom:-5px;
}
.fb {background:url(res/sosyal-mini/facebook_dark.png);width:32px;height:32px;}
.tw {background:url(res/sosyal-mini/twitter02_dark.png);width:32px;height:32px;}
.rss-mini {background:url(res/sosyal-mini/rss_dark.png);width:32px;height:32px;}
.yt {background:url(res/sosyal-mini/youtube_dark.png);width:32px;height:32px;}
.fb:hover {background:url(res/sosyal-mini/facebook_active.png);width:32px;height:32px;}
.tw:hover {background:url(res/sosyal-mini/twitter02_active.png);width:32px;height:32px;}
.rss-mini:hover {background:url(res/sosyal-mini/rss_active.png);width:32px;height:32px;}
.yt:hover {background:url(res/sosyal-mini/youtube_active.png);width:32px;height:32px;}
.hakkinda {
float:left;
margin:10px;
}
.hakkinda p {
color:#fff;
margin-bottom:-5px;
}
.hakkinda a {
color:#fff;
text-decoration:none;
margin-right:10px;
}
.hakkinda a:hover {
outline: 0;
text-shadow:0px 0px 1px #ffffff;
}
/* Footer Altı Sonu */
/* Footer (Alt Kısım) Sonu */
/* İkonlar */
.link{
background:url(res/url.png);
width:16px;
height:16px;
float:left;
}
.dunya {
background:url(res/word.png);
width:16px;
height:16px;
float:left;
}
.sayfa {
background:url(res/sayfalar.png);
width:16px;
height:16px;
float:left;
}
.ok {
background:url(res/arrow.png);
width:16px;
height:16px;
float:right;
margin-top:5px;
margin-right:5px;
margin-left:0px;
}
/* Responsive */
@media screen and (max-width:996px){
.sidebar {
width:31.25%;
}
aside {
float:left;
width:300px;
}
.makaleler {
width:620px;
}
.slide {
margin-left:10px;
}
.sliderImg {
width:32%;
}
.slidContent{
width:32%;
}
.buyuk-slider{
width:auto; }
.kucuk-slider{
max-width:620px;
}
#back-top {
display:none;
margin-right:100px;
}
.sosyal-mini {
float:left;
}
.ust {
width:900px;
}
.sag {
display:none;
}
}
#goster {
display:none;
}
@media screen and (max-width:480px){
.menu {
max-width:480px;
} .sidebar {
display:none;
}
aside {
float:left;
width:300px;
}
.makaleler {
width:100%;
margin:5px;
}
.yazilar img {
width:100%;}
.yazilar{
width: 100%;}
.alt-bilgi {
width:100%;
}
#goster {
display:inherit;
}
#yatay {
display:none;
float:left;
}
#gizle {
display:none;
float:left;
}
#genel {
width:100%;
}
.carousel{
display:none;
}
.slide {
margin-left:10px;
}
.sliderImg {
width:32%;
}
.slidContent{
width:32%;
}
.buyuk-slider{
width:auto; }
.kucuk-slider{
max-width:480px;
overflow:hidden;
height:295px;
}
.col {
display:none;
}
.sosyal-mini {
display:none; }
.uclu-slider ul li {
width:47%;
margin-bottom:10px;
}
.uclu-slider ul li img {
width:100%;
}
#back-top {
float:left;
}
.sosyal-mini {
float:left;
}
header {
max-width:480px;
}
.ust {
width:100%;
}
.sag {
display:none;
}
#ev {
display:none;
}
.videolu-yazi {
width:100%;
max-width:470px;
}
.videolu-yazi h1 {
line-height:25px;
}
.mini-header {
max-width:480px;
width:100%;
height:100px;
background:#333333;
border-bottom: 1px solid #222;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);
}
}
Muhsin ASLAN adlı üyeden alıntı
Hocam ekran problemi var sanırım. Tasarım gayet güzel olmuş ama ben kişisel bloglarda klasikten uzaklaşmış tasarımları tercih etmeye çalışıyoru. Elinize Sağlık..