/* Theme Name: Function Theme URI: http://teknolan.net/2011/12/21/function-v3-wordpress-temasi-turkce/ Description: Teknolan.Net Author: Onur Author URI: www.teknolan.net Version: v3 Tags: Teknolan.TK Tema, Function v2 Tema TR, Gri-Siyah-Beyaz Wordpress Teması */ /************************************************ * Resets * ************************************************/ html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {margin:0; padding:0; border:0; vertical-align:baseline; color:#222;} :focus {outline:0;} body {line-height:1;} ul, ol {list-style:none;} h1, h2, h3, h4, h5, h6 {font-size:1em;} /************************************************ * General elements * ************************************************/ body { line-height:1; background:#E2E5E7 url(images/background.jpg) left top repeat-x; font-family:Tahoma, Lucida Grande, Verdana, Arial, Helvetica; text-align:center; font-size:16px; margin:0 auto; } Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center;} h1, h2, h3, h4, h5, h6 {font-family:Rockwell, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif;} a {color:#0D3F6F; text-decoration:none;} a:hover {color:#222;} blockquote {font-style:italic; background:#eee; padding:.4em 1em .7em 1em; margin:.7em 0; border:1px solid #dedede;} code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;} hr {border:1px solid #ccc;} pre {overflow:auto; width:500px; background:#dededd; padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */} dl {} dt {font-weight:bold;} dd {padding-left:1em;} table {margin:.5em 0;} table th {color:#000;} table td, table th {padding:.5em .7em;} table th {background:#ddd; text-transform:uppercase; border-bottom:1px transparent;} table td {background:#ccc;} table tr.even td {background:#bbb;} table tr:hover td{background:#ccc;} fieldset {padding:1.2em; border:1px dashed #a8ef9d;} legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;} input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em; border:1px solid #ddd;} input, textarea {padding:.3em;} input.radio, input.checkbox {padding:2px;} form label {font-weight:bold; display:block;} /************************************************ * General * ************************************************/ #page {background:url(images/headerbg.jpg) top center no-repeat;} #wrapper {margin:0 auto; padding:0; text-align:left; width:960px;} .cleared {clear:both;} /************************************************ * Istatistik * ************************************************/ li.tarih {padding: 1px 0px 2px 24px; margin: 0px 10px 0px 0px; float: left; width: 110px; height: 15px; background: url('http://www.kumarsitelerim.com/wp-content/themes/Function/images/tarih.png') no-repeat; font-family: verdana; font-size: 11px;} li.yazar {padding: 1px 0px 2px 24px; margin: 0px 10px 0px 0px; float: left; width: 110px; height: 15px; background: url('http://www.kumarsitelerim.com/wp-content/themes/Function/images/yazar.png') no-repeat; font-family: verdana; font-size: 11px;} li.kategori {padding: 1px 0px 2px 24px; margin: 0px 10px 0px 0px; float: left; width: 110px; height: 15px; background: url('images/kategori.png') no-repeat; font-family: verdana; font-size: 11px;} li.yorum {padding: 1px 0px 2px 24px; margin: 0px 10px 0px 0px; float: left; font-family: verdana; width: 110px; height: 15px; background: url('images/yorum.png') no-repeat; font-size: 11px;} li.okunma {padding: 1px 0px 2px 24px; margin: 0px 10px 0px 0px; float: left; width: 110px; height: 15px; background: url('images/okunmasayisi.png') no-repeat; font-family: verdana; font-size: 11px;} li.devami {background-repeat: no-repeat; padding: 0px 0 0px 19px; background-position: center left; background-image: url(images/devaminioku.png); font-family: verdana; font-size: 11px;} li.etiket {background-repeat: no-repeat; float: left; padding: 0px 0 0px 19px; background-position: center left; background-image: url(images/etiket.png);} .fix li {background-repeat: no-repeat; float: right; padding: 0px 9px 0px 19px; list-style-type: none;} .fix li a{color: black; text-decoration: none;} .yasla.li {float: right;} /************************************************ * Header (and some parts in the footer too) * ************************************************/ #header {height:152px; padding-bottom:6px;} #top .topmenu {float:left; width:700px; height:32px;} #top .topmenu li {float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;} #top .topmenu li a {color:#999; font-size:.6em; text-shadow:0 0 4px #000;} #top .topmenu li a:hover {color:#efefef;} #top .topmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;} #top .search, #bottom .search {float:right; width:250px; text-align:right; line-height:33px;} #top .searchform input, #bottom .searchform input {padding:2px 3px;} #top .searchbox, #bottom .searchbox {width:150px; font-size:.8em; color:#555; border:1px solid #ddd; background:#dcdcdc url(images/formbg.gif) top left repeat-x; border:1px solid #dcdcdc; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #top .searchbox:hover, #bottom .searchbox:hover {color:#111;} #top .submitbutton, #bottom .submitbutton {font-size:1em; cursor:pointer; background:#505252 url(images/buttonbg.gif) top left repeat-x; color:#efefef; font-size:0.8em; border:none; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #top .submitbutton:hover, #bottom .submitbutton:hover {background:#505252;} #logo {float:left; width:480px; margin:30px 0 0 0;} #logo h1 a {color:#eee; font-size:1.9em; font-weight:normal; text-shadow:0 0 1px #666, 0 0 4px #111;} #logo h1 a:hover {color:#B3D3EA;} #logo #desc {font-size:.8em; color:#999; margin-top:.3em; line-height:1.3em; text-shadow:0 0 1px #333, 0 0 4px #111;} #headerbanner {float:right; width:468px; margin:30px 0 0 0;} #headerbanner h3, #headerbanner div {color:#ddd;} #headerbanner h3 {font-size:1.1em;} #headerbanner p {color:#FFFFFF;} #catnav {font-size:.8em; text-shadow:0 0 1px #aaa, 0 0 5px #fff;} #twitter {float:right; width:468px; margin:30px 0 0 0; text-align:right; font-size:.8em; line-height:1.4em; color:#ddd; text-shadow:0 0 1px #444, 0 0 4px #FFFFFF;} #twitter h3, #twitter div {color:#FFFFFF;} #twitter h3 {font-size:1.1em;} #twitter p {color:#FFFFFF;} #twitter a {color:#FFFFFF; border-bottom:1px dashed #FFFFFF;} #twitter a:hover {color:#FFFFFF; border-bottom:1px dashed #FFFFFF;} /************************************************ * Content * ************************************************/ #main {padding:12px 0 15px 0; text-shadow:0 0 1px #aaa, 0 0 4px #fff;} #content {float:left; width:620px;} #contentfull {float:left; width:960px;} h2#contentdesc {font-weight:normal; font-size:1em; text-transform:capitalize;} h2#contentdesc span {color:#225990;} .archivesbox {padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.png) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .post {padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.png) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .sticky {background:none;} .posttop h2.posttitle a {color:#232323; font-size:1em;} .posttop h2.posttitle a:hover {color:#010101;} .posttop h3.posttitle a {color:#232323; font-size:1em;} .posttop h3.posttitle a:hover {color:#010101;} .postmetatop {font-size:0.7em; padding-top:7px; line-height:1.5em; color:#666;} .postmetatop a {color:#333;} .postmetatop a:hover {color:#225990;} .postcontent {margin:.8em 0; font-size:0.8em; line-height:1.5em;} .postcontent h1 {padding:.8em 0; font-size:1.5em;} .postcontent h2 {padding:.8em 0; font-size:1.4em;} .postcontent h3 {padding:1em 0 0 0; font-size:1.3em;} .postcontent h4 {padding:1em 0 0 0; font-size:1.2em;} .postcontent h5 {padding:1em 0 0 0; font-size:1.1em;} .postcontent h6 {padding:1em 0 0 0; font-size:1em;} .postcontent p {padding:.6em 0 .2em 0;} .postcontent p a:hover, .postcontent ul a:hover, .postcontent ol a:hover {background:#dceeff; color:#010101;} .postcontent a.more-link {} .postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;} .postcontent ul li {list-style:disc;} .postcontent ol li {list-style:decimal;} .postmetabottom {background:#FFFFFF; padding:10px; font-size:0.75em; line-height:16px; margin-top:10px; border:1px solid #dedede; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .postmetabottom a {color:#444;} .postmetabottom a:hover {color:#222;} .postmetabottom .tags {color:#555; float:left; width:385px; background:url(http://www.kumarsitelerim.com/wp-content/themes/Function/images/tags.gif) left 1px no-repeat; padding-left:20px;} .postmetabottom .tags1 {color:#555; float:left; width:385px; background:url(http://www.kumarsitelerim.com/wp-content/themes/Function/images/comments.gif) left 1px no-repeat; padding-left:20px;} .postmetabottom .metacomments {float:right; width:130px; text-align:right;} .postmetabottom .metacomments span {background:url(http://www.kumarsitelerim.com/wp-content/themes/Function/images/comments.gif) left 3px no-repeat; padding-left:20px;} /************************************************ * Navigation * ************************************************/ #navigation {line-height:1.8em; margin-bottom:10px;} #navigation a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #navigation a:hover {color:#222; border:1px solid #aaa;} #navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #navigation .wp-pagenavi a:hover {color:#225990; border:1px solid #aaa;} #navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:#fff; color:#222; border:1px solid #d1d1d1; margin:0 5px 0 0; /* optional rounded corners for browsers that support it */ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #navigation .wp-pagenavi span.current {margin:0 2px;} /************************************************ * Comments * ************************************************/ #comments {margin:0 0 15px 0;} #commentsbox {padding:15px 20px 0px 20px; background:#fff url(images/graygrad.png) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #comments h3 {font-size:1em; font-weight:bold;} #comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:#f0f0f0; border:1px solid #dedede; /* optional rounded corners for browsers that support it */ -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #comments ul.commentlist li.alt {background:#e3e3e3; border:1px solid #ddd;} #comments ul.commentlist li ul.children li {margin:20px 0 0 20px;} #comments img.avatar {float:left; margin:0 20px 0 0;} #comments .commentbody .author {font-size:.9em; margin-bottom:10px;} #comments .commentbody .author a {border-bottom:1px dashed #666;} #comments .commentbody .author a:hover {color:#333;} #comments .commentbody .commentmetadata {font-size:.7em; color:#666; margin-bottom:25px;} #comments .commentbody .commentmetadata a {color:#666;} #comments .commentbody em {margin-bottom:10px; color:#333; display:block; font-size:.8em; font-style:normal;} #comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;} #comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#fff; color:#222; border:1px solid #dedede; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #comments .reply a:hover {background:#ccc; color:#000;} #comments h3#trackbacktitle {padding-top:15px;} #comments ul.trackback {margin:5px 0 15px 0; padding:15px 20px 1px 20px; background:#f0f0f0; border:1px solid #dedede; /* optional rounded corners for browsers that support it */ -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #comments ul.trackback li {margin-bottom:12px; font-size:.85em;} #comments ul.trackback li .commentbody .author {margin:0;} #comments a#cancel-comment-reply-link {display:block; padding:8px 0;} #comments a#cancel-comment-reply-link:hover {color:#ccc;} #comments p.nocomments {font-size:.8em; line-height:1.2em; padding:5px 0;} #comments #respond {margin-top:15px; padding:15px 20px; background:#fff url(images/graygrad.png) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #comments #respond h3 {padding-bottom:15px;} #comments #respond p {padding:.4em 0 0 0;} #comments #respond p label {font-size:.8em; font-weight:normal;} #comments #respond input {padding:5px; width:200px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #comments #respond textarea {width:500px; padding:10px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #comments #respond .submitbutton {color:#eee; background:#505252 url(images/buttonbg.gif) top left repeat-x; padding:6px; border:1px solid #aaa; line-height:1.4em; font-size:.8em; width:auto; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #comments #respond .submitbutton:hover {cursor:pointer; color:#fff; border:1px solid #666;} #comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;} /************************************************ * Sidebar * ************************************************/ #sidebar {float:right; width:330px; font-size:0.8em; line-height:1.4em;} #sidebar ul li.boxed {padding:15px; margin-bottom:10px; background:#fff url(images/graygrad.png) top left repeat-x; border:1px solid #d1d1d1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #sidebar h3 {font-weight:bold; font-size:1.2em; margin-bottom:10px;} #sidebar ul ul li {margin-bottom:8px;} #sidebar ul ul li a {display:block; padding:8px; background:#FFFFFF; color:#222; border:1px solid #dedede; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #sidebar ul ul li a:hover {background:#dcdcdc; color:#111; border:#1px solid #d9d9d9;} #sidebar p {padding:5px 0 5px 0;} #sidebar p a {} #sidebar p a:hover {background:#dceeff; color:#010101;} #sidebar img {border:none; } #tag_cloud a, .widget_tag_cloud a {display:inline;} #tag_cloud a:hover {color:#333;} li#tagbox a:hover {color:#333;} #sidebar ul.children li {margin:8px 0 0 0;} #sidebar ul.children {margin-bottom:0;} /************************************************ * Footer * ************************************************/ #footerwrapper {background:#090909 url(images/footerbg.gif) left top repeat-x; text-shadow:0 0 4px #000;} #bottom {padding-top:6px;} #bottom .botmenu {float:left; width:700px;} #bottom .botmenu li {float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;} #bottom .botmenu li a {color:#999; font-size:.6em;} #bottom .botmenu li a:hover {color:#efefef;} #bottom .botmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;} #footer {margin:0 auto; padding:0; text-align:left; width:960px; color:#ddd;} #footer div {color:#ddd;} #footer span {color:#666;} #footerwidgets {margin-top:10px;} #footerwidgets p {font-size:.75em; padding:0 0 1em 0;} #footerwidgets ul li ul {margin-top:5px;} #footerwidgets label {color:#ddd; font-size:.8em;} #footer .foot1 {float:left; width:215px; margin:15px 0 0 0; display:inline;} #footer .foot2 {float:left; width:215px; margin:15px 35px 0 35px;} #footer .foot3 {float:left; width:215px; margin:15px 35px 0 0;} #footer .foot4 {float:left; width:210px; margin:15px 0 0 0;} #footer h3 {font-weight:normal; font-size:1.3em; margin-bottom:.4em; color:#eee;} #footer a {color:#999;} #footer a:hover {color:#efefef;} #footer p {line-height:1.5em; color:#999; padding:.3em 0 .7em 0; font-size:.8em;} #footer ul li {margin-bottom:20px; color:#aaa;} #footer ul ul li {line-height:1.2em; margin-bottom:8px; font-size:.8em;} #credits { margin-top:.5em; text-transform:none; padding:.2em 0; } #footer #credits p { line-height:1.2em; color:#555; font-size:9pt; } #footer #credits a { color:#555; text-decoration:none; } #credits #creditsleft { float:left; width:740px; } #credits #creditsleft .footmenu li { float:left; line-height:1.6em; font-size:9pt; margin:0 .4em 0 0; padding:.4em 1.5em 1em 0; } #credits #creditsright { float:right; width:200px; text-align:right; } /************************************************ * WP related * ************************************************/ .alignleft {float:left; margin:10px 15px 6px 0;} .alignright {float:right; margin:10px 0 6px 15px;} .aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;} img.alignleft {float:left; margin:10px 15px 6px 0;} img.alignright {float:right; margin:10px 0 6px 15px;} img.aligncenter {margin:10px auto; text-align:center; display:block;} .wp-caption {text-align:center; background:#eee; border:1px solid #ddd; padding-top:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .wp-caption img {padding:0; margin:0; border:0 none;} .wp-caption img:hover {border:0 none;} .wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} /************************************************ * ADS * ************************************************/ .rcerceve {padding:15px 20px; margin-bottom:10px; background:#fff url(images/graygrad.png) top left repeat-x; border:1px solid #d1d1d1 display:1; /* optional rounded corners for browsers that support it */ -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .banner_alan {float:left;margin:10px 0px 5px 0px;width:580px;height:84px;background: url(images/banner_zemin.jpg) no-repeat; } .banner468 {float:left;width:468px;height:60px;background: #FFF;margin:11px 0px 0px 12px;} a.sp {display:block;width:77px;height:61px;float:left;margin:11px 0px 0px 12px;background: url(images/sponsor.jpg) no-repeat;text-indent: -999em;}