Muslim Journey Blogger Templates [PDF]

Citation preview

Theme Name: Muslim Journey Theme URI: http://www.idwebtemplate.com/2010/08/28/islamic-blogger-templatesmuslim-journey Description: This theme is designed by Idwebtemplate.com based on Play Tech theme by ezwpthemes. Version: 1.0 Author: Idwebtemplate.com Author URI: http://www.idwebtemplate.com/ Tags: blue, fixed width, two columns, right sidebar, threaded comments, widget ready, pagenavi, social bookmarking, valid xhtml, valid css */ .Navbar {display: none !important;} /* Variable definitions ====================



























*/ /* (CSS Start) */ /* Based on YUI http://developer.yahoo.com/yui/reset/ and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, div, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } fieldset, img { border: 0; } /* remember to define focus styles! */ :focus { outline: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; } #blog_title ,.post_title ,h1 ,h2 ,h3 ,h4, h5, h6 { font-size: 100%; font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } code, kbd, samp, tt { font-size: 100%; } /*@purpose To enable resizing for IE */ input, button, textarea, select { font-size: 100%; } body { line-height: 1.2; } ol, ul { list-style: none; }



/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } sup, sub { font-size: 100%; vertical-align: baseline; } /* remember to highlight anchors and inserts somehow! */ ins { text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* Define */ h1 { font-size: 2.8em; } h2, h3, h4 { font-size: 2em; } a { text-decoration: none; } blockquote { margin: 5px 20px; padding: 5px; } blockquote p, code { padding: 10px 20px; display: block; } code { display: block; margin: 5px 20px; } strong, em, caption, th { font-style: normal; font-weight: bold; } cite { font-style: italic; font-weight: normal; } sub, sup { font-size: .8em; } sub { vertical-align: sub;



} sup { vertical-align: super; } small { font-size: 1em; } :focus { outline: 1px #666 dotted; } input:focus, div:focus { outline: 0; } input { margin: 3px; vertical-align: middle; } /* Layout */ body { font-size: 62.5%; /* Resets 1em to 10px */ color: #000; background: #fff; line-height: 1.4; } #outer-wrapper , #wrap2 , #wrap4 , #header-wrapper , #content-wrapper , #footer-wrapper { margin: 0 auto; } #header-wrapper { position: relative; } /* Wordpress */ .entry p { margin: 10px 0 10px 0; } .entry ul { padding-left: 20px; list-style-type: square; } .entry ol { padding-left: 25px; list-style-type: decimal; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-weight: bold; margin: 5px 0; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #666; } .endline { clear: both; }



/* Images */ p img { max-width: 100%; /* not working in IE6 */ } 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 } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; } /* Clear Fix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block;



} /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* end of clearfix */ /* Global */ body { color: #000; background: #e4fad4 url(http://www.idwebtemplate.com/new-blogger/muslimjourney/images/bg.jpg) repeat-x top center; font-family: Verdana, Geneva, sans-serif; } a, .post a { text-decoration: none; color: #000; } a:hover, .post a:hover { color: #900; text-decoration: none; } #blog_title ,.post-title ,h1 ,h2 ,h3 ,h4 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } blockquote, code { color: #333; font-family: Verdana, Geneva, sans-serif; border: 1px dashed #999; } blockquote { background: #F8F4AB; } code { background: #F5D582; } /* Layout */ #outer-wrapper { min-width: 1004px; /* not working in IE6 */ overflow: hidden; background: url(http://www.idwebtemplate.com/new-blogger/muslimjourney/images/container_bg.jpg) center top repeat-y; } #wrap2 { padding: 0 0 45px 0; background: url(http://www.idwebtemplate.com/new-blogger/muslimjourney/images/bottom_frame.jpg) no-repeat center bottom; } #wrap4 { background: url(http://www.idwebtemplate.com/new-blogger/muslimjourney/images/top_frame.jpg) no-repeat center top; } #wrap5 { margin: 0 auto; background: url(http://www.idwebtemplate.com/new-blogger/muslimjourney/images/top_container.jpg) no-repeat center 318px; }



#header-wrapper , #content-wrapper , #footer-wrapper { width: 1004px; } #header-wrapper { height: 318px; } #content-wrapper { min-height: 900px; padding: 0px 0 50px 0; } #footer-wrapper { clear: both; height: 55px; } /* Footer */ .credit { font-size: 1.1em; text-align: center; padding: 0px 300px 0px 200px; } .credit, .credit a, .credit a:hover { color: #777; } /* Header */ #header-wrapper #blog_title { font-size: 3em; /* Blog Title */ padding: 20px 200px 0 200px; text-align: left; font-weight: normal; } #header-wrapper h2 { font-size: 1.4em; /* Blog Description */ text-align: left; padding: 0px 200px 0 200px; } #header-wrapper #blog_title, #header-wrapper #blog_title a, #header-wrapper h2 { color: #fff; } /* menu */ #menu { width: 467px; height: 26px; position: absolute; left: 120px; top: 275px; overflow: hidden; } #menu ul li { padding: 0 12px; font-size: 1.2em; /* Menu Font Size */ font-weight: bold; text-align: center; float: left; } #menu ul li a { padding: 0px 0 0px 0px; line-height: 2; color: #0f5b10; }



#menu ul li a:hover { color: #d16400; } #menu ul ul li { font-size: 1em; } /* searchform */ #searchform { height: 111px; opacity: 0.5; text-align: left; } #searchform form{ padding: 46px 0 0 25px; } .searchtext { width: 160px; color: #666; border: 0; font-size: 1.1em; padding: 0; } #searchsubmit { display: none; } #rss { position: absolute; left: 644px; top: 160px; } #rss img { width: 85px; height: 88px; } /* Content */ #main-wrapper { width: 550px; padding: 13px 0px 0 0px; display: inline; margin: 0px 0px 0px 100px; float: left; } .post { padding: 7px 0 30px 0; margin: 0px 0 25px 0px; position: relative; border-bottom: #ede8de 2px solid; } .post .post-title { margin: 0px 5px 0 0px; padding: 7px 15px 9px 20px; font-size: 2em; /* Post Title */ } .post .post-title a { color: #332e1e; } .post .post-title a:hover {



color: #900; } .edit_post { width: 83%; margin: 0 auto; margin-top: 10px; padding: 5px 10px; background: #ffc; border: 1px dashed #999; } .edit_post a { font-style: italic; color: #33C; } .edit_post a.post-edit-link { margin-right: 15px; font-style: normal; color: #E5631C; text-decoration: underline; } .edit_post a:hover.post-edit-link { color: #33c; } .post_path span { color: #706ED6; } .post_path a:hover { text-decoration: underline; } .postmetadata a { text-decoration: underline; } .entry { width: 486px; overflow: hidden; margin: 0 auto; padding: 10px 0; font-size: 1.2em; } .entry a { color: #1426ae; text-decoration: underline; } .tags, .tags a, .postmetadata, .postmetadata a { color: #433d28; } .post_path { font-size: 1.1em; margin: 0 0 0 22px; padding: 7px 7px 12px 15px; } .postmetadata { padding: 2px 22px 0 22px; text-align: right; font-size: 1.1em; } .tags { font-size: 1.2em; margin: 10px 30px 0 22px;



} .tags a { text-decoration: underline; } .read_comments { margin: 0px 18px 0 0px; text-align: right; font-weight: bold; padding: 10px 20px 10px 10px; } .bookmark { margin: 18px 0 0 22px; } .wp-pagenavi { padding: 5px 36px 5px 22px; line-height: 20px; } .read_comments a { font-size: 1.1em; color: #0f580f; padding: 12px 0px 10px 8px; } .read_comments a:hover { color: #000; } .read_comments span { color: #ac7839; font-size: 9px; font-weight: normal; padding-right: 20px; } .notfound { margin: 100px auto; text-align:center; font-size: 4em; font-weight: bold; color: #7e2d17; } /* welcome */ #welcome { color: #4e2f29; font-size: 1.1em; padding: 18px 0 68px 0; } #welcome p { width: 193px; height: 122px; padding: 0px 0 0px 14px; overflow: hidden; } /* Sidebar */ #sidebar-wrapper { width: 238px; display: inline; padding: 0px 0px 0px 0px; margin: 0px 50px 0 0px; overflow: hidden;



float: right; color: #333; } #sidebar_main { padding: 0px 0 0px 0; margin: 0px 0 0 0; } #sidebar_main h2 { padding: 0 20px 0 49px; font-size: 16px; height: 91px; line-height: 110px; color: #332e1e; overflow: hidden; background: url(http://www.idwebtemplate.com/new-blogger/muslimjourney/images/sidebar_header_bg.jpg) no-repeat left 5px; } #sidebar_main .widget { overflow: hidden; font-size: 1.2em; padding: 3px 0px 12px 0px; } #sidebar_main ul li a { color: #333; } #sidebar_main ul li a:hover { color: #508205; } #sidebar_main .widget-content { padding: 0 0 0 32px; background: none; } #sidebar_main ul ul li { font-size: 1em; border: none; padding: 6px 0 6px 15px; background: url(http://www.idwebtemplate.com/new-blogger/muslimjourney/images/arrow_25.gif) no-repeat left 12px; position: relative; } #sidebar_main ul ul ul { padding: 0; margin: 0; } #sidebar_main ul ul ul li { font-size: 1em; padding: 6px 0 0px 15px; width: 85%; } #sidebar_main .textwidget { margin: 7px 0; } #sidebar-wrapper select { font-size: 1em; margin: 7px 0; width: 95%; } #sidebar-wrapper ul li div ,#sidebar_ul li object { padding: 0 10px;



} #sidebar-wrapper ul li div div { padding: 0; } /* PageNavi*/ .wp-pagenavi a { padding: 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #06c; color: #06c; background-color: #fff; } .wp-pagenavi a:hover { border: 1px solid #000; color: #000; } .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend { padding: 2px 4px; margin: 2px; border: 1px solid #000; color: #000; background-color: #fff; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 90%; } #wp-calendar #next a { padding-right: 10px; text-align: right; font-size: 11px; } #wp-calendar #prev a { padding-left: 10px; text-align: left; font-size: 11px; } #wp-calendar a { display: block; font-weight: bold; text-decoration: none; } #wp-calendar a:hover { background: #ccc; color: #fff; } #wp-calendar caption { text-align: center; width: 100%; font: bold 13px Verdana, Arial, Sans-Serif; } #wp-calendar td { text-align: center;



padding: 3px 0; font-size: 12px; text-align: center;



} #wp-calendar th { text-align: center; font-style: normal; font-size: 12px; text-transform: capitalize; } /* Social Bookmarking */ .bookmark ul { display: inline; } .bookmark ul li { background: none; display: inline; list-style-type: none; } .bookmark_line img { border: 0; } /* Comments */ h3#comments { padding: 0 0 0 46px; } h3#comments, #respond h3 { padding-top: 10px; font-size: 1.4em; color: #333; } #commentform { margin: 5px 0 0 0px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform textarea { width: 98%; padding: 2px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform p { margin: 5px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform #submit { margin: 0 0 5px auto; float: right; } #respond { width: 85%; padding: 0 0 0 10px; color: #333; margin: 0 auto;



} #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .commentlist { padding: 0 0 0 0px; margin: 0 auto; width: 85%; } .commentlist li { margin: 15px 0 0px; padding: 5px 5px 10px 10px; list-style: none; font-weight: bold; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; font-size: 1em; } .commentlist p { margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; font-size: 1.2em; text-transform: none; } .commentlist li .avatar { float: right; border: 1px solid #333; padding: 2px; background: #fff; } .commentlist li a { color: #000; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.2em; } #main-wrapper .comment-body p a { text-decoration: underline; } .nocomments { text-align: center; } .commentmetadata { font-size: 1.2em; display: block; font-weight: normal; } .thread-alt { background-color: #dcbea4;



} .thread-even { background-color: #e3cbb3; } .depth-1 { border: 1px solid #000; } .alt { border-left: 1px solid #666; /* odd page */ background-color: #C29581; padding: 10px; } .even { border-left: 1px solid #666; /* even page */ background-color: #D0AD9E; } /* For Blogger */ #sidebar_main ul li div { padding: 0; margin:0; } #sidebar_main ul ul { background: none; } #sidebar_sub ul li div { padding: 0; margin: 0;} #comments { width: 85%; margin: 0 auto;} #sidebar-wrapper #sidebar-main { margin: 0; padding: 0; } #sidebar_sub #sidebar-sub { margin: 0; padding: 0; } #welcome1 .widget { padding: 0; margin: 0; } #sidebar-wrapper #ArchiveList ul li { padding-left: 0; } #sidebar-wrapper #ArchiveList ul ul li { padding-left: 15px; } body#layout #searchform { display: none; } body#layout #rss { display: none; } .post-footer { padding: 10px 22px; } #ArchiveList ul li {text-indent: 0!important;} #comments { padding-left: 15px; } #comments h4 { margin:1em 0; font-weight: bold;



font-size: 1.2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { padding: 0 15px; text-align: center; } .feed-links { display:none; } /* (CSS End) */ ]]>