Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj05.02.2012, 12:10 (UTC)    
Mesaj konusu: Guzel Bir Css Tasarim.

ON İZİMLEME
http://polat-media.tr.gg/-Oe-N-%26%23304%3BZ%26%23304%3BMLEME.htm



ÜST
<!-- Start Of Script Generated By WP-PageNavi 2.40 -->
<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/plugins/wp-pagenavi/pagenavi-css.css" type="text/css" media="screen" />
<!-- End Of Script Generated By WP-PageNavi 2.40 -->
<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/style.css" type="text/css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/style-ie6.css" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/jquery.jcarousel.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/skin.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/pngfix.js"></script>

<script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.min.js"></script>
<script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.lavalamp.1.3.2-min.js"></script>
<script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/js/superfish.js"></script>
<script type="text/javascript">
function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});

carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};

$(document).ready(function(){
// dropdown
$("ul.superfish").superfish();

// featured carousel effect
jQuery('#mycarousel').jcarousel({
auto: 3,
scroll:1,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
</script>

</head>
<body>
<div id="base">
<div id="header">
<div id="page-menu" class="clearfix">
<script type="text/javascript">
$(function() {
$('#nav1').lavaLamp({fx: 'swing', speed: 333,click: function(event, menuItem) {return true;}});
});
</script>
<ul id="nav1" class="left">
<li class="current_page_item" style="border:0; "><a href="http://wpcrunchy.com/preview/wordpress">Home</a></li>
<li class="page_item page-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=5" title="About">About</a></li>

<li class="page_item page-item-55"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=55" title="Design">Design</a></li>
<li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li>
<li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a></li>
</ul>
<div id="rss-button" class="right clearfix">
<a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2" class="left">POST</a>
<a href="http://wpcrunchy.com/preview/wordpress/?feed=comments-rss2" class="left">COMMENTS</a>
</div>

</div>
<div id="logo">
<div class="logo-image clearfix">
<a class="left" href="http://wpcrunchy.com/preview/wordpress">
<img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/images/logo.png" border="0" alt="Logo" />
</a>
<div class="ads-topwide right">
<div style="background:#fff; width:468px; height:60px; "><script type="text/javascript"><!--
google_ad_client = "pub-0377106167236732";
/* themepreview 468x60, created 3/29/09 */
google_ad_slot = "5588857661";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>

<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
</div>
</div>
</div>
<div id="category-menu" class="clearfix">
<ul class="nav superfish">
<li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" >Apple</a>
<ul class='children'>
<li class="cat-item cat-item-19"><a href="http://wpcrunchy.com/preview/wordpress/?cat=19" >Desktop PC</a>

<ul class='children'>
<li class="cat-item cat-item-20"><a href="http://wpcrunchy.com/preview/wordpress/?cat=20" >Mac Notebook</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-18"><a href="http://wpcrunchy.com/preview/wordpress/?cat=18" >Ipod</a>
</li>
<li class="cat-item cat-item-17"><a href="http://wpcrunchy.com/preview/wordpress/?cat=17" >Phone</a>
<ul class='children'>

<li class="cat-item cat-item-21"><a href="http://wpcrunchy.com/preview/wordpress/?cat=21" >Iphone</a>
</li>
<li class="cat-item cat-item-22"><a href="http://wpcrunchy.com/preview/wordpress/?cat=22" >Iphone 3G</a>
<ul class='children'>
<li class="cat-item cat-item-23"><a href="http://wpcrunchy.com/preview/wordpress/?cat=23" >Application</a>
</li>
<li class="cat-item cat-item-24"><a href="http://wpcrunchy.com/preview/wordpress/?cat=24" >Themes</a>
</li>

</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" >Featured</a>
</li>
<li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" >Hotel</a>
</li>
<li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" >HTML</a>

</li>
<li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" >Internet</a>
</li>
<li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" >Introduction</a>
</li>
<li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" >Movie</a>
</li>
<li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" >Programming</a>
</li>

<li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" >Six Preview</a>
</li>
<li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" >Web</a>
</li>
</ul>
</div>
</div>

<div class="shadow"></div>
<div id="main">

<div id="content-body" class="clearfix">
<!-- post -->
<div id="posts" class="left">
<div class="slideshow irelative">
<div class="hangtext">What's new</div>
<div class="slider">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><a href="http://wpcrunchy.com/preview/wordpress/?p=35"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/twilight07dp7.jpg&w=590&h=280&zc=1" border="0" alt="Twilight Movie and Book" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></strong><span><p style="line-height:18px; ">Mauris faucibus velit ac lorem. Aliquam auctor laoreet erat. Phasellus luctus odio nec risus. Cum sociis [...]</p></span></div></li>

<li><a href="http://wpcrunchy.com/preview/wordpress/?p=31"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/index4a.jpg&w=590&h=280&zc=1" border="0" alt="Ponce Suites, Davao City, Philippines" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></strong><span><p style="line-height:18px; ">Suspendisse aliquet sem ut nulla. Cras mollis ornare nisl. Morbi ac mi. Nunc eget nisi. Donec at enim. [...]</p></span></div></li>
<li><a href="http://wpcrunchy.com/preview/wordpress/?p=28"><img src="http://wpcrunchy.com/preview/wordpress/wp-content/themes/obscure/timthumb.php?src=http://wpcrunchy.com/preview/bmag/wp-content/uploads/2009/03/final_fantasy_vii_advent_children.jpg&w=590&h=280&zc=1" border="0" alt="Final Fantasy: Advent Children" /></a><div class="abstitle"><strong><a href="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></strong><span><p style="line-height:18px; ">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime [...]</p></span></div></li>
</ul>
</div>
</div>
<div class="post">
<div class="post-head clearfix">

<h1 class="post-heading left"><a href="http://wpcrunchy.com/preview/wordpress/?p=35" title="Permalink to Twilight Movie and Book">Twilight Movie and Book</a></h1>
<h1 class="post-meta right">March 29th, 2009</h1>
</div>
<div class="post-body clearfix">
ALT
</div>
</div>
</div>
<!-- sidebar -->

<div id="sidebar" class="right">
<div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Pages</h2> <ul>
<li class="page_item page-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=5" title="About">About</a></li>
<li class="page_item page-item-55"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=55" title="Design">Design</a></li>
<li class="page_item page-item-57"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=57" title="Photoshop">Photoshop</a></li>
<li class="page_item page-item-40"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=40" title="PROGRAMMING">PROGRAMMING</a>
<ul>
<li class="page_item page-item-42"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=42" title="Javascript">Javascript</a>

<ul>
<li class="page_item page-item-53"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=53" title="AJAX">AJAX</a></li>
</ul>
</li>
<li class="page_item page-item-48"><a href="http://wpcrunchy.com/preview/wordpress/?page_id=48" title="PHP">PHP</a></li>
</ul>
</li>
</ul>
</div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Archives</h2> <ul>

<li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>
</ul>
</div><div class="widget-foot"></div></div><div class="widget" id="%1$s"><div class="widget-body"><h2 class="widget-title">Categories</h2> <ul>
<li class="cat-item cat-item-3"><a href="http://wpcrunchy.com/preview/wordpress/?cat=3" title="View all posts filed under Apple">Apple</a>
</li>
<li class="cat-item cat-item-4"><a href="http://wpcrunchy.com/preview/wordpress/?cat=4" title="View all posts filed under Featured">Featured</a>
</li>
<li class="cat-item cat-item-5"><a href="http://wpcrunchy.com/preview/wordpress/?cat=5" title="View all posts filed under Hotel">Hotel</a>

</li>
<li class="cat-item cat-item-6"><a href="http://wpcrunchy.com/preview/wordpress/?cat=6" title="View all posts filed under HTML">HTML</a>
</li>
<li class="cat-item cat-item-7"><a href="http://wpcrunchy.com/preview/wordpress/?cat=7" title="View all posts filed under Internet">Internet</a>
</li>
<li class="cat-item cat-item-8"><a href="http://wpcrunchy.com/preview/wordpress/?cat=8" title="View all posts filed under Introduction">Introduction</a>
</li>
<li class="cat-item cat-item-9"><a href="http://wpcrunchy.com/preview/wordpress/?cat=9" title="View all posts filed under Movie">Movie</a>
</li>

<li class="cat-item cat-item-10"><a href="http://wpcrunchy.com/preview/wordpress/?cat=10" title="View all posts filed under Programming">Programming</a>
</li>
<li class="cat-item cat-item-25"><a href="http://wpcrunchy.com/preview/wordpress/?cat=25" title="View all posts filed under Six Preview">Six Preview</a>
</li>
<li class="cat-item cat-item-11"><a href="http://wpcrunchy.com/preview/wordpress/?cat=11" title="View all posts filed under Web">Web</a>
</li>
</ul>
</div><div class="widget-foot"></div></div><div class="widget">
<div class="widget-body">

<h2 class="widget-title">Subscribe + Follow</h2>
<div>
Sign up to receive breaking news as well as receive other site updates. Alternatively you can subscribe to our <a href="http://wpcrunchy.com/preview/wordpress/?feed=rss2">RSS feed</a> or follow us at <a href="http://twitter.com/Wpcrunchy">Twitter</a>.<br/><br/>
<form style="padding:0; margin:0; " action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Wpcrunchy', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" class="rss-subscribe text" name="email" id="email" value="Type in email adress and hit Enter..." onblur="if (this.value == '') {this.value = 'Type in email adress and hit Enter...';}" onfocus="if (this.value == 'Type in email adress and hit Enter...') {this.value = '';}" />

<input type="hidden" value="Wpcrunchy" name="uri"/><input type="hidden" name="loc" value="en_US"/>
</form>
</div>
</div>
<div class="widget-foot"></div>
</div> </div>
</div>
</div>
<div id="footer">

<div class="footer-content clearfix">

<div class="foot-box">

<h2>Recent Posts</h2>


<ul>


<li><a href="http://wpcrunchy.com/preview/wordpress/?p=35">Twilight Movie and Book</a></li>


<li><a href="http://wpcrunchy.com/preview/wordpress/?p=31">Ponce Suites, Davao City, Philippines</a></li>


<li><a href="http://wpcrunchy.com/preview/wordpress/?p=28">Final Fantasy: Advent Children</a></li>


<li><a href="http://wpcrunchy.com/preview/wordpress/?p=24">Gimme Gimme Extra Style</a></li>


<li><a href="http://wpcrunchy.com/preview/wordpress/?p=17">Styling all the elements</a></li>


</ul>

</div>



<div class="foot-box">

<h2>Archives</h2>

<ul>

<li><a href='http://wpcrunchy.com/preview/wordpress/?m=200903' title='March 2009'>March 2009</a></li>

</ul>

</div>



<div class="foot-box">

<h2>About Us</h2>

<div class="abouttext">

You can put anything you want here. An about page for example.
</div>

</div>

</div>

<div class="credits">

<div class="credits-content">

Powerd by <a href="http://wordpress.org" target="_blank">Wordpress</a> and <a href="http://wpcrunchy.com" target="_blank">Crunchy wordpress themes</a> | Designed by <a href="http://www.hostreviewgeeks.com">small business web hosting</a>. In collaboration of <a href="http://webhosting.reviewitonline.net/web_hosting_reviews/fatcow_review.htm">FatCow</a>, <a href="http://www.digitaldiscountcodes.com/Categories/Travel/">Travel Deals</a> Adaptado por<a href="http://www.pwg-designs.es.tl"> PwG-DesignS</a>

</div>

</div>

</div>

</div>


<!-- tracker added by Ultimate Google Analytics plugin v1.6.0: http://www.oratransplant.nl/uga -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-7411740-1");
pageTracker._initData();
pageTracker._trackPageview();

</script>

</body>

</html>

CSS

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*

Theme Name: Obscure

Theme URI: http://wpcrunchy.com

Description: Premium dark magazine wordpress theme by <a href="http://wpcrunchy.com">wpcrunchy</a> for free download. Built with in-demand features that can be access through admin panel.

Version: 1.0

Author: akosipau

Author URI: http://akosipau.com/

Tags: three column, dark, jquery, gray, white

*/



/* GLOBAL ELEMENTS

----------------------------------

*/



/* Resets

--------------------------

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-weight: inherit;

font-style: inherit;

font-size: 100%;

font-family: inherit;

vertical-align: baseline;

}

:focus {

outline: 0;

}

body {

line-height: 1;

font-size:11px;

font-family: Georgia, "Times New Roman", Times, serif;

background:#171615;

height: 100%;

}

html, body {

height: 100%;

}

ol, ul {

list-style: none;

}

table {

border-collapse: separate;

border-spacing: 0;

}

caption, th, td {

text-align: left;

font-weight: normal;

}

blockquote:before, blockquote:after, q:before, q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}

blockquote {

line-height: 1.2em;

font-style: italic;

padding: 5px 20px 5px 60px;

margin: 20px 0;

}

acronym {

cursor: help;

border-bottom: 1px dashed #333;

}

strong {

font-weight: bold;

}

em {

font-style: italic;

}

hr {

display: none;

}

a {

text-decoration:none;

color:#b0483b;

}

a:hover {

text-decoration:underline;

}

.right {

float: right;

}

.left {

float: left;

}

.hide {

display: none;

}

.irelative {

position:relative;

}

.text {

padding:5px;

font-family:Georgia, "Times New Roman", Times, serif;

}

.incomment {

padding:5px 0 !important;

}

.clear {

clear: both;

}

.clearfix:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}

.clearfix {

display: block;

}

html[xmlns] .clearfix {

display: block;

}

* html .clearfix {

height: 1%;

}



/* BASE STYLE

---------------------

*/



#base {

}



#header {

background:#252423;

background:url(http://img2.imageshack.us/i/headerbgs.png/) repeat-x top;

}



#main {

background:#e9e9e9 url(http://img3.imageshack.us/i/shadowbg.png/) repeat-x top;

padding-bottom:30px;

}



#footer {

background:#171615;

border-top:8px solid #707171;

}



/* header

---------------------

*/



#page-menu {

height:30px;

width:1000px;

margin:0 auto;

background:#171615;

border-bottom:1px solid #393837;

}



#nav1 {

padding-left:30px;

}



#nav1 li {

float: left;

list-style: none;

}



#nav1 li.backLava {

background:#393837;

width: 9px;

position: absolute;

border:0;

}



#nav1 li a {

color:#a4a5a1;

text-decoration:none;

text-align: center;

padding:11px 20px 10px 20px;

z-index: 10;

display: block;

position: relative;

margin: auto 5px;

text-transform:uppercase;

font-size:9px !important;

}



#nav1 li a:hover, #nav1 li a:active, #nav1 li.current_page_item a {

background:none !important;

}



#rss-button a {

color:#a4a5a1;

padding:11px 20px 10px 20px;

background:url(http://img171.imageshack.us/i/feedt.png/) no-repeat 0% 50%;

}



#rss-button a:hover {

text-decoration:none;

background:url(http://img2.imageshack.us/i/feed2.png/) no-repeat 0% 50%;

}



#logo {

height:180px;

width:1000px;

margin:0 auto;

}



#logo .logo-image {

padding:45px 20px 20px 20px;

color:#fff;

}



#logo .ads-topwide {

width:468px; height:60px; background:#a4a5a1; padding:10px;

}



#category-menu {

height:40px;

padding:0 10px;

background:#393b3b;

border-top:1px solid #4a4d4c;

width:980px;

margin:0 auto;

}



#category-menu ul {

margin: 0px;

padding-left: 0px;

list-style-type: none;

list-style-image: none;

float: left;

}



#category-menu ul li {

float: left;

display: block;

padding-left: 0px;

z-index:1000;

}



#category-menu ul li a:link,#category-menu ul li a:visited, #category-menu ul li a:active {

display: block;

color: #e1e2df;

padding: 15px 20px 16px 20px;

float: left;

margin: 0px;

text-transform:uppercase;

font-family: Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif;

font-size:9px !important;

letter-spacing:1.5px;

background:url(http://img171.imageshack.us/i/libg.jpg/) no-repeat right center;

}



#category-menu ul li a:hover {

background-color: #393b3b;

text-decoration:none !important;

color:#a4a5a1;

}



.nav, .nav * {margin:0;padding:0;list-style:none;}



.nav ul {position:absolute;top:-999em;}



.nav li {float:left;position:relative;z-index:99;}



.nav a {display:block;}



.nav ul li{width: 100%;}



.nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:40px;}



.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}



.nav li li:hover ul,ul.nav li li.sfHover ul {left:220px;top:0px;}



.nav li:hover ul,.nav li li:hover ul {top: -999em;}



/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/



.nav li li {

display: block;

padding: 0px;

height: auto !important;

}



.nav li:hover {

background-color: #393b3b !important;

}



.nav li li a:link, .nav li li a:visited {

width: 180px;

display: block;

background:none !important;

background-color: #666 !important;

height: auto !important;

color:#FFFFFF !important;

}



.nav li li a:hover {

background-color: #717171 !important;

text-decoration:none !important;

color:#FFFFFF !important;

}



/* Main

----------------------

*/



#content-body {

width:1000px;

margin:0 auto;

}



/* post */



#posts {

width:650px;

margin:0 auto 0 auto;

padding-top:15px;

}



#posts .heading {

padding:5px 20px;

color:#666666;

font-size: 2.6em;

letter-spacing:-0.04em;

line-height: 1.05em;

padding-bottom: 10px;

font-family: Helvetica, Arial, sans-serif;

text-transform:capitalize;

margin-bottom:20px;

}



#posts .slideshow {

padding:15px 20px;

}



#posts .slideshow .slider {

width:590px;

padding:10px;

height:280px;

background:#ffffff;

border-bottom:1px solid #dcdcdc;

border-right:1px solid #dcdcdc;

}



#posts .hangtext {

margin:0; padding:5px 10px;

width:auto; height:auto;

background:#b0483b;

position:absolute; display:block;

font:bold 1.5em Arial, Helvetica, sans-serif; color:#FFF;

top:40px; left:19px;

z-index:100;

}



#posts .post {

padding:5px 20px;

}



#posts .post .post-head {

background:url(http://img43.imageshack.us/i/postheadbar.png/) no-repeat bottom center;

border-bottom:1px solid #f1f1f1;

position:relative;

}



#posts .post h1.post-heading {

width:77%;

font-size: 2.6em;

letter-spacing:-0.04em;

line-height: 1.05em;

padding-bottom: 10px;

font-family: Helvetica, Arial, sans-serif;

text-transform:capitalize;

}



#posts .post h1.post-heading a {

color:#171615 !important;

}



#posts .post h1.post-heading a:hover {

color:#393b3b !important;

text-decoration:none !important;

}



#posts .post h1.post-meta {

width:135px;

letter-spacing:-0.04em;

line-height: 1.05em;

padding: 19px 5px 10px 0px;

font-weight:normal;

color:#666666;

text-align:right;

bottom:0;

right:0;

position:absolute;

}



#posts .post .post-thumb {

padding-top:10px;

}



#posts .post .post-thumb div {

padding:3px;

border:1px solid #ccc;

}



#posts .post .post-thumb img {

border:0;

padding:0;

margin:0;

}



#posts .post .post-content-full {

padding-top:10px;

line-height:18px;

}



#posts .post .post-content-full p {

padding:5px 0;

}



#posts .post .post-content-full blockquote {

font-size:1.5em;

color:#a1a1a1;

background:url(http://img3.imageshack.us/i/blockquote.png/) no-repeat 3% 0;

}



#posts .post .post-content-full ul, #posts .post .post-content-full ol {

padding-left:15px;

}



#posts .post .post-content-full ul li {

list-style-type:circle;

}



#posts .post .post-content-full ol li {

list-style-type:decimal;

}



#posts .post .post-content-full .post-image {

padding:10px;

background:#fff;

border-right:1px solid #dcdcdc;

border-left:1px solid #dcdcdc;

border-bottom:1px solid #dcdcdc;

}



/* header */



#posts .post .post-content-full h2, #posts .post .post-content-full h3, #posts .post .post-content-full h4, #posts .post .post-content-full h5, #posts .post .post-content-full h6 {

letter-spacing:-0.04em;

line-height: 1.05em;

padding:10px 0;

color:#393b3b;

text-transform:capitalize;

}



#posts .post .post-content-full h2 {

font-size: 2.5em;

}



#posts .post .post-content-full h3 {

font-size: 2.2em;

}



#posts .post .post-content-full h4 {

font-size: 2em;

}



#posts .post .post-content-full h5 {

font-size: 1.8em;

}



#posts .post .post-content-full h6 {

font-size: 1.5em;

}



/* custom style - credits to themehybrid*/



#posts .post .post-content-full p.note {

display:block;

margin:10px;

padding:10px;

background:#eff1e1;

border:1px solid #e2e2e2;

}



#posts .post .post-content-full p.warning {

display:block;

margin:10px;

padding:10px;

background:#fffbbc;

border:1px solid #e6db55;

}



#posts .post .post-content-full p.download {

display:block;

margin:10px;

padding:10px;

background:#e7f7d3;

border:1px solid #66cc33;

}



#posts .post .post-bookmark {

width:410px;

padding:20px 0 30px 0;

margin:0 auto;

}



#posts .post .post-bookmark a {

display:block;

height:48px;

width:48px;

padding:0 10px;

float:left;

}



#posts .post .post-bookmark a.rss {

background:url(http://img15.imageshack.us/i/socialrss.png/) no-repeat top center;

}



#posts .post .post-bookmark a.rss:hover {

background:url(http://img15.imageshack.us/i/socialrss2.png/) no-repeat top center;

}



#posts .post .post-bookmark a.digg {

background:url(http://img15.imageshack.us/i/socialdigg.png/) no-repeat top center;

}



#posts .post .post-bookmark a.digg:hover {

background:url(http://img2.imageshack.us/i/socialdelicious2.png/) no-repeat top center;

}



#posts .post .post-bookmark a.delicious {

background:url(http://img3.imageshack.us/i/socialdelicious.png/) no-repeat top center;

}



#posts .post .post-bookmark a.delicious:hover {

background:url(http://img3.imageshack.us/i/socialdigg2.png/) no-repeat top center;

}



#posts .post .post-bookmark a.stumbleupon {

background:url(http://img43.imageshack.us/i/socialstumble.png/) no-repeat top center;

}



#posts .post .post-bookmark a.stumbleupon:hover {

background:url(http://img509.imageshack.us/i/socialstumble2.png/) no-repeat top center;

}



#posts .post .post-bookmark a.technorati {

background:url(http://img43.imageshack.us/i/socialtechnorati.png/) no-repeat top center;

}



#posts .post .post-bookmark a.technorati:hover {

background:url(http://img509.imageshack.us/i/socialtechnorati2.png/) no-repeat top center;

}



#posts .post .post-bookmark a.twitter {

background:url(http://img197.imageshack.us/i/socialtwitter.png/) no-repeat top center;

}



#posts .post .post-bookmark a.twitter:hover {

background:url(http://img171.imageshack.us/i/socialtwitter2.png/) no-repeat top center;

}



#posts .post .post-foot {

margin-bottom:20px;

padding:10px 8px;

background:#f3f3f3;

border-top:1px solid #e2e2e2;

border-bottom:1px solid #e2e2e2;

}



#posts .post .post-meta li {

float:left;

height:14px;

}





/* meta */



#posts .post .post-meta li.meta-author {

background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 0px -1px;

padding-left:20px;

padding-right:10px;

}



#posts .post .post-meta li.meta-share {

float:right !important;

}



#posts .post .post-meta li.meta-date {

background:url(http://img43.imageshack.us/i/calendars.png/) no-repeat 0px -2px;

padding-left:20px;

padding-right:10px;

}



#posts .post .post-meta li.meta-comment {

background:url(http://img43.imageshack.us/i/commentg.png/) no-repeat 0px -1px;

padding-left:20px;

padding-right:10px;

}



#posts .post .post-meta li.meta-category {

background:url(http://img509.imageshack.us/i/category.png/) no-repeat 0px -1px;

padding-left:20px;

padding-right:10px;

}



#posts .post-navigation {

margin-top:10px;

padding:15px 10px;

background:#fff;

font-size:1.2em;

border-top:1px solid #e2e2e2;

border-bottom:1px solid #e2e2e2;

}



#posts .post .post-content-half {

padding-top:10px;

width:430px;

}



/* sidebar */



#sidebar {

padding-top:30px;

width:340px;

margin:0 auto;

line-height:18px;

}



#sidebar .widget {

width:320px;

padding-top:20px;

margin-bottom:20px;

background:url(http://img9.imageshack.us/i/widgetheadbg.png/) no-repeat top center;

}



#sidebar .widget .widget-body {

width:280px;

padding:0 20px 10px 20px;

background:url(http://img509.imageshack.us/i/widgetbodybg.png/) repeat-y;

}



#sidebar .widget .widget-body h2.widget-title {

font-size: 2.0em;

letter-spacing:-0.04em;

line-height: 1.05em;

padding-bottom: 15px;

font-family: Helvetica, Arial, sans-serif;

color:#393b3b;

text-transform:capitalize;

}



#sidebar .widget .widget-body ul li {

padding:10px 0;

border-bottom:1px solid #d1d1d1;

}



#sidebar .widget .widget-body .rss-subscribe {

border:3px solid #ccc; padding:8px; width:255px;

background: #fff url(httpshack.us/i/commentg.png/://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;

color:#999;

}



/* search widget */



#sidebar .search_widget fieldset {

margin: 0;

padding: 0;

}



#sidebar .search_widget .search_term {

display: block;

margin: 0 auto;

border: 3px solid #ccc;

padding: 8px;

padding-right: 24px;

width: 240px;

background: #fff url(http://img197.imageshack.us/i/searchiconk.png/) no-repeat 98% 50%;

}



#sidebar .widget .widget-foot {

width:320px;

height:13px;

background:url(http://img2.imageshack.us/i/widgetfooterbg.png/) no-repeat top center;

}



/* widget body elements */



.widget-body ul li {

padding:15px 10px 15px 5px;

background:url(images/hr-image.png) repeat-x bottom center;

}



.ads125box {

height:125px; width:125px; background:#CCCCCC; float:left; margin:5px 0 0px 5px;

}



.ads125box img {

border:0;

}



/* Comments

----------------------

*/



#comments {

padding:20px 10px;

background:#fff;

border-top:1px solid #e2e2e2;

border-bottom:1px solid #e2e2e2;

}



#comments h3 {

font-size: 2.0em;

letter-spacing:-0.04em;

line-height: 1.05em;

padding-bottom: 15px;

font-family: Helvetica, Arial, sans-serif;

color:#393b3b;

text-transform:capitalize;

border-bottom:3px solid #555;

}



#comments .comment-meta h2 {

font-size: 1.8em;

letter-spacing:-0.04em;

line-height: 1.05em;

padding-bottom: 15px;

color:#393b3b;

text-transform:capitalize;

}



#comments .comment-meta span {

font-size: 1.2em;

letter-spacing:-0.04em;

line-height: 1.05em;

padding-bottom: 15px;

color:#393b3b;

text-transform:capitalize;

}



#comments .comment-box {

padding-top:20px;

}



#comments .comment-box .comment-body {

padding:20px 10px 20px 10px;

line-height:18px;

border-bottom:1px solid #ccc;

margin-bottom:20px;

}



#comments .comment-author-box {

width:300px;

border-top:2px solid #9a9a9a;

border-left:2px solid #9a9a9a;

border-right:1px solid #dcdcdc;

border-bottom:1px solid #dcdcdc;

padding-right:24px;

background:url(http://img3.imageshack.us/i/userk.png/) no-repeat 98% 50%;

}



#comments .comment-email-box {

width:300px;

border-top:2px solid #9a9a9a;

border-left:2px solid #9a9a9a;

border-right:1px solid #dcdcdc;

border-bottom:1px solid #dcdcdc;

padding-right:24px;

background:url(http://img15.imageshack.us/i/emailqg.png/) no-repeat 98% 50%;

}



#comments .comment-url-box {

width:300px;

border-top:2px solid #9a9a9a;

border-left:2px solid #9a9a9a;

border-right:1px solid #dcdcdc;

border-bottom:1px solid #dcdcdc;

padding-right:24px;

background:url(http://img171.imageshack.us/i/linkvf.png/) no-repeat 98% 50%;

}



#comments .comment-textarea-box {

border-top:2px solid #9a9a9a;

border-left:2px solid #9a9a9a;

border-right:1px solid #dcdcdc;

border-bottom:1px solid #dcdcdc;

}



#comments .submitbtn, #comments .resetbtn {

padding:8px 12px;

margin-right:10px;

border:0;

background:#2d2d2d;

color:#fff;

font-family: Georgia, "Times New Roman", Times, serif;

cursor:pointer;

}



#comments .submitbtn:hover, #comments .resetbtn:hover {

background:#3c3c3c;

}



/* Footer

----------------------

*/



#footer .footer-content {

width:960px;

margin:0 auto;

padding:20px;

}



#footer .foot-box {

width:320px;

float:left;

}



#footer h2 {

font-size:1.8em;

font-weight:bold;

font-family: Helvetica, Arial, sans-serif;

color:#fff;

padding-bottom:15px;

width:250px;

border-bottom:1px solid #292827;

}



#footer div.abouttext {

padding-top:10px;

line-height:22px;

color:#a4a5a1;

}



#footer ul {

padding-top:10px;

}



#footer ul li a {

display:block;

padding:12px 0;

color:#a4a5a1;

width:250px;

}



#footer ul li a:hover {

padding:12px 8px;

background:#242222;

text-decoration:none;

}



#footer .credits {

border-top:1px solid #393837;

background:#252423;

}



#footer .credits-content {

width:980px;

margin:0 auto;

padding:10px;

color:#a4a5a1;

}



/* EXTRA

-----------------------------

*/



/* wp-pagenavi

-------------------------

*/



.wp-pagenavi {

font-size: 1.1em;

text-transform: uppercase;

clear: both;

font-weight: normal;

text-align: right;

margin-bottom: 10px;

}

.wp-pagenavi .current {

color:#CCC !important;

}

.wp-pagenavi a,

.wp-pagenavi .current {

padding: 8px !important;

border: 1px solid #e2e2e2 !important;

margin-left: 3px;

color:#b0483b !important;

}

.wp-pagenavi a:hover,

.wp-pagenavi .current {

background: #e2e2e2;

color:#000;

}

.wp-pagenavi .pages {

float: left;

border:0 !important;

}



/* wordpress css codex

------------------------

*/



.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

border:4px solid #dcdcdc;

}



.alignleft {

float: left;

margin-right:10px;

border:4px solid #dcdcdc;

}



.alignright {

float: right;

margin:10px 0px 10px 10px;

margin-left:10px;

border:4px solid #dcdcdc;

}



.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 {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu