/* YAKUTER ***************************************** Yakuter - http://www.yakuter.com/ Erhan YAKUT 25 Mayıs 2010 ie6, ff, opera, chrome, safari ***************************************** YAKUTER */ /* İÇİNDEKİLER ************************************* 1. Genel Yapı 2. Standart HTML Kodları 3. Renk Kodları 2. Üst KIsım 3. İçerik ************************************************* */ /* 2 - STANDART HTML KODLARI ******************** */ a {text-decoration:none;color:#cda414;} a:hover {color:#7a7d84;} a:focus {outline:none;} p {color:#2a2c34;line-height:1.5em;margin-bottom:15px;} @font-face { font-family: 'CalibriRegular'; src: url('calibri-webfont.eot'); src: local('☺'), url('calibri-webfont.woff') format('woff'), url('calibri-webfont.ttf') format('truetype'), url('calibri-webfont.svg#webfontAaRUOMOe') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CalibriBoldItalic'; src: url('calibriz-webfont.eot'); src: local('☺'), url('calibriz-webfont.woff') format('woff'), url('calibriz-webfont.ttf') format('truetype'), url('calibriz-webfont.svg#webfontpI8V5ER0') format('svg'); font-weight: normal; font-style: normal; } /* 1 - GENEL YAPI ******************************* */ body {font-family: CalibriRegular,Tahoma, Arial, Verdana, sans-serif;color:#3b3d45;font-size:76%;font-size:0.75em;text-align:center;background: #ffffff url(../resimler/arkaplan.jpg) repeat-x;} #govde {width:978px;text-align:left;margin: 0 auto;clear:both;} #ust {width:978px;background: transparent url(../resimler/arkaplan_ust.jpg) 0px top no-repeat;height:180px;} /* 3 - RENK KODLARI ******************************** Yazı Rengi - #2a2c34 Sarı - #dbc67c Sarı 2 - #cda414 ************************************************* */ /* 2 - ÜST KISIM ******************************** */ .logo {float:left;width:214px;height:67px;margin:18px 0px 0px 10px;} .logo h1 a{display:block;width:214px;height:67px;background: url(../resimler/logo.png) no-repeat;text-indent: -999em;} .logo h2{display:none;} .ust_menu {float:left;width:978px;height:58px;background: url(../resimler/menu_icerik.jpg) repeat-x;position:relative;margin-top:5px;} .ust_menu_sol {width:10px;height:58px;background: url(../resimler/menu_sol.jpg) no-repeat;position:absolute;left:0px;top:0px;} .ust_menu_sag {width:10px;height:58px;background: url(../resimler/menu_sag.jpg) no-repeat;position:absolute;right:0px;top:0px;} .ust_menu ul {float:left;margin:7px 0px 0px 10px;} .ust_menu ul li {float:left;display:block;} .ust_menu ul li a{display:block;height:51px;text-indent:-999em;} .ust_menu ul li a.menu_anasayfa{background: url(../resimler/menu_anasayfa.jpg) top;width:117px;} .ust_menu ul li a.menu_hakkimda{background: url(../resimler/menu_hakkimda.jpg) top;width:117px;} .ust_menu ul li a.menu_arsiv{background: url(../resimler/menu_arsiv.jpg) top;width:92px;} .ust_menu ul li a.menu_araclar{background: url(../resimler/menu_araclar.jpg) top;width:102px;} .ust_menu ul li a.menu_uzmanlar{background: url(../resimler/menu_uzmanlar.jpg) top;width:117px;} .ust_menu ul li a.menu_iletisim{background: url(../resimler/menu_iletisim.jpg) top;width:117px;} .ust_menu ul li a:hover, .ust_menu ul li a.secili{background-position:bottom;} .reban {float:right;margin-top:20px;} .arama {float:right; width:260px; height:28px; margin:17px 0px 0px 0px; background: url(../resimler/arama_kutu.jpg) left top no-repeat;} .arama_kutu {float:left; width:147px; border-style:none; font-size:0.9em; padding:7px 3px 0px 3px; color:#555555; background-color:transparent; } .arama_buton {font-family: CalibriRegular, Tahoma, Arial, Verdana, sans-serif; font-weight:bold; float:left; width:81px; border-style:none; padding:3px 15px 7px 0px; color:#fffefe; background: transparent url(../resimler/arama_buton.jpg) no-repeat; margin-left:10px; cursor:pointer;} /* 3 - SOL İÇERİK KISMI ***************************** */ #sol {width:574px;float:left;margin-left:6px;} .uyari {width:554px;margin-bottom:20px;clear:both;float:left; padding: 10px; background: #bb0000; color: #fff; line-height:1.2em;} h2.arsiv_baslik {font-family: CalibriBoldItalic,CalibriRegular,Tahoma, Arial, Verdana, sans-serif;display:block;float:left;width:574px;font-size:1.8em;color:#cda414;letter-spacing: -0.5px;text-align:center;margin-bottom:20px;} .yazi {width:574px;float:left;margin-bottom:60px;} .yazi h1 {font-family: CalibriBoldItalic,CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:2.2em;color:#2a2c34;letter-spacing: -0.5px;} .yazi h1 a{color:#2a2c34;} .yazi h1 a:hover{color:#cda414;} .yazi h2.anasayfa {font-family: CalibriBoldItalic,CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:2.2em;color:#2a2c34;letter-spacing: -0.5px;} .yazi h2.anasayfa a{color:#2a2c34;} .yazi h2.anasayfa a:hover{color:#cda414;} .etiketler {font-family: CalibriBoldItalic,CalibriRegular,Tahoma, Arial, Verdana, sans-serif;width:464px;color:#cda414;float:left;padding:9px 0px 7px 110px;;margin:10px 0px;background: url(../resimler/etiket.jpg) center left no-repeat;font-size:1em;} .katler {float:left;color:#7a7d84;padding:7px 15px 7px 110px;background: url(../resimler/kategori2.jpg) right center no-repeat;position:relative;font-size:1.1em;} .katler a{color:#7a7d84;} .katler a:hover{color:#cda414;} .kats {display:block;position:absolute;top:0px;left:0px;width:99px;padding:7px 0px 7px 0px;background: url(../resimler/kategori.jpg) no-repeat;text-indent: -999em;} .yorum { float:left;color:#7a7d84;width:75px;padding:7px 0px 7px 30px;margin:0px 10px 0px 10px;background: url(../resimler/yorum.jpg) no-repeat;font-size:1.1em;} .yorum a{color:#7a7d84;} .yorum a:hover{color:#cda414;} .tarih {float:left;color:#cda414;padding:7px 10px 5px 20px;font-size:1.2em;background: url(../resimler/tarih.jpg) left center no-repeat; } .okunma {float:left;color:#7a7d84;padding:7px 0px 5px 20px;font-size:1.2em;background: url(../resimler/okunma.png) left center no-repeat; } .yazi .metin {width:574px;float:left;} .yazi .metin h2 {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:1.8em;color:#cda414;letter-spacing: -0.5px;margin-bottom:5px;} .yazi .metin h3 {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:1.4em;color:#cda414;letter-spacing: -0.5px;margin:10px 0px 5px 0px;} .yazi .metin p {font-size:1.2em;color:#2a2c34;text-indent:20px;} .yazi .metin a{color:#cda414;text-decoration:underline;} .yazi .metin a:hover {color:#999999;text-decoration:underline;} .ic_meta {width:574px;clear:both;float:left;margin:10px 0px;} .yazi .metin ul {line-height:1.4em;margin:10px 0px;font-size:1.2em;} .yazi .metin ul li {margin-left:20px;padding-left:15px;background: url(../resimler/icon_list.gif) left top no-repeat;} .yazi .metin blockquote {padding:10px;margin-bottom:10px;background-color:#f5f6f6; border:1px solid #d6d6d6;} .yazi .yazan {position:relative;width:547px;height:109px;float:left;padding:11px 15px 0px 12px;margin-top:10px;background: url(../resimler/konuk_zemin.jpg) no-repeat;} .photo {width:80px;height:100px;float:left;margin-right:10px;} .yazi .yazan .photo {width:80px;height:100px;float:left;margin-right:20px;} .yazi .yazan h3 {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:1.6em;color:#565a5d;letter-spacing: -0.5px;margin-bottom:10px;} .yazi .yazan p {font-size:1.1em;line-height:1.3em;} .yazi .yazan a.sitesi {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;display:block;width:226px;text-align:center;padding:8px 0px;position:absolute;right:5px;top:5px;background: url(../resimler/uzman_link.png) no-repeat;color:#ffffff;text-decoration:none;font-size:1.2em;} .yazi .yazan a.sitesi:hover {text-decoration:none;color:#d3d3d3;} .yazi .metin table tr td{font-size:1.2em;padding:3px;margin-bottom:20px;} .uzman {clear:both;float:left;width:574px;height:156px;background: url(../resimler/uzman_zemin.jpg) no-repeat;margin-top:20px;position:relative;} .uzman_resim {float:left;width:98px;height:123px;margin:15px 15px 0px 16px;} .uzman h3 {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:2.4em;color:#3b3d45;letter-spacing: -0.5px;margin:15px 0px 5px 0px;} .uzman h4 {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:1.4em;color:#ae5419;letter-spacing: -0.5px;margin-bottom:5px;} .uzman p {line-height:1.4em;padding-right:10px;} .uzman a.uzlink {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;display:block;width:226px;text-align:center;padding:8px 0px;position:absolute;right:18px;bottom:-13px;background: url(../resimler/uzman_link.png) no-repeat;color:#ffffff;text-decoration:none;font-size:1.2em;} .uzman a.uzlink:hover {text-decoration:none;color:#d3d3d3;} .arac {clear:both;float:left;width:574px;height:156px;background: url(../resimler/arac_zemin.png) no-repeat;margin-top:20px;position:relative;} .arac_resim {float:left;width:123px;height:123px;margin:16px 15px 0px 16px;} .arac h3 {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:2em;color:#3b3d45;letter-spacing: -0.5px;margin:15px 0px 10px 0px;} .arac p {line-height:1.4em;padding-right:10px;} .arac a.arac_detay {display:block;width:85px;height:32px;position:absolute;right:186px;bottom:-11px;background: url(../resimler/arac_detay.png) no-repeat;text-indent:-999em;} .arac a.arac_test {display:block;width:88px;height:32px;position:absolute;right:96px;bottom:-11px;background: url(../resimler/arac_test.png) no-repeat;text-indent:-999em;} .arac a.arac_indir {display:block;width:78px;height:32px;position:absolute;right:15px;bottom:-11px;background: url(../resimler/arac_indir.png) no-repeat;text-indent:-999em;} .banner_alan {float:left;margin:30px 0px -30px 0px;width:574px;height:84px;background: url(../resimler/banner_zemin.jpg) no-repeat; } .banner468 {float:left;width:468px;height:60px;background: Silver;margin:11px 0px 0px 12px;} a.sp {display:block;width:77px;height:61px;float:left;margin:11px 0px 0px 8px;background: url(../resimler/sponsor.jpg) no-repeat;text-indent: -999em;} .yaziya_ait_yorumlar {width:574px;float:left;margin-bottom:20px; } .yaziya_ait_yorumlar h2 {display:block;width:574px;height:53px;background: url(../resimler/yaziya-ait-yorumlar.jpg) no-repeat;text-indent: -999em;} .yyorum {clear:both;float:left;width:575px;background: url(../resimler/yorum_arkaplan.jpg) no-repeat;margin-top:12.5px;} .yyorum .yresim{width:40px;height:40px;float:left;margin: 12px 10px 0px 11px;} .yyorum p.yyorumcu {float:left;margin-top: 15px;line-height:1.4em;color:#cdcdcd;font-weight:bold;font-size:1.2em;} .yyorum p.yyorumcu a{color:#cdcdcd;} .yyorum p.yyorumcu a:hover{color:#cda414;} .yyorum p.yyorumcu .ytarih {font-size:0.8em;font-weight:normal;} .yyorum_icerik {position:relative;width:407px;float:right;margin:16px 1px 0px 0px;background: url(../resimler/yorumlar_ciz.jpg) left top repeat-y;} .yyorum_icerik_alt {display:block;width:407px;margin-top:25px;height:9px;background: url(../resimler/yorum_alt.jpg) no-repeat; } .yyorum_icerik p {display:block;width:345px;margin:5px 0px 15px 30px; line-height:1.4em;color:#525253;font-size:1.2em;} .unlem1 {position:absolute;top:-3px;left:10px;width:18px;height:14px;background: url(../resimler/unlem1.jpg) no-repeat;} .unlem2 {position:absolute;bottom:10px;right:10px;width:18px;height:14px;background: url(../resimler/unlem2.jpg) no-repeat;} .sayfalama {width:574px;height:44px;float:left;margin:0px 0px 20px 0px;background: url(../resimler/sayfalama.jpg) no-repeat;} .pagebar {font-size:0.8em;padding:16px 0px 0px 70px;color:#ffffff;position:relative;} .pagebar a,.pagebar .this-page {text-decoration:underline;color:#1387c0;padding: 0px 8px; border-right:1px solid #bbbbbb;font-size:1.2em;} .pagebar .this-page {color:#555555;} .pagebar a:hover {color:#555555;} .pagebar .break {padding: 2px 6px 2px 6px;text-decoration: none;} .pagebar .inactive {color: #ccc;text-decoration: none;padding: 0.2em 0.5em;} .pagebar .prev {position:absolute;top:10px;left:10px;padding:0px;border-style:none;display:block;float:left;width:61px;height:24px;text-indent:-999em;background: url(../resimler/pagination-prev.png) no-repeat;} .pagebar .next {position:absolute;top:10px;right:10px;padding:0px;border-style:none;display:block;float:right;width:61px;height:24px;text-indent:-999em;background: url(../resimler/pagination-next.png) no-repeat;} /* 3 - SOL İÇERİK KISMI ***************************** */ #sag {width:375px;float:right;margin-right:6px;} .sosyal_medya {width:375px;float:left;margin-bottom:18px;position:relative;} .sosyal_medya a{display:block;width:30px;height:32px;float:left;margin-right:10px;} .sosyal_medya .feedburner {position:absolute;top:3px;right:0px;} .sponsorlar {position:relative;width:375px;height:254px;margin-bottom:18px;padding:67px 0px 0px 0px;float:left;background: url(../resimler/sponsor_zemin.jpg) no-repeat;} .sponsor {width:111px;height:112px;float:left;margin:0px 0px 10px 10px;background: url(../resimler/sponsor_tek.jpg) no-repeat;} .sponsor img {display:block;margin:4px 0px 0px 4px;width:103px;height:104px;} a.sponsor_ol {display:block;width:120px;height:40px;text-indent:-999em;position:absolute;top:5px;right:5px;} .hedef {position:relative;width:365px;margin:15px 0px 0px 0px;float:left;padding:10px 10px 10px 0px;background: url(../resimler/hedefback.jpg) no-repeat;} .hedef img {float:left;margin:10px 10px 0px 10px;border-style:none;} .hedef p {font-size:1em;} .sponsorlar2 {position:relative;width:375px;height:250px;margin:15px 0px 10px 0px;padding:24px 0px 0px 0px;float:left;background: url(../resimler/spoback.jpg) no-repeat;} .sponsor2 {width:111px;height:112px;float:left;margin:0px 0px 10px 10px;background: url(../resimler/sponsor_tek.jpg) no-repeat;} .sponsor2 img {display:block;margin:4px 0px 0px 4px;width:103px;height:104px;} .kategoriler {width:185px;float:left; } .kategoriler h2 {display:block;width:185px;height:44px;text-indent: -999em;background: url(../resimler/kategoriler_baslik.jpg) no-repeat;} .kategoriler ul {margin:10px 0px 0px 10px;} .kategoriler ul li{display:block;margin-bottom:3px;padding:5px 0px 13px 25px;background: url(../resimler/kategoriler_zemin.png) left top no-repeat;} .kategoriler ul li a{color:#3f4042;font-size:1.3em;} .kategoriler ul li a:hover{color:#cda414;} .tavsiyeler {width:185px;float:right; } .tavsiyeler h2 {display:block;width:185px;height:44px;text-indent: -999em;background: url(../resimler/tavsiye_siteler.jpg) no-repeat;} .tavsiyeler ul {margin:10px 0px 0px 10px;} .tavsiyeler ul li{display:block;margin-bottom:3px;padding:5px 0px 13px 25px;background: url(../resimler/kategoriler_zemin.png) center left no-repeat;} .tavsiyeler ul li a{color:#3f4042;font-size:1.3em;} .tavsiyeler ul li a:hover{color:#cda414;} .secilen_makaleler {width:375px;float:left;margin-top:18px;margin-right:-3px; } .secilen_makaleler h2 {display:block;width:375px;height:44px;text-indent: -999em;background: url(../resimler/secilen_makaleler.jpg) no-repeat;} .secilen_makaleler ul {margin:10px 0px 0px 10px;} .secilen_makaleler ul li{display:block;margin-bottom:20px;padding:2px 0px 0px 25px;background: url(../resimler/ok.png) center left no-repeat;} .secilen_makaleler ul li a{color:#3f4042;font-size:1.3em;} .secilen_makaleler ul li a:hover{color:#cda414;} .yeni_programlar {width:375px;float:left;margin-top:18px;margin-right:-3px; } .yeni_programlar h2 {display:block;width:375px;height:44px;text-indent: -999em;background: url(../resimler/sponsorlar/tamindir.jpg) no-repeat;} .prog {width:365px;margin:10px 0px 5px 10px;} .prog h3 {font-family: CalibriBoldItalic, CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:1.4em;color:#2a2c34;letter-spacing: -0.5px;margin-bottom:5px;} .prog p {font-size:1.2em;} .reklam_vid{float:left;width:375px;margin-top:18px;text-align:center;} .haberdar_ol{float:left;width:375px;margin-top:18px;position:relative;} .haberdar_ol h2 {display:block;width:375px;height:44px;text-indent: -999em;background: url(../resimler/haberdar-olun.jpg) no-repeat;margin-bottom:10px;} .haberdar_ol .eposta_kutu {float:left;border-style:none;width:249px;padding:8px 8px 9px 8px; background: transparent url(../resimler/haberdar-kutu.jpg) no-repeat;font-family: CalibriRegular, Tahoma, Arial, Verdana, sans-serif;color:#2a2c34;font-size:1.2em;margin:0px 10px;} .haberdar_ol .tamamla {width:80px;height:34px;float:left;background: url(../resimler/haberdar-gonder.jpg) no-repeat; border-style:none;text-indent:-999em;cursor:pointer;} .haberdar_ol p{width:100%;float:left;margin:10px 0px 0px 10px;font-size:1em;} .haberdar_ol .feedburner{width:88px;height:26px;position:absolute;top:5px;right:5px;} /* 4 - ALT KISIM ***************************** */ #alt {clear:both;width:100%;min-height:530px;background: url(../resimler/alt2.jpg) repeat-x;background-color: #f5f5f5;} .alt_govde {width:978px;text-align:left;margin: 0 auto;clear:both;min-height:530px;} .son_yorumlar {width:575px;float:left;margin-left:6px; } .son_yorumlar h2 {display:block;width:575px;height:53px;background: transparent url(../resimler/son_yorumlar.png) no-repeat;text-indent: -999em;} .dyorum {float:left;width:575px;height:68px;background: url(../resimler/son_yorumlar_tek.png) no-repeat;margin-top:12.5px;} .dyorum .dresim, .dyorum .avatar{width:40px;height:40px;float:left;margin: 12px 6px 0px 11px;} .dyorum p.dyorumcu {float:left;width:105px;margin-top: 10px;line-height:1.2em;color:#cdcdcd;font-size:1.1em;font-weight:bold;} .dyorum p.dyorumcu a{color:#cdcdcd;} .dyorum p.dyorumcu a:hover{color:#cda414;} .dyorum p.dyorumcu .dtarih {font-size:0.8em;font-weight:normal;} .dyorum a.dyorum_metin {display:block;width:320px;float:right;color:#525253;margin:13px 45px 0px 0px;line-height:1.4em;font-size:1.2em;} .dyorum a.dyorum_metin:hover{color:#cda414;} .selam_soyle {width:375px;height:370px;float:right;margin:8px 6px 0px 0px;background: url(../resimler/selam_soyle.png) no-repeat;position:relative;} .selam_soyle .selam_isim {font-family: CalibriRegular,Tahoma, Arial, Verdana, sans-serif;float:left;width:300px;padding:9px 5px;margin:72px 0px 15px 30px;color: #898989;background-color:transparent;border-style:none;} .selam_soyle .selam_mesaj {font-family: CalibriRegular,Tahoma, Arial, Verdana, sans-serif;font-size:1.1em;float:left;background-color:transparent;width:300px;height:152px;padding:5px;margin:3px 0px 20px 30px;color: #898989;border-style:none;} .selam_soyle .selam_gonder {width:112px;height:44px;clear:both;float:left;background: url(../resimler/gonder.png) no-repeat;border-style:none;margin-left:25px;text-indent:-999em;cursor:pointer;} .durum {position:absolute;bottom:35px;left:140px; } .en_alt {width:978px;clear:both;float:left;margin-top:60px;position:relative;} .alt_logo {float:left;width:153px;height:47px;margin-right:20px; padding:10px 20px 10px 0px; border-right:3px solid #e4e5e5;} .alt_logo h1 a{display:block;width:153px;height:47px;background: url(../resimler/logo_alt.png) no-repeat;text-indent: -999em;} .alt_logo h2{display:none;} .en_alt p {float:left;margin-top:18px;color:#595c5f;} .en_alt p a{color:#a7741c;} .en_alt p a:hover{color:#000000;} .alt_sponsor {position:absolute;top:0px;right:0px;width:160px;} .alt_sponsor p{margin:0px;color:#595c5f;} .twitter {float:right;width:220px;height:70px;background:url(../resimler/tback.png) top right no-repeat;padding:30px 100px 0px 20px;line-height:1.5em;position:relative;color:#61636c;} a.twitlink {display:block;position:absolute;top:20px;right:0px;width:75px;height:60px;text-indent:-999em;} .twitter p {display:block;position:absolute;top:80px;right:10px;color:#60a4c0;font-weight:bold;} /* DİĞERLERİ ***************************** */ .temizle {width:960px;height:1px;clear:both;} .orta_temizle {width:574px;height:1px;clear:both;} .left{ float: left; } .right{ float: right; } .clear{ clear: both; height: 0px; font-size: 1px; } .saga_yasla {float:right;margin-left:10px;} .sola_yasla {float:left;margin-right:10px;}