/* Design Name: Gupse İnternet Teknolojileri Design URL: http://www.gupse.net/ Description: Resim Mekanı tasarım ve kodlaması... Author: Tercan Keskin Author URI: http://www.tercan.net Version: 1.0.0 Changelog: v1.0 - 04.09.2009 */ /* ------------------------------------------------------------ Reset Style Import ------------------------------------------------------------ */ @import url('reset.css'); /* ------------------------------------------------------------ Main Styles ------------------------------------------------------------ */ body { background: #f8c8d6; color: #000; font-size: 12px; font-family: Arial, Tahoma, Verdana; line-height: 18px; } .clear { clear: both; } .left { float: left; } .right { float: right; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 16px; } h4 { font-size: 12px; } .h05 { height: 5px; } .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; } .h05, .h10, .h15, .h20 { line-height: 1px; font-size: 1px; } img { border: 0; } img a { border: 0;} img.left { float: left; border: none; padding: 6px 0 0 0; } img.right { float: right; border: none; padding: 0 0 0 6px; } blockquote { border-left: 1px solid #A5ABAB; margin: 15px; padding: 0 12px 0 12px; } code { font-family: "Courier New", Courier, monospace; } a { color: #852467; text-decoration: none; outline: none; } a:hover { text-decoration: none; } strong { font-weight: bold; } #container { background: #fdf9ee; width: 980px; margin: auto; color: #852467; overflow: hidden; } #header { display: block; float: left; width: 980px; color: #852467; } .headerleft { float: left; width: 230px; height: 90px; padding: 13px 0 10px 0; } .headerright { float: right; width: 728px; height: 90px; padding: 10px 10px 10px 0; } .headerbottom { position: relative; display: inline; float: left; height: 32px; width: 960px; margin-left: 10px; background: #852467 url('images/headerbottom_bg.gif') repeat-x; } #topmenu { float: left; width: 768px; height: 32px; margin: 0; padding: 0; } #topmenu ul { position: absolute; display: none; top: 32px; z-index: 9999; } #topmenu li { display: block; float: left; position: relative; } #topmenu li ul { float:left; width: 280px; height: auto; background: #5b003f; border: 5px solid #800159; } #topmenu li ul a { float:left; width: 130px; height: 20px; padding: 0 5px; font-size: 12px; line-height: 24px; height: auto; } #topmenu li ul a:hover { color: #ff0; } #topmenu ul ul{ top:auto; } #topmenu li ul ul { left: 12px; margin: 0 0 0 10px; } #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li:hover ul ul ul ul{ display:none; } #topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li li li li:hover ul{ display:block; } #topmenu a { display: block; float: left; margin: 0; padding: 0 10px; text-decoration: none; height: 32px; line-height: 32px; color: #fdf9ee; font-size: 14px; font-weight: bold; } #topmenu a:hover { text-decoration: none; background: #800159; color: #fad9e2; } #topmenu a.forum { color: #ffe698; } #topmenu a.forum:hover { color: #f8a700; } #topmenu a.portal { color: #ff0; } #topmenu a#catlink { color: #ffcccc; } #topmenu a#catlink:hover { color: #fdf9ee; } #topsearch, #insearch { float: right; width: 180px; height: 32px; margin: 0 4px 0 0; border: 0; background: url('images/search_bg.gif') no-repeat 0 4px; } #insearch { float: left; } #topsearch #searchform, #insearch #searchform { height: 24px; margin: 0; padding: 4px 0 0 3px; } #topsearch .s_input, #insearch .s_input { width: 141px; border: 0px; color: #737272; font-size: 12px; float: left; margin: 1px 0 0 0; height: 18px; padding: 3px 4px 0 4px; } #topsearch .s_submit, #insearch .s_submit { float: left; width: 28px; height: 24px; margin: 0; padding: 0; border: 0; background: url('images/1x1.gif'); cursor: pointer; } .header_ad_15 { display: block; float: left; height: 15px; margin-top: 5px; width: 980px; text-align: center; } #content { display: block; float: left; width: 960px; padding: 10px; } #index { display: block; float: left; width: 650px; } #featured { display: block; float: left; width: 640px; height: 310px; background: url('images/featured_bg.jpg') no-repeat; margin-bottom: 10px; } #featured .img { display: block; float: left; width: 400px; height: 300px; margin: 4px; display: inline; border: 1px solid #ffbbdd; } #featured .text { display: block; float: right; width: 210px; height: 280px; overflow: hidden; padding: 10px 15px 10px 5px; font-family: Georgia; } #featured .text h2 a { font-size: 22px; line-height: 30px; color: #ff3; } #featured .text p a { margin-top: 10px; font-size: 14px; line-height: 20px; color: #fff; } .ads_300x250_l, .ads_300x250_r { display: block; width: 300px; height: 250px; margin: 0 10px 10px 0; padding: 5px; background: #a71d68; } .ads_300x250_l { float: left; } .ads_300x250_r { float: right; } #lists { display: block; float: left; } #lists .box { position: relative; display: block; float: left; width: 210px; margin-bottom: 10px; padding-right: 5px; } #lists .box img { width: 200px; height: 150px; padding: 5px; background: #a71d68; border: 0; } #lists .boxtitle, #lists .boxtext { position: absolute; height: 24px; line-height: 24px; overflow: hidden; padding: 0 5px; background: #a71d68; } #lists .boxtitle { top: 5px; right: 10px; color: #fff; text-decoration: none; } #lists .boxtext { bottom: 5px; left: 5px; width: 190px; } #lists .boxtext a { color: #fff; text-decoration: none; } #lists .boxtext2 { position: absolute; bottom: 5px; left: 5px; width: 190px; height: 24px; line-height: 24px; overflow: hidden; padding: 0 5px; background: #000; filter: alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter: "alpha (opacity=70)"; } #lists h2 { width: 630px; line-height: 32px; margin-bottom: 5px; padding-left: 10px; font-size: 18px; background: #a71d68; color: #fff; text-decoration: none; } #lists .alert { height: 32px; padding: 10px 10px 10px 52px; font-size: 16px; line-height: 32px; background: #fbedac url('images/alert.gif') no-repeat; border: 1px solid #ddc000; color: #8c6f13; } #image { position: relative; display: block; float: left; width: 610px; margin-left: 10px; padding: 5px; background: #ffbbdd; border: 0; text-align: center;} #image h1.p_title { background: #a71d68; color: #fff; line-height: 40px; margin-bottom: 40px; padding: 0 5px 0 5px; text-align: left; } #image .img { margin: auto; border: 2px solid #a71d68; } #image .prev, #image .next { position: absolute; top: 50px; } #image .prev { left: -11px; } #image .next { right: -11px; } #lists strong, #image strong { display: block; float: left; text-align: left; padding: 5px; background: #a71d68; color: #fff; } #lists strong { width: 630px; margin-bottom: 4px; } #image strong { width: 594px; margin: 0 0 4px 3px; } #image .share-fb { position: absolute; top: 55px; left: 250px; } #sideright { display: block; float: right; width: 300px; padding: 5px; background: #fbd; } .sidebox { float: left; width: 300px; padding-bottom: 5px; } .sidebox .img { float: left; width: 140px; height: 100px; overflow: hidden; margin-right: 8px; margin-bottom: 8px; padding: 2px; background: #444; border: 1px solid #777; } .sidebox .img img { width: 140px; height: 100px; } .sidebox .end { margin-right: 0; } .sidebox h2 { font-size: 16px; line-height: 24px; color: #ffC; margin: 0 0 4px 0; padding: 4px 4px 4px 8px; background: #a71d68; } .sidebox .popgal { display: block; float: left; width: 300px; } .popgal .box { position: relative; display: block; float: left; width: 97px; margin: 0 3px 5px 0; } .popgal .box img { width: 90px; height: 68px; padding: 4px; background: #a71d68; border: 0; } .popgal .box img { _padding: 3px; } .popgal .box .boxtext { position: absolute; bottom: 4px; left: 4px; width: 90px; height: 24px; line-height: 12px; overflow: hidden; background: #a71d68; } .popgal .box .boxtext a { font-size: 11px; color: #fff; text-decoration: none; } h2.head164 { font-size: 14px; line-height: 14px; color: #ffC; margin: 0 0 4px 0; padding: 4px 4px 4px 8px; background: #a71d68; } .sidebox .popgal164 { display: block; float: left; width: 164px; } .popgal164 .box { position: relative; display: block; float: left; width: 164px; margin: 0 0 5px 0; } .popgal164 .box img { width: 156px; height: 82px; padding: 4px; background: #a71d68; border: 0; } .popgal164 .box .boxtext { position: absolute; bottom: 4px; left: 4px; width: 156px; height: 24px; line-height: 12px; overflow: hidden; background: #a71d68; } .popgal164 .box .boxtext a { font-size: 11px; color: #fff; text-decoration: none; } /* 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 */ .pager_links { float: left; width: 630px; margin: 0 auto; text-align: center; height: 36px; } .pager_links a, .pager_links a:hover, .current_page, .pager_links a.last { float: left; width: 26px; height: 20px; font-size: 16px; line-height: 20px; font-weight: bold; text-decoration:none; padding: 4px; margin: 2px; margin-top: 0; background: url('images/pager_links.gif'); } .pager_links a { color: #ffc; border: 1px solid #777; } .pager_links a:hover { color:#ffd; background:#333; border:1px solid #666; } .current_page { color:#fcc; background: url('images/current_page.gif'); border: 1px solid #999; } #containerbottom { clear: both; width: 980px; height: 20px; margin: auto; background: url('images/containerbottom_bg.gif') no-repeat; } #footer { clear: both; width: 980px; height: 90px; margin: auto; margin-bottom: 10px; font-size: 11px; } #footer .left { position: relative; float: left; width: 630px; height: 75px; overflow: hidden; padding: 10px 0 0 0; } #footer .left .logo_s { float: left; padding: 0 15px 0 0; } #footer .left .generator { position: absolute; bottom: 2px; right: 0; } #footer .right { position: relative; float: right; text-align: left; width: 320px; padding: 10px 0 0 10px; } #footer .right #wobsbn { position: absolute; top: -9999px; left: -9999px; } ul.harita { list-style-type:disc; font-size: 14px; } ul.harita li { padding-left: 10px; }