/* Theme Name: Tekno Frikik Theme URI: http://www.teknofrikik.com/ Description: Tekno Frikik WordPress teması Author: Gupse İnternet Teknolojileri Author URI: http://www.gupse.net version: 1.0 Tags: çift sütun, bileşen destekli, galeri teması */ /* basics */ * { font-family: Arial, Tahoma, Verdana, sans-serif; } body { background: #9ab1dd url('images/bg.jpg') top center fixed; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 13px; margin: 20px; } 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; } .clear { clear: both; } .left { float: left; } .right { float: right; } img { border: none; padding: 0; } img a { border: none; } 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; } /* links */ a { color: #000; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } /* header */ #header { margin: 0 auto; padding-top: 10px; width: 960px; height: 132px; color: #fff; } .headerleft { float: left; } .headerleft .logo { width: 440px; height: 100px; text-decoration: none; } #header a:hover { color: #666; text-decoration: none; } .headerright { float: right; width: 468px; height:100px; padding: 0; } .headerright .banner { float: right; width: 468px; height: 60px; padding: 15px 0 0 0; } /* container */ #container { background: #fff url('images/container_bg.jpg') no-repeat bottom; width: 956px; margin: 0 auto; color: #000; overflow: hidden; border-left: 2px solid #2a4e7f; border-right: 2px solid #2a4e7f; } /* main menu */ #headerbottom { float: left; background: url('images/hedaerbottom_bg.png') no-repeat; width: 960px; height: 32px; overflow: hidden; margin: 0; padding: 0; } #headerbottom ul { margin: 0; padding: 0; } #headerbottom ul li { list-style-type: none; float: left; margin: 0; padding: 0; border-right: 1px solid #123059; } #headerbottom ul li a { padding: 2px 20px 0 20px; color: #fff; display: block; line-height: 30px; font-size: 12px; font-weight: bold; } #headerbottom ul li a.anasayfa:hover { background: url('images/headerbottom_a_ana_bg.png') no-repeat; color: #fff; } #headerbottom ul li a:hover { background: #2a4e7f url('images/headerbottom_a_bg.png') repeat-x; color: #fff; } #headerbottom .headerflag { float: right; width: 24px; height: 24px; padding: 4px 8px 0 0; } /* Search Form */ #searchform { float:right; display: inline; width: 268px; height: 26px; background: #fff url('images/search_bg.gif') no-repeat; overflow: hidden; margin: 3px 3px 0 0; padding:0; } #searchbox { background: #fff; width: 232px; color: #000; font-size: 12px; font-weight: normal; margin: 0; padding: 3px 0px 3px 5px; border: 0; display: inline; font-family: Arial, Tahoma, Verdana, sans-serif; } #searchbutton { background: url('images/1x1.gif') no-repeat; border: 0; width: 24px; height: 24px; cursor: pointer; } .ac_results a { font-size: 13px; color: #000; text-decoration: none; } /* content */ #content { float: left; width: 622px; margin: 0; padding: 10px 0 10px 10px; overflow: hidden; } #content h2.pagetitle { float: left; width: 612px; height: 20px; line-height: 22px; font-size: 12px; font-weight: bold; color: #fff; padding: 5px; overflow: hidden; background: #2A4E7F url('images/sidebar_h2_bg.gif') repeat-x; text-align: center; } #content h2.contacttitle { float: left; width: 612px; height: 20px; line-height: 20px; font-size: 16px; font-weight: bold; color: #2a4e7f; padding: 5px; overflow: hidden; padding: 15px 0 20px 5px; } #content .contacttext { font-size: 12px; } #content .contacttext li { line-height: 20px; padding-left: 12px; font-size: 12px; background: url('images/sidebar_arrow.gif') no-repeat top left; } #content .contacttext h4 { padding: 10px 0 0; font-weight: bold; text-decoration: underline; } #content .pagetext { float: left; width: 600px; line-height: 20px; font-size: 12px; font-weight: bold; color: #000; margin: 0 0 10px 0; padding: 10px; line-height: 16px; border: 1px solid #2a4e7f; } #content .pagetext h4 { font-size: 14px; color: #ec0; font-weight: bold; text-decoration: underline; margin: 6px 0; } #content .pagetext li { list-style-position:inside; list-style-type: circle; color: #ec0; } #content .pagetext li a { color: #ffdb00; } .post { position: relative; margin: 0; padding: 0; line-height: 14px; width: 622px; height: 465px; } .post h2 { font-size: 15px; } .post h2 a { color: #000; text-decoration: none; } .post h2 a:hover { color: #777; text-decoration: none; } .bigimage { position: absolute; clear: left; top: 2px; left: 0; z-index: 994; } .bigimage img { margin: 0; padding: 0; border: 1px solid #2a4e7f; width: 620px; } .entry p { margin: 10px 0; padding: 10px; } .entry p img { margin: 0; padding: 0; } .pagepost { float: right; width: 612px; font-size: 14px; font-weight: bold; text-align: right; padding: 5px; } .pagepost a { text-align: center; } .pagepost .prev { position: absolute; float: left; width: 48px; height: 48px; top: 212px; left: 10px; z-index: 998; } .pagepost .next { position: absolute; float: right; width: 48px; height: 48px; top: 212px; right: 10px; z-index: 998; } .pagepost .next, .pagepost .prev { background-color: filter: alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity: 0.40; opacity: 0.40; -ms-filter: "alpha (opacity=40)"; } .pagepost .next:hover, .pagepost .prev:hover { background-color: filter: alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00; -ms-filter: "alpha (opacity=100)"; } .post .adsb { position: absolute; width: 555px; height: 60px; top: 408px; left: 1px; padding-left: 65px; z-index: 998; background: #fff; background-color: filter: alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter: "alpha (opacity=70)"; } .nextb { position: absolute; width: 622px; height: 468px; top: 2px; left: 0; z-index: 997; } .nextb img { width: 622px; height: 467px; } .entry .tags { float: left; width: 100%; } .postmetadata { clear: both; background: #F7F7F7; padding: 6px; margin: 20px 0; } .metas { clear: both; border: 1px solid #2a4e7f; width: 620px; margin: 0; padding: 0; } .metas .layer, .metas .layer a, .metas .saves a, .metas .downsizes, .metas .furl { font-family: Arial; } .metas .layer { clear: both; margin: 0 0 0 10px; padding: 5px 5px 5px 0; font-size: 12px; color: #000; border-bottom: 1px solid #d1d1d1; } .metas .ads15 { padding-left: 0; } .metas .social { margin: 0 auto; } .metas .saves a { float: left; width: 85px; line-height: 18px; color: #2A4E7F; text-decoration: underline; } .metas .downsizes { display: block; float: left; width: 101px; font-weight: bold; margin: 0 30px 0 5px; text-decoration: underline; } .metas .tags { display: table; padding: 0; } .metas .furl { width: 416px; border-width: 1px; font-size: 12px; } .homenews { float: left; width: 620px; } .newsbox { float: left; width: 303px; height: 98px; overflow: hidden; margin: 0 5px 10px 0; } .ads { width: 300px; height: 250px; overflow: hidden; margin: 0 10px 10px 0; } .homenews .right { margin-right: 0; } .newsbox .image { float: left; width: 122px; height: 92px; padding: 3px; } .newsbox .text { float: right; width: 170px; height: 92px; padding: 3px 3px 3px 0; } .newsbox .text h2 { padding: 0 0 3px 0; } .newsbox .text h2 a { line-height: 16px; font-size: 16px; color: #133c72; font-weight: bold; } .newsbox .text h2 a:hover { color: #3171ca; } .newsbox .text p a { color: #000; font-size: 12px; line-height: 14px; } .newsbox .image img { border: 1px solid #2a4e7f; } .newsbox .text a { text-decoration: none; } .thumbnail a:link, .thumbnail a:visited { display:block; float:left; padding:5px; background:#e2e2e2; width:150px; height:150px; margin:5px 5px 0 0;} .thumbnail a:hover, .thumbnail a:active { background:#C4C4C4; } .navigation { font-size: 13px; width: 100%; float: left; margin: 0; padding: 0; overflow: hidden; } .alignleft a { float: left; margin: 25px 0; } .alignright a { float: right; margin: 25px 0; } /* sidebar */ #sidebar { float: right; width: 302px; margin: 10px 10px 10px 0; display: inline; color: #000; z-index: 999; font-size: 12px; } #sidebar .widget { width: 300px; margin-bottom: 10px; border: 1px solid #2a4e7f; } #sidebar h2 { font-size: 12px; line-height: 30px; height: 30px; padding-left: 10px; background: #2a4e7f url('images/sidebar_h2_bg.gif') repeat-x; color: #f2f2f2; font-weight: bold; } #sidebar div { margin: 0; padding: 10px; padding-top: 5px; background: #a7bbe1 url('images/sidebar_cats_bg.gif') repeat-x; } #sidebar a { color: #000; } #sidebar #widget_categories li li { font-size: 12px; } #sidebar #widget_categories li li li { font-size: 10px; } #sidebar #widget_useronline li { list-style-type: none; padding: 0; } #sidebar #useronline-browsing-site { padding: 0; } #sidebar .textwidget { padding: 0; background: none; } #sidebar li.widget { list-style-type: none; } #sidebar .widget li { line-height: 20px; padding-left: 12px; font-size: 12px; background: url('images/sidebar_arrow.gif') no-repeat top left; } #sidebar #get_recent_comments_wrap { padding: 0; } #sidebar #widget_wp_feedburner p { width: 100%; font-size: 12px; text-align: left; padding: 5px 0; margin: 0; color: #000; line-height: 16px; } #sidebar .feedform { display: block; float: left; width: 100%; clear: both; padding: 0; margin: 0; } #sidebar #widget_wp_feedburner p.feedp { color: #000; font-size: 11px; } #sidebar #widget_wp_feedburner input { float: left; font-size: 12px; padding-left: 3px; margin-right: 3px; width:165px; } #sidebar #widget_wp_feedburner input.abone { width:75px; } #sidebar #widget_wp_feedburner a.feedproxy { text-align: left; text-decoration: underline; background: none; display: inline; color: #000; } /* Comments Area */ .comments, .comments ul { margin:0; padding:0; list-style:none; background: #fff; clear: both; } .comments li { margin: 5px 0 15px 10px; font-size: 12px; clear: both; } .comments a {color:#5a7981;text-decoration:none;} .comments a:hover {color:#555;} .comments .name { float: left; width: 96px; text-align: center; overflow: hidden; padding: 5px 0 15px 10px; } .comments .name img { border: 1px solid #bfd5da; } .comments .name small { font-size: 12px; } .comments .text { float: right; width: 458px; min-height: 64px; text-align: left; padding: 5px 5px 5px 24px; font-size: 12px; display: inline; margin-right: 10px; background: url('images/comments_text_bg.gif') no-repeat top left;} .comments .textb { float: right; width: 447px; height: 5px; padding: 0 0 0 24px; font-size: 1px; display: inline; margin: 0 10px 10px 0; background: url('images/comments_textb_bg.gif') no-repeat;} /* Comment Respond */ #respond { padding: 0 5px; font-size: 12px; width: 610px; } #respond h2 { display: block; float: left; font-size: 16px; border: 0; margin: 20px 0 10px 5px; display: inline; color: #2a4e7f; font-weight: bold; } #respond form { float: left; margin: 0 auto; border: 0; padding: 0; padding-bottom: 5px; padding-top: 5px; } #respond p { padding: 0 0 10px 5px; line-height: 16px; } #respond form small { font-size: 11px; } #respond input#author, #respond input#url, #respond input#email, #respond textarea { border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; font: normal 12px Tahoma; padding: 2px; background: #fff url('images/input_bg.gif') repeat-x; } #respond input#author, #respond input#url, #respond input#email { width: 320px; } #respond textarea { width: 595px; height: 156px; line-height: 14px; overflow-x: hidden; overflow-y: auto; } #respond input#submit { float: right; cursor: pointer; margin-top: 2px; padding: 2px 2px 2px 2px; font-weight: normal; } #respond .subscribe-to-comments { float: left; width: 500px; padding: 10px 0 10px 5px; margin: 0; } /* misc */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { line-height: 17px; padding: 0 4px 5px; margin: 0; } /* footer */ #footer { background: url('images/footer_bg.png') no-repeat; color: #fff; width: 960px; margin: 0px auto; height: 180px; } #footer .left { float: left; width: 580px; height: 160px; overflow: hidden; padding: 10px; } #footer .right { float: right; text-align: center; font-size: 13px; width: 300px; padding: 10px; } #footer .right .logo_s { padding-bottom: 4px; } #footer a { color: #fff;text-decoration: none; } #footer a:hover { color: #e1e1e2; text-decoration: underline; } /* Begin Contact Form CSS */ .contactform { position: static; overflow: hidden; width: 600px; } .contactleft { width: 15%; white-space: pre; text-align: right; clear: both; float: left; display: inline; padding: 4px; margin: 5px 0; } .contactright { width: 80%; text-align: left; float: right; display: inline; padding: 4px; margin: 5px 0; } .contactright select, .contactright input, .contactright textarea { border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; font: normal 12px Tahoma; padding: 1px; } .contactright input, .contactright select { width: 220px; font: normal 12px Tahoma; } .contactright textarea{ width: 400px; height: 220px; } .contactright #contactsubmit { cursor:pointer; margin-left:312px; padding:8px 5px 7px; width:90px; } .contacterror { border: 1px solid #ff9595; background: #ffcfcf; } /* End Contact Form CSS */