/* Design Name: Gupse İnternet Teknolojileri Design URL: http://www.gupse.net/ Description: Haber Dükkânı Haber Portalı tasarım ve kodlaması... Version: 1.0.0 Changelog: v1.0 - 04.09.2009 */ /* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, big, cite, code, em, img, small, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul, li { list-style: none; } body { line-height: 1; } .h05 { line-height: 1px; height: 5px; font-size: 1px; margin: 0; padding: 0; } .h10 { line-height: 1px; height: 10px; font-size: 1px; } img { border: none; } .clear { clear: both; } a, a:visited, a:active { text-decoration: none; cursor: pointer; color: #000; } a:hover { text-decoration: none; } body { position: relative; color: #000; font-size: 12px; line-height:140%; font-family: Arial, Tahoma, Verdana; background: #fff url('../images/body_bg.gif') repeat-y center; color: #333; } .rightad { position: absolute; top: 0; left: 970px; width: 200px; height: 600px; } #container { float: left; width: 965px; margin: 0; border-right: 1px solid #979797; background: #fafafa; } #header { width: 965px; height: 145px; background: url('../images/header_bg.gif') repeat-x; } .headertop { display: block; float: left; width: 965px; height: 24px; line-height: 24px; border-bottom: 1px solid #d0d0d0; font-size: 11px; } .headertop li { float: left; padding: 0 10px; } .headertop li a:link { color: #393939; } .headerleft { float: left; height: 95px; width: 420px; padding: 0; } .headerright { float: right; height: 60px; width: 468px; padding: 18px 18px 0 0; } .headerbottom { display: block; float: left; height: 25px; width: 965px; background: url('../images/header_bottom_bg.gif') repeat-x; } #topmenu { float: left; height: 25px; margin: 0; padding: 0; } #topmenu li { display: block; float: left; padding: 0 8px; background: url('../images/header_bottom_li_bg.gif') no-repeat center right; border-right: 0px solid #979797; } #topmenu a { display: block; float: left; margin: 0; padding: 0; text-decoration: none; height: 25px; line-height: 25px; color: #827f7f; font-size: 11px; font-weight: bold; } #topmenu a:hover { text-decoration: underline; } #ticker { float: left; position: relative; overflow: hidden; width: 276px; height: 25px; margin-left: 20px; background: url('../images/audio.gif') no-repeat top left; } #ticker a { font-size: 11px; color: #393939; } #ticker .headline { position: absolute; top: 25px; left: 35px; width: 240px; height: 25px; line-height: 25px; } #content { float: left; width: 965px; border-bottom: 1px solid #cacaca; background: url('../images/content_bg.gif') repeat-y; } #main { width: 640px; float: left; padding: 0; border-right: 0px solid #cacaca; } .featured { position: relative; z-index: 1; float: left; width: 624px; height:392px; background: #e6e6e6; padding: 8px; border-bottom: 1px solid #cacaca; } .featured .image { display: block; border: 1px solid #cacaca; background: #fff; padding: 1px; } .featured .image p.text { position: absolute; width: 600px; height: 20px; padding: 10px; background: #000; left: 10px; bottom: 76px; z-index: 997; font-size: 22px; font-weight: bold; filter: alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; -ms-filter: "alpha (opacity=80)"; overflow: hidden; } .featured .image p.text a { color: #fff; } .featured .image img { width: 620px; height: 320px; } .featured .slider { width: 624px; height: 70px; background: url('../images/slider_bg.gif') no-repeat; position: absolute; bottom: 8px; } .featured .slider ul { display: block; margin: 6px 0 0 9px; overflow: hidden; } .featured li { float:left; width: 57px; height: 48px; overflow: hidden; margin-right: 4px; border-top: 6px solid #cdcdcd; padding-top: 6px; } .featured li.current { border-top: 6px solid #444; } .featured li.current a img { } .featured li a img { border: 1px solid #000; } #all-featured { display: block; float: left; text-align: right; width: 640px; padding: 0; } .all-featured { position: relative; z-index: 1; float: left; width: 624px; background: #e6e6e6; padding: 8px; border-bottom: 1px solid #cacaca; } .all-featured .image { position: relative; display: block; border: 1px solid #cacaca; background: #fff; padding: 1px; margin-bottom: 10px; } .all-featured .image img { width: 620px; height: 320px; } .all-featured .image p.text { position: absolute; width: 600px; height: 20px; padding: 10px; background: #000; left: 1px; bottom: 1px; z-index: 997; font-size: 22px; font-weight: bold; filter: alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80; -ms-filter: "alpha (opacity=80)"; overflow: hidden; } .all-featured .image p.text a { color: #fff; } #index { position: relative; z-index: 1; float: left; width: 632px; padding: 8px 8px 8px 0; } #index .edit-del { position: absolute; top: 8px; right: 12px; } #index .seperating { float: left; display: inline; width: 622px; height: 1px; line-height: 1px; font-size: 1px; margin: 4px 0 6px 8px; padding: 0; border-bottom: 1px solid #777777; } .sidebox .seperating { float: left; width: 300px; height: 1px; line-height: 1px; font-size: 1px; margin: 4px 0 4px 0; padding: 0; border-bottom: 1px solid #777777; } #index .type { float: left; width: 308px; padding: 0 0 10px 8px; } #index .type h1, #index .type h1 a { width: 308px; height: 24px; overflow: hidden; font-size: 16px; line-height: 24px; color: #000; } #index .type h1 a:hover { text-decoration: none; color: #a10000; } #index .text .img { float: left; width: 110px; height: 80px; overflow: hidden; border: 1px solid #cdcdcd; background: #fff; padding: 1px; } #index .text .exc { float: left; width: 180px; height: 80px; line-height: 20px; padding-left: 5px; overflow: hidden; } #main .video .type h4 { width: 148px; height: 74px; overflow: hidden; padding-left: 5px; } #main .video .type h4, #main .video .type h4 a { font-size: 14px; line-height: 24px; color: #000; } #main .video .type h4 a:hover { text-decoration: none; color: #a10000; } #main .video .text .img { float: left; width: 100px; height: 76px; overflow: hidden; border: 1px solid #cdcdcd; background: #fff; padding: 1px; } #main .video .text .exc { float: left; width: 180px; height: 80px; line-height: 20px; padding-left: 5px; overflow: hidden; } #index .single { float: left; padding: 3px 0 0 10px; font-size: 14px; line-height: 18px; } #index .single2 { float: left; width: 620px; padding: 3px 0 0 10px; font-size: 14px; line-height: 18px; } #index .single h1.p_title { clear: both; padding: 4px 0 12px 0; overflow: hidden; font-size: 20px; color: #cd0d15; } #index .single .img { float: left; width: 300px; height: 225px; border: 1px solid #cdcdcd; background: #fff url('../images/loader.gif') no-repeat 135px 95px; padding: 2px; margin-right: 6px; } #index .single .meta1 { float: left; width: 305px; padding-bottom: 10px; } #index .single .meta1 h1 { float: left; padding: 0 0 4px 0; font-size: 20px; line-height: 24px; } #index .single .meta2 { float: left; width: 450px; padding: 20px 0 0 0; } #index .single .meta2 strong { font-size: 24px; line-height: 30px; } #index .single .meta2 h1 { float: left; width: 450px; padding: 12px 0 16px 0; font-size: 20px; color: #000; } #index .single strong { float: left; width: 100%; font-size: 16px; line-height: 20px; } #index .single small { float: left; width: 100%; font-size: 11px; color: #666; } #index .single p { padding-bottom: 10px; } #index .single .ad-share { width: 100%; padding: 5px 0; } #index .single .ad-detay { float: left; width: 470px; } #index .single .share { float: right; width: 107px; height: 32px; padding: 26px 0 4px 3px; background: url('../images/share-bg.jpg') no-repeat } .others { float: left; width: 620px; } .others li { float: left; width: 610px; margin-top: 2px; padding: 5px 0 0 5px; border-left: 5px solid #777; } .others li:hover { border-left: 5px solid #333; } .others li.title { float: left; width: 610px; margin: 0; padding: 5px; color: #FFF; background: #777; border: none; } .others li a { float: left; padding: 0; color: #333; background: #fafafa; } .others li a:hover { color: #000; } #index h1#c_title { width: 610px; margin: 0 0 8px 8px; padding: 6px; overflow: hidden; font-size: 16px; color: #fff; background: #444; } #index h1#c_title strong { color: #ff0; } #index .alert { width: 606px; margin: 0; padding: 5px; color: #444; background: #ffcece; border: 1px solid #df8f8f; } #index .single .auth { float: left; width: 120px; height: 150px; border: 1px solid #cdcdcd; background: #fff url('../images/loader.gif') no-repeat 135px 95px; padding: 2px; margin-right: 6px; } #index .single .reklam { float: right; border: 0; padding: 5px; } #index img.drawing, #index div.drawing { width: 620px; padding: 4px; margin-bottom: 10px; background: #444; border: 1px solid #777; } #index div.drawing { color: #FEE; font-size: 14px; font-weight: bold; line-height: 24px; } #index div.drawing a { color: #ffd706; } #index div.drawing p { padding-bottom: 14px; } #index .info { width: 620px; margin-bottom: 10px; padding: 4px; background: #444 url('../images/info_bg.gif'); border: 1px solid #777; color: #ddd; } #index .info img { width: 16px; height: 16px; margin: 0; padding: 0; } #index .info div { float: left; width: 620px; } #index .info .meta { line-height: 24px; } #index .random { float: left; width: 618px; margin-bottom: 10px; padding: 10px 0 0 10px; background: #444 url('../images/info_bg.gif'); border: 1px solid #777; color: #ddd; } #index .random .img { float: left; display: inline; width: 140px; height: 100px; overflow: hidden; margin-right: 8px; margin-bottom: 8px; padding: 2px; background: #444; border: 1px solid #777; } #index .random .img img { width: 140px; height: 100px; } #index .random .end { margin-right: 0; } #index .random h2 { width: 594px; font-size: 16px; line-height: 24px; color: #ffC; margin:0; margin-bottom: 4px; padding: 4px 4px 4px 8px; background: #000 url('../images/rand_bg.gif') repeat-x; border: 1px solid #777; } #sideright { float: left; width: 310px; padding: 0 0 10px 12px; } #sideright .reklam, .sidebox { float: left; clear: both; width: 310px; margin-top: 10px; } .sidebox .img { display: inline; float: left; width: 90px; height: 88px; overflow: hidden; margin: 0 6px 6px 0; padding: 2px; background: #fcfcfc; border: 1px solid #777; font-size: 10px; line-height: 12px; text-align: center; } .sidebox .img img { width: 90px; height: 65px; } .sidebox .end { margin-right: 0; } .sidebox h2 { width: 284px; font-size: 16px; line-height: 32px; color: #555; margin: 0; padding: 0 8px; background: #fff url('../images/sidebar_h2_bg.gif') no-repeat; } .oguztan { width: 120px; height: 180px; padding: 140px 125px 0 55px; background: url('../images/seytan-diyor-ki_bg.png') no-repeat; } .oguztan h3 { color: #333; font-size: 16px; height: 112px; line-height: 22px; overflow: hidden; } .tersimden { width: 270px; height: 42px; padding: 148px 5px 10px 25px; text-align: left; background: url('../images/tersimden.jpg') no-repeat; overflow: hidden; } .tersimden a { color: #000; font-size: 16px; font-weight: bold; line-height: 42px; letter-spacing: -1px; } .gul-erda { width: 270px; height: 34px; padding: 98px 5px 10px 25px; text-align: left; background: url('../images/gul-erda.jpg') no-repeat; } .gul-erda a { display: block; float: left; line-height: 34px; letter-spacing: -1px; color: #000; font-size: 16px; font-weight: bold; } .edip-onder { width: 265px; height: 25px; padding: 105px 5px 15px 30px; text-align: left; background: url('../images/edip-onder-bg.jpg') no-repeat; } .ulku { width: 265px; height: 25px; padding: 105px 5px 15px 30px; text-align: left; background: url('../images/ulku-erakalin.jpg') no-repeat; } .ulku a, .alev-cukurkavakli a, .edip-onder a{ display: block; float: left; width: 265px; height: 20px; overflow: hidden; line-height: 16px; letter-spacing: -1px; color: #000; font-size: 16px; font-weight: bold; } .alev-cukurkavakli { width: 265px; height: 25px; padding: 105px 5px 15px 30px; text-align: left; background: url('../images/alev-cukurkavakli.jpg') no-repeat; } ul.authorlist { float: left; width: 190px; padding-top: 5px; list-style-type: none; } ul.authorlist li { clear: both; display: block; float: left; width: 172px; padding-left: 16px; list-style-type: none; background: url('../images/arrow_author.gif') no-repeat; } ul.authorlist li a { cursor: pointer; font-size: 12px; line-height: 20px; font-weight: bold; color: #333; } #authors { float: left; width: 100px; min-height: 180px; padding: 5px; background: url('../images/author_bg.gif') no-repeat; } .author img { width: 100px; height: 124px; padding-bottom: 6px; } .author .title { font-size: 11px; line-height: 14px; } .author { display: none; text-align: center; } #author_0 { display: block; } #search { width: 300px; height: 33px; margin: 0; border: 0; background: url('../images/search_bg.gif') no-repeat; } #searchform { height: 24px; margin: 0; padding: 2px 0 0 3px; } #search .s_input { width: 216px; border: 0px; color: #737272; font-size: 12px; float: left; margin: 1px 0 0 0; height: 20px; padding: 2px 8px 0 8px; } #search .s_submit { float: left; width: 60px; height: 26px; margin: 0; padding: 0; border: 0; background: url('../images/1x1.gif'); cursor: pointer; } /* Comments */ #index .random h2 .respond { display: block; float: right; width: 72px; font-size: 12px; margin: 0; color: #fff; text-decoration: none; } #index .yorumlar { display: block; clear: left; margin-bottom: 10px; } #index .yorumlar li { width: 600px; font-size: 12px; margin: 0; padding: 3px; border: 1px solid #777777; border-top: 0; background: #555555 url('../images/com_text_bg.gif') repeat-x; } #index .yorumlar li .author { margin: 0; padding: 4px 0; border-bottom: 1px dotted #777777; color: #ffffcc; } #index .yorumlar li .text { margin: 0; padding-top: 4px; line-height: 14px; } #index .yorumlar li a { color: #ffffcc; } #index .yorumlar strong { margin: 0; padding: 0; } #index .yorumlar small { font-size: 11px; color: #a8a8a8; } .yorumform { border: 0; font-size: 11px; padding: 5px; color: #f3f3f3; } #yorumekle { margin-top: 5px; } #yorumekle input, #yorumekle select { width: 220px; font: normal 12px Tahoma; } #yorumekle input.submit { float: right; width: 120px; height: 30px; font: bold 12px Tahoma; cursor: pointer; outline: none; } #yorumekle input.temizle { color: #fefefe; } #yorumekle textarea{ width: 410px; height: 180px; } /* Pagination */ .sayfala { clear: both; float: left; width: 630px; margin: 0 auto; text-align: center; height: 24px; } .sayfala a, .sayfala a:hover, .active, .sayfala a.last { float: left; width: 22px; height: 16px; font-size: 14px; line-height: 16px; font-weight: bold; text-decoration:none; padding: 5px 2px; margin: 2px; margin-top: 0; background: url('../images/sayfala.gif'); } .sayfala a { color: #ffc; border: 1px solid #777; } .sayfala a:hover { color:#ffd; background:#333; border:1px solid #666; } .active { color:#ff0; background: url('../images/active.gif'); border: 1px solid #999; } #footer { float: left; width: 965px; height: 94px; margin: auto; margin-top: 10px; background: #fff url('../images/bg_footer.jpg') repeat-x bottom; } #footer .left1 { float: left; width: 122px; height: 62px; padding: 4px 5px 0 5px; color: #e6e6e6; border-right: 1px dotted #cacaca; } #footer .left2 { float: left; width: 265px; height: 62px; padding: 4px 5px 0 5px; color: #e6e6e6; border-right: 1px dotted #cacaca; } #footer .center { float: left; width: 465px; padding: 0 0 6px 10px; font-size: 11px; color: #333; } #footer .center a { color: #333; text-decoration: underline; } #footer .right { float: right; width: 60px; margin: 0; padding: 48px 16px 0 0; text-align: right; } #footer .copy { float: left; width: 700px; height: 36px; padding: 24px 5px 0px 10px; font-size: 11px; color: #c4c4c4; line-height: 14px; } #footer .auth { float: right; width: 200px; padding: 28px 12px 0 0; text-align: right; } #SagBanner { width:212px; height: 800px; border:0px solid #000; padding:0; position:absolute; visibility:hidden; overflow:hidden; } .son-haberler { display: block; width: 240px; height: 310px; margin: 0; padding: 5px; } .son-haberler li a { float:left; width: 240px; height: 18px; font-size: 11px; font-weight: bold; overflow: hidden; } .son-haberler li a:hover { color: #800; } .hd-guncel { display: block; width: 310px; height: 340px; margin: 0; padding: 5px; background: #fff url('images/hd-guncel_bg.gif') no-repeat bottom;} .hd-guncel li a { float:left; width: 310px; height: 18px; font-size: 11px; font-weight: bold; overflow: hidden; } .hd-guncel li a:hover { color: #800; }