/* Theme Name: Jessica Fletcher Redux Theme URI: http://www.spaceperson.net/ Description: Comes with admin panel for custom colors, various other options and twitter integration out of the box with caching enabled. Author: Spaceperson Tags: fixed-width, two-columns, three-columns, light, white, green, custom-colors, custom-header, theme-options, threaded-comments, sticky-post, right-sidebar, translation-ready Version: 1.12 */ /* iletisim */ #iletisim{padding: 5px;text-align:left;} #iletisim input { padding: 5px;width: 400px; height:24px;margin-right: 5px; } #iletisim input { margin-top: 3px; border: 1px solid #e0e0e0; padding: 4px; color:#999; background:#fff url(images/golge.png) repeat-x top left;font-size: 14px;} #iletisim input:focus { border: 1px solid #336699; color:#333;} #iletisim .onay {width:200px;height:26px;margin-top:15px; margin-bottom:15px;} #iletisim .onay img {float:left;} #iletisim .captcha input{ float:left; font-size:14px; margin-left:10px; margin-top:0; border: 1px solid #e0e0e0; padding:4px; color:#999; background:#fff url(images/golge.png) repeat-x top left; width:85px; height: 22px;} #iletisim .captcha input:focus { border: 1px solid #336699; color:#333;} #iletisim textarea { margin-top: 3px; border: 1px solid #e0e0e0; background:#fff url(images/golge.png) repeat-x top left; padding: 4px; width: 480px; color:#999; font-size: 14px;} #iletisim textarea:focus { border: 1px solid #336699; color:#333;} #iletisim .wpcf7-submit { padding:5px; width:100px; height:26px; line-height:normal;} #iletisim .wpcf7-submit:hover {color:#f00;} /* #iletisim .wpcf7-submit { background: #ccc url(images/form-gonder.png) no-repeat left top; text-indent: -50000px; width: 70px; height: 25px; border: none; display: block;} #iletisim .wpcf7-submit:hover { background-position: right -70px; } */ /* Typography & Colors */ a,a:active { color: #333; text-decoration: none; outline:none !important; } .attachment a { border:none !important; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } .author { font-size:.8em; text-transform:uppercase; letter-spacing: 2px; padding-bottom:10px; } .author{ color: #999; } body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #333; text-align: center; } .commentbox cite a, { color:#000; } code { font: 1.1em 'Courier New', Courier, Fixed; } .commentbox { border: 1px solid #ccc; } .commentlist cite, #footer ul li, #footer ol li, h3{ font-size: 1.3em; } .commentlist li, #commentform input, #commentform textarea, .nocomments { font: 0.9em Arial, Helvetica, Sans-Serif; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } .commentmetadata { border-bottom:1px solid #eee; } .commentmetadata a, .reply a { border:none !important; } #commentspopup h1 a{ color:#fff; } #commentspopup h1 a:hover{ border-bottom:1px dotted #fff; } #commentspopup .metadata{ text-align:center; } #commentspopup .comment-body{ border-left:1px solid #ddd; } #commentspopup #commentlist li{ text-align:left;it border-top:1px solid #eee; border-bottom:1px solid #eee; } #content { font-size: 1.2em; } .search { border:none; } #credits { color:#ccc; text-transform:uppercase; font-size:1.5em; padding-top:10px; } /* some icons from http://vikiworks.com/2007/06/15/social-bookmark-iconset/ */ #credits a{ color:#999; } #description{ font-size:1.4em; letter-spacing:1px; color:#666; } .entry{ line-height: 1.6em; } .entry a, .comment_body a{ border-bottom:1px dotted #666; } .entry a:hover{ color:#FFF; } .entry h1 { font-size: 2.4em; } .even, .alt { } #footer { background-color:#000 !important; } #footer .children a { font-size:12px; } #footer a{ color:#ccc; } #footer a:hover{ color:#FFF; } #footer p { text-align: center; } #footer ul li, #footer ol li { letter-spacing:-1px; border-bottom:2px dotted #333; } .gallery a{ border:none !important; } .gallery img { border: 4px solid #ddd; } h1, h1 a, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite, #page_list li.page_item a { text-decoration: none; } h1, h2, h3, h4, h5, h6, .read_more, .commentlist cite{ font-family: Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:normal; } h2 { font-size: 1.8em; } h2, h2 a, h3, h3 a, #commentform input, #commentform textarea, .entry a{ color: #333; } #page_list li.page_item, #page_list li.page_item a { font-size:1.1em; display:block; padding:5px; text-transform:uppercase; letter-spacing:-1px; color:#ccc; } #page_list li.page_item a:hover { border-bottom:2px solid #f90; color:#999; } .nocomments{ font-style:italic; } .post .date, .page .date { border-bottom:1px dotted #CCC; text-transform:uppercase; font-size:.7em; } .post .postmetadata { background:url(images/description_shadow.png) 10px 0px no-repeat; padding-top:20px; color:#999; } .postmetadata a{ padding:0 2px; color:#999; } .postmetadata a, .tags a{ border:none !important; } .postmetadata, .tags { text-align: right; font-size:.8em; } .read_more:hover{ color:#fff !important; } .read_more, #footer .search, .commentlist li ul li { font-size:1em; } .reply{ border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#FFF; } .reply a{ color:#ccc; } #sidebar .children a { font-size:9px; } .sidebar_widget h2 { color:#ccc; border-bottom:2px solid #eee; text-align:center; font-size:2.5em; letter-spacing:2px; } #sidebar_box h2{ color:#ddd; text-align:left; letter-spacing:-2px; font-size:2.7em; } #sidebar_box h2, .sidebar_widget h2 { text-transform:uppercase; } .sidebar_widget ul, #sidebar_box ul, .sidebar_widget ol, #sidebar_box ol{ letter-spacing:2px; color:#ccc; text-transform:uppercase; font-size:1.3em; line-height:100%; } #footer h2{ text-transform:uppercase; letter-spacing:-2px; font-size:2em; color:#eee; text-align:left; } #footer ul, #footer ol{ color:#FFF; letter-spacing:2px; text-transform:uppercase; font-size:1em; } .sidebar_widget ul a, #sidebar_box ul a, .sidebar_widget ol a, #sidebar_box ol a, #widget_tag_cloud a, #sb_widget_tag_cloud a, #footer .widget_tag_cloud a { padding: 0 6px; color:#888; } .sidebar_widget ul a, #sidebar_box ul a, .sidebar_widget ol a, #sidebar_box ol a, #footer ul a, #footer ol a { display:block; } #sidebar_box ul li:hover a, #sidebar_box ol li:hover a { color:#fff; } small, .nocomments, blockquote, strike, .search, .post .date, .page .date, .children li { color: #666; } small, .reply a { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } .sticky h2 { font-style:italic; } .tags a{ padding: 0 4px; } .tags a, .tags{ text-transform:uppercase; letter-spacing:-1px; color:#ccc; } .tags:hover a, .tags:hover{ color:#666; } .thread-alt { } .thread-even { } .vcard { float: left; border: 1px solid #ddd; padding: 2px; } #wp-calendar { color:#999; font-size:1.4em; } #wp-calendar a { padding: 2px 6px; text-decoration: none; color:#777; background:url(images/background_gradient.png) repeat-x; background-color:#eee; } #wp-calendar a:hover { background:none; color:#fff; } #wp-calendar caption { text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* Typography & Colors */ /* Structure */ *{ margin:0; padding:0; } body { margin: 0; padding: 0; } #header_cont { width:100%; height: 90px !important; background:url(images/header_ornament.png) bottom repeat-x; } #header{ height:90px; width:900px; margin:0 auto; text-align:left; padding:20px 0 0 30px;; } #description{ margin-left: 10px; height:40px; } .content_container{ width:940px; margin:auto; }/*contains content, sidebar and navigation bar*/ #content { margin-top:10px; } #content .corner_bl, #content .corner_br, #content .corner_tl, #content .corner_tr { position:absolute; width:19px; height:17px; } #content .corner_bl { background:url(images/corner_bl.png) no-repeat; bottom:0; left:0px; } #content .corner_br { background:url(images/corner_br.png) no-repeat; bottom:0; right:0px; } #content .corner_tl { background:url(images/corner_tl.png) no-repeat; top:0px; left:0px; } #content .corner_tr { background:url(images/corner_tr.png) no-repeat; top:0px; right:0px; } .post_top, .post_bottom { position:absolute; height:17px; width:595px; margin-left:-23px; z-index:100; } .post_top { background:url(images/container_top_shadow.png) repeat-x; top:0; } .post_bottom { background:url(images/container_bottom_shadow.png) repeat-x; bottom:0; } .post, .search .page, .page{ text-align: justify; margin: 10px 13px 30px 0; } .post, .page { position:relative; padding:40px 40px 30px 40px; width:551px; float:none; background:url(images/container_back.png) repeat-y; overflow:hidden; } .post .date, .page .date{ width:150px; } .entry{ margin-top:10px; position:relative; } .entry p{ margin-top:10px; } .postmetadata { margin-top:20px; padding: 10px 0 3px; clear: both; } .postmetadata img, .postmetadata a img, .postmetadata a:hover img{ border:none !important; padding:0 !important; margin: 2px 4px 0px 0 !important; } .clear { visibility:hidden; clear: both; } #sidebar_container { padding-top:5px; float:right; } #credits { margin-top:5px; } #footer { background:url(images/footer_gradient.png) repeat-x; width:100% !important; margin-top:10px; } #footer hr { margin:0; visibility:hidden; clear: both; } /* Structure */ /* Headers */ .cufon-loading h1{ visibility: hidden !important; } #header h1 a{ letter-spacing:-2px; font-size:45px; color:#333; } h1 { margin: 0; } .mainpage .post h2{ margin-top: 10px; } .pagetitle{ font-size:3em; } #sidebar h2 { margin-top: 5px; padding: 0; } .sidebar_widget h2 { margin-bottom:10px; } h3#comments { margin: 40px auto 10px ; } h3#trackback { margin: 40px auto 10px ; } #footer h2 { padding-bottom: 15px; position:relative; z-index:1; } /* Headers */ /* Images */ a img, .entry img { border:4px solid #ddd; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ .alignright { float: right; margin: 2px 0 10px 10px !important; } .alignleft { float: left; margin: 2px 10px 10px 0 !important; } .alignleft img, .alignright img{ min-width /*\**/: 150px\9 /* compensates ie issues */ } .centered { text-align:center; margin:0 auto; } img.centered, img.alignright, .alignleft img{ border: 4px solid #ddd; } img.centered { display: block; margin-left: auto; margin-right: auto; } .entry a img{ margin-bottom: -3px; } .icon_social img, .icon_social a img, .icon_social a, .icon_social a:hover, .icon_social a:hover img{ border:none !important; background-color:none !important; } /* Images */ /* Lists */ .children { margin-top:0!important; padding-top: 0!important; } .children li{ border:none !important; } .entry ul, .entry ol { margin-left: 5px; padding: 0 0 0 15px; } .entry ol ol li { list-style:lower-latin; } .entry ol ol ol li { list-style:lower-roman; } #page_list li.page_item{ float:right; margin:0px 5px 0px; padding:6px 6px 2px; } #page_list li.current_page_item a, #page_list li.current_page_item a:hover{ color:#333 !important; } #page_list{ height:25px; padding:3px 0 0 10px; list-style:none; margin-right:30px; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul p, #sidebar ul select, #footer p, #footer select { margin: 5px 0 8px; } .sidebar_widget ul ul, .sidebar_widget ul ol, #sidebar_box ul ul, #sidebar_box ul ol, #footer ul ul, #footer ul ol { margin: 3px 0 0 10px; padding:0; } .sidebar_widget ul ul li, .sidebar_widget ul ol li, #footer ul ul li, #footer ul ol li { font-size:10px; border:none; } ol li, #sidebar ul ol li, #footer ol li { list-style: decimal outside; } .sidebar_widget ul li, .sidebar_widget ol li, #sidebar_box ul li, #sidebar_box ol li { margin-top: 1px; border-top:1px dotted #eee; border-bottom:1px dotted #eee; padding: 2px 0; list-style-type: none; list-style-image: none; margin-bottom: 3px; display:block; } #footer ul li, #footer ol li{ margin: 3px; } #footer ul, #footer ol { padding-top:10px; margin-bottom: 20px; } #footer ul li { list-style-type: none; list-style-image: none; } #footer .widget ul{ text-align:left; } /* Lists */ /* Forms */ label,#commentform #submit { text-transform:uppercase; font-size:.7em; color:#333; padding:4px 5px 4px; letter-spacing:1px; border:none; } #commentform { margin: 5px 10px 0 0; } #commentform input { width: 300px; padding: 10px 5px; margin: 0px 5px 1px 0; } #commentform textarea { width: 80%; padding: 2px; } .search{ position:relative; z-index:300; outline:none; } #footer .search{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; width:180px; background-color:#000; color:#ccc; padding-left:10px; border:1px solid #999; height:20px; margin: 10px 0; } #sidebar_container .search, .center .search{ padding-left:35px; background:url(images/search_back.png) no-repeat; width:227px; border:none; height:30px; } #sidebar_box .search{ margin-left:7px; } .sidebar_widget .search { margin:14px 10px 0px 8px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } #respond { margin-top:30px; } select { width: 130px; } /* Forms */ /* Comments*/ .alt { margin: 0; padding: 10px; } .comment_body{ padding:0 10px 5px 10px; position:relative; } .commentbox { margin-left:60px; border: 1px solid #ddd; } #commentform p { margin: 5px 0; } .commentlist { padding: 0; text-align: justify; } .commentlist li { width:550px; margin: 10px 0 0px 0px; padding: 10px 5px 0px 0px; list-style: none; } .commentlist li ul li { margin-left: 20px; } .commentlist p { margin: 10px 5px 10px 0; } #commentspopup #background{ padding-top:30px; padding-bottom:5px; } #commentspopup .comment-body{ margin-left:120px; padding-left:10px; width:225px; } #commentspopup #commentlist{ width:90%; margin:auto; } #commentspopup #commentlist li{ list-style:decimal inside; clear:both; min-height:25px; margin:5px 0; } #commentspopup .metadata{ float:left; width:100px; margin-left:10px; } .commentmetadata { background:url(images/comment_shadow.png) repeat-x; padding:5px 10px 3px 10px; display: block; } .nocomments { text-align: center; margin: 0; padding: 0; } .reply{ position:absolute; right:-1px; bottom:-1px; padding:0 5px; } /* Comments */ /* Sidebar */ ul#sidebar_tabs { height:34px; list-style:none; width:283px; margin-left:11px; position:relative; z-index:100; } ul#sidebar_tabs li{ background:url(images/sidebar_tab_inactive.png) no-repeat !important; width:51px; height:34px; float:left; margin-right:1px; } .selected { background:url(images/white_overlay.png) bottom repeat-x !important; height:37px !important; width:49px !important; margin-left:1px; } #sidebar_box, .sidebar_widget { background:url(images/sidebar_box_back.png) repeat-y; position:relative; width:250px; padding:5px 20px 30px 20px; margin-bottom:20px; min-height:30px; border-top:1px solid #eee; } .sidebar_bottom, .sidebar_top { position:absolute; height:17px; width:254px; left:17px; } .sidebar_bottom { background:url(images/container_bottom_shadow.png) repeat-x; bottom:0; } .sidebar_top { background:url(images/container_top_shadow.png) repeat-x; top:0; margin-top:-10px; } .sidebar_widget .corner_bl, .sidebar_widget .corner_br, .sidebar_widget .corner_tr, .sidebar_widget .sb_corner_tl, #sidebar_box .corner_bl, #sidebar_box .corner_br, #sidebar_box .corner_tr, #sidebar_box .sb_corner_tl { position:absolute; width:17px; height:17px; } #sidebar_box .corner_bl, .sidebar_widget .corner_bl { background:url(images/corner_bl.png) no-repeat; bottom:0; left:0; } #sidebar_box .corner_br, .sidebar_widget .corner_br { background:url(images/corner_br.png) no-repeat; bottom:0; right:2px; } #sidebar_box .corner_tr, .sidebar_widget .corner_tr { background:url(images/corner_tr.png) no-repeat; margin:-10px 0 0 0; top:0; right:2px; } #sidebar_box .sb_corner_tl, .sidebar_widget .sb_corner_tl{ top:0; left:0; position:absolute; } #sidebar_box .sb_corner_tl{ background:url(images/sb_corner_tl.png) no-repeat; margin:-6px 0 0 0; } .sidebar_widget .sb_corner_tl{ background:url(images/corner_tl.png) no-repeat; margin:-10px 0 0 0; } #sidebar_box hr{ background:url(images/overlay_h1.png) repeat-x; border:none; height:24px; width:250px; margin-top:6px; position:absolute; z-index:200; } #sidebar form { margin: 0; } #icon_archives, #icon_twitter, #icon_tags, #icon_recent-comments, #icon_calendar, #icon_categories, #icon_search, #icon_popular-posts, #icon_recent-posts { width:51px; height:34px; position:absolute; top:0px; z-index:10; } #icon_archives { background:url(images/icon_archives.png) center no-repeat; } #icon_tags { background:url(images/icon_tags.png) center no-repeat; } #icon_recent-comments { background:url(images/icon_chat.png) center no-repeat; } #icon_calendar { background:url(images/icon_calendar.png) center no-repeat; } #icon_categories { background:url(images/icon_category.png) center no-repeat; } #icon_search { background:url(images/icon_search.png) center no-repeat; } #icon_popular-posts { background:url(images/icon_liked.png) center no-repeat; } #icon_recent-posts { background:url(images/icon_recent_posts.png) center no-repeat; } #icon_twitter { background:url(images/icon_twitter.png) center no-repeat; } .icon_social{ margin:5px 5px 5px 5px !important; } .icon_sticky{ background:url(images/sticky.png) no-repeat; width:36px; height:36px; position:absolute; right:30px; top:20px; } #credits hr { width:200px; height:10px; visibility:hidden; } /*some icons from http://wefunction.com/2008/07/function-free-icon-set/ and http://www.brandspankingnew.net/archive/2006/12/hohoho.html http://www.psdgraphics.com/icons/psd-pushpin-icons/ */ /* Sidebar */ /* Footer*/ .cell-1, .cell-2, .cell-3{ margin:60px 50px 30px 10px; padding:15px; float:left; width:200px; } .cell-1 { margin-left:50px; } #footer .divider{ border-top:1px solid #aaa; width:50%; margin:20px auto; } #footer .line{ border-top:1px solid #ccc; margin-top:-8px; } #footer .widget { text-align:center; position:relative; } #footer .widget_tag_cloud .line{ margin-bottom:10px; } #footer .widget_tag_cloud{ margin-bottom:15px; } /* Footer */ /* Calendar */ #wp-calendar { empty-cells: show; margin: 0px auto; } #footer #wp-calendar { width: 200px; } #sidebar_container #wp-calendar { width: 240px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { border-bottom:2px dotted #eee; padding: 2px 0; margin-bottom:4px; text-align: center; text-transform:uppercase; width: 100%; } #wp-calendar td { text-align: center; } #footer #wp-calendar #today { border: 2px dotted #fff; } /* Calendar */ /* Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { min-height:30px; background:url(images/quote.png) no-repeat; margin: 15px 30px 0 10px; padding-left: 40px; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .gallery { clear:both !important; margin:0 auto; display:table; } .gallery-caption { margin-left: 0; } .gallery-item { float: left; margin: 10px 0 0 20px; text-align: center; min-width /*\**/: 150px\9 }/* compensates ie issues */ .hidden { display: none; } .navigation { margin-left: 40px; text-transform:lowercase; padding-top:5px; width:551px; } .navigation a{ padding:5px 10px 5px 10px; font-size:20px; color:#ccc; display:block; text-transform:uppercase; } .entry .navigation { margin-left:0 !important; font-size:16px; color:#aaa; text-transform:uppercase; } .entry .navigation a { border:none !important; font-size:16px; padding:0 5px; color:#ccc; display:inline-block; margin-left:5px; } .read_more{ font-style:italic; position:absolute; right:0; bottom:-20px; padding:0 5px; } .screen-reader-text { position: absolute; left: -1000em; } #sb_widget_twitter a{ letter-spacing:0px; text-transform:none; } .light { letter-spacing:-1px; text-transform:none; font-size:1.2em; } #widget_tag_cloud a, #sb_widget_tag_cloud a{ letter-spacing:-1px; text-transform:lowercase; } .tag01, .tag02 { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; } .tag03, .tag04 { filter:alpha(opacity=55); -moz-opacity:0.55; -khtml-opacity: 0.55; opacity: 0.55; } .tag05, .tag06 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .tag07, .tag08 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; } .tag01:hover, .tag02:hover, .tag03:hover, .tag04:hover, .tag05:hover, .tag06:hover, .tag07:hover, .tag08:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } /* Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignleft{ margin:0 10px 5px 0; } .wp-caption.alignright{ margin:0 0 5px 10px; } .wp-caption-text { padding-top:10px; text-align: center; margin: 10px; } .wp-caption a { margin: 0; border: none; } .wp-caption img { border: 4px solid #ddd; } .wp-caption p.wp-caption-text { line-height: 17px; margin: 0; } #content h2 { padding-top: 15px; } /* captions */