/* Theme Name: Brown Theme Theme URI: http://www.mubde3.net/blog/ Description: Brown Theme is a simple theme contains brown colors! designed by Ahmed Alkatheeri. Version: 1.0 Author: Ahmed Alkatheeri Author URI: http://www.mubde3.net/blog/ Tags: brown, simple, style, pattern, theme Brown Theme v1.0 http://www.mubde3.net/blog/ هذا القالب مصمم من قبل أحمد الكثيري يمكنك معرفة جديد المدونة عبر صفحة المدونة الرئيسية: http://www.mubde3.net/blog/ */ body { background-color: #eae1bf; direction: rtl; margin: 0; text-align: center; } h1, h2, h3, h4, p, small, ul, li, div { margin: 0; padding: 0; } #content h3, #content h4 { font-family: "Simplified Arabic",Arial; font-weight: bold; } a { text-decoration: none; } #wrap { background: url(images/tagline-background.png) top repeat-x; text-align: right; } #navigation { background: #ded5b3 url(images/nav-background.png) top repeat-x; border-bottom: 1px solid #b7af90; height: 31px; overflow: hidden; position: relative; width: 100%; } #navigation ul { float: right; list-style: none; margin: 0 5px; padding: 7px 0 0; } #navigation ul li { float: right; position: relative; top: -2px; z-index: 10; } #navigation ul li a { color: #4c4c4c; display: inline; font: bold 14.5px Arial; margin: 0 10px; padding: 0 20px; text-decoration: none; } #navigation ul li.back { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; border-radius: 5px; color: #948e77; height: 21px; position: absolute; top: 5px; width: 110px; z-index: 8; } #navigation #search { height: 23px; left: 5px; position: absolute; top: 6px; } #navigation #search form { display: block; } #navigation #search p { margin: -2.5px 0 0; } #navigation #search input.search-input { background: url(images/collection.png) -204px 0 no-repeat; border: 0; cursor: pointer; height: 23px; text-indent: -9999px; width: 63px; } #navigation #search input.text { background: #fff url(images/search-input-text.gif) top repeat-x; border: 1px solid #656156; height: 16px; padding: 3px 2px 2px; } #header { clear: both; margin: 0 auto; padding: 20px 0 12px; width: 980px; } #header #logo { -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #cebd7c url(images/logo-light.png) center bottom repeat-x; border-radius: 7px; display: inline; opacity: 0.8; padding: 5px 0; } #header #logo a { color: #5e5019; display: inline-block; font: bold 38px "Times New Roman", Times, serif; padding: 2px 7px; } #follow-back { margin: 0 auto; position: relative; width: 980px; } #follow-me { background: url(images/collection.png) -259px -48px no-repeat; height: 91px; left: 20px; overflow: hidden; position: absolute; top: -17px; width: 131px; z-index: 0; } #follow-me h2 { background: url(images/collection.png) -314px -24px no-repeat; cursor: pointer; height: 20px; margin: 7px auto 0; text-align: center; text-indent: -9999px; width: 51px; } #follow-me ul { list-style: none; } #follow-me ul li { margin: 7px 5px; } #follow-me ul li a span { display: none; } #follow-me ul li a.rss { background: url(images/collection.png) -110px 0 no-repeat; display: block; height: 17px; width: 94px; } #follow-me ul li a.twitter { background: url(images/collection.png) -204px -26px no-repeat; display: block; height: 17px; width: 110px; } #follow-me ul li a:hover { opacity: 0.7; } #contain { -moz-box-shadow: 0 0 20px #baaf85; -webkit-box-shadow: 0 0 20px #baaf85; background: #fff url(images/content-background.jpg) center 1px no-repeat; border: 1px solid #dcd4b8; box-shadow: 0 0 20px #baaf85; margin: 15px auto 30px; padding: 10px 0; position: relative; width: 980px; z-index: 1000; } #content { float: right; width: 665px; } #content .post, #content .page { margin: 0 6px; padding: 14px 10px 7px 0; } #content .post { margin: 0 6px 20px; } #content .post h2, #content .post small { margin: 0 45px 0 0; padding: 0 0 7px; } #content .post h2 a, #content .page h2 a { color: #4e0007; } #content .page h2 { color: #333333; padding: 10px 0 0; } #content .page h3, #content .post h3, #content .page h4, #content .post h4 { margin: 15px 0 0; } #content .post small, #content .post small a { color: #58564e; font: 12px tahoma; } #content .post small a:hover { border-bottom: 1px dashed #858585; padding: 0 0 3px 0; } #content .post small strong a { background-color: #e2dcba; color: #262626 font-weight: bold; padding: 0 2px 2px; } #content .post small strong a:hover { border: 0; padding: 0 2px 2px; } #content .page-date-parent { position: relative; } #content .page-date { background: url(images/collection.png) no-repeat; height: 73px; padding: 13px 0 0; position: absolute; right: -31px; text-align: center; top: -65px; width: 59px; } #content .page-date strong { display: block; font-size: 23px; } #content .page-date strong, #content .page-date span { color: #FFFFFF; } #content .page-date span { font: bold 18px Arial; } #content .archive-headline { border-bottom: 1px dashed #89663e; color: #89663e; margin: 0 16px 5px 6px; padding: 0 0 7px; } #content p { margin: 15px 0 0; text-align: justify; } #content p a, #content ul li a { color: #990000; } #content p a:hover, #content ul li a:hover { border-bottom: 1px dashed #3b210d; padding: 0 0 3px 0; } #content ul { list-style: none; margin: 15px 0; padding: 0 20px; } #content ul li { background: url(images/arrow.gif) right 11px no-repeat; padding: 0 10px; } #content blockquote { background: url(images/blockquote.gif) right top no-repeat; color: #635d53; margin: 10px 30px; padding: 0 35px 5px 0; } #content #summary { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dddddd; margin: 0 12px; padding: 10px 1px 0; width: 645px; } #contain #content #summary ul { margin: 0; padding: 0; text-align: center; } #content #summary ul li { background: none; display: inline; } #content #summary ul li a { border-bottom: 0; opacity: 0.3; padding: 2px; } #content #summary ul li a:hover { opacity: 1; } #content #summary ul li a img { border: 0; } #content .pagebar { margin: 10px auto; text-align: center; } #content .pagebar span, #content .pagebar a { background-color: #b3a17b; border: 1px solid #524b3e; color: #2f2516; display: inline-block; } #content div.pagebar span.this-page { background-color: #d7c9ac; border: 1px dashed #4a4336; color: #1d170d; } #content .pagebar, #content .pagebar span, #content .pagebar a, #content div.pagebar span.this-page { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font: 13px tahoma; margin: 0 5px; padding: 1px 5px; } #content .pagebar span.break { margin: 0 1px 0 2px; } #content ul.page-navigation li { background-image: none; padding: 0; } #content ul.page-navigation li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #b3a17b; border-radius: 5px; border: 1px solid #524b3e; color: #2f2516; display: block; margin: 2px; padding: 0 4px; text-decoration: none; } #content ul.page-navigation li a:hover { background-color: #d7c9ac; color: #1d170d; } #content ul.page-navigation li.right { float: right; text-align: center; } #content ul.page-navigation li.left { float: left; text-align: center; } #comments { border-bottom: 1px dashed #cacaca; margin: 20px auto 0; padding: 0 0 5px; width: 645px; } #comments h3 { float: right; } #comments span a { background: url(images/collection.png) -278px 0 no-repeat; float: left; height: 19px; width: 79px; } #comments span a span { display: none; } #commentlist { clear: both; list-style: none; margin: 10px auto 0; padding: 0 10px; width: 645px; } #commentlist li, #commentlist li ul.children li { -moz-border-radius: 7px; -moz-box-shadow: 0 1px 5px #C3C3C3; -webkit-border-radius: 7px; -webkit-box-shadow: 0 1px 5px #C3C3C3; background: #fbfaf5 url(images/comment.png) top repeat-x; border-radius: 7px; border: 1px solid #b8afa5; box-shadow: 0 1px 5px #C3C3C3; margin: 20px 0; padding: 7px 10px; } #commentlist li.bypostauthor, #commentlist li ul.children li.bypostauthor { background-color: #E3DEC2; background-image: none; border: 1px solid #C9BE82; margin: 10px 0; padding: 7px 10px; } #commentlist li div.vcard { overflow: hidden; } #commentlist li div.vcard img.avatar { border: 1px solid #44433d; float: right; } #commentlist li div.vcard span.date { padding: 5px 0 0; } #commentlist li div.vcard cite { color: #2f2f2f; display: block; font: bold 17px arial; margin: 0 10px; padding: 5px 0 0; } #commentlist li div.vcard cite a { color: #6e1200; } #commentlist li div.vcard span.date { display: block; margin: 0 10px; } #commentlist li div.vcard span.date a { color: #4a4846; font: bold 15px arial; } #commentlist li ul.children li a:hover { border: none; padding: 0; } #commentlist li div.comment-content { clear: both; padding: 5px 0 0; } #commentlist li div.comment-content em { font: italic bold 13px tahoma; } #commentlist li div.reply { margin: 0 0 5px; text-align: left; } #commentlist li div.reply a { border-bottom: 1px dashed #adaba0; color: #4e4841; font: bold 13px tahoma; padding: 1px 1px 4px; text-decoration: none; } #commentlist li div.comment-author { overflow: hidden; text-align: right; } #respond { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px dashed #CCCCCC; margin: 0 auto; padding: 0; width: 645px; } #respond legend { color: #666666; font: bold 16px "simplified Arabic",tahoma, arial; margin: 5px 15px 5px; padding: 0 5px; } #respond ul li { background: none; clear: both; margin: 5px 0; } #respond ul li input.text, #respond ul li textarea { background-color: #fff; border: 1px solid #CCCCCC; color: #666666; margin: 0; padding: 3px; width: 250px; } #respond ul li input.text:focus, #respond ul li textarea:focus { border: 1px solid #666666; color: #000000; } #respond ul li input.text:hover, #respond ul li textarea:hover { border: 1px solid #999999; } #respond ul li textarea { height: 100px; } #respond ul li label { float: right; margin: 0 0 0 10px; padding: 0 0 1px 5px; text-align: left; width: 200px; } #respond ul li input { display: block; } #respond ul li input[type=submit] { font: 13px tahoma; } #sidebar { float: left; margin: 1px; padding: 0 0 0 15px; width: 294px; } #sidebar .sidebox { background: url(images/box-background.jpg) right repeat-y; border: 1px solid #cbcbcb; margin: 10px 5px 0; padding: 1px; position: relative; width: 285px; } #sidebar .sidebox .pagewrap { background: url(images/collection.png) -365px -25px no-repeat; height: 23px; left: -1px; position: absolute; top: -1px; width: 25px; z-index: 10; } #sidebar .sidebox ul { list-style: none; margin: 5px 0; padding: 0 17px 0 0; } #sidebar .sidebox ul li { background: url(images/page-icon.gif) right 5px no-repeat; padding: 0 15px; } #sidebar .sidebox ul li a { color: #693217; } #sidebar .sidebox ul li a:hover { border-bottom: 1px dashed #3b210d; } #sidebar .sidebox h2 { color: #505354; margin: 7px 15px; } #sidebar .sidebox select, #sidebar .sidebox textarea, #sidebar .sidebox input { margin: 7px 15px; } #sidebar .adv { text-align: center; } #sidebar .adv img { border: 0; margin: 7px 10px 7px 5px; padding: 0; } #footer { background: #483f1d url(images/footer-background.png) top repeat-x; height: auto; margin: 20px 0 0; } #footer div { margin: 0 auto; width: 980px; } #footer #aboutsite { background: url(images/footer-about-background.png) left center no-repeat; float: right; height: 193px; overflow: hidden; padding: 23px 0 0; position: relative; width: 350px; } #footer #aboutsite h2 { color: #827441; height: 19px; left: 5px; position: absolute; top: 30px; } #footer #aboutsite .description { margin: 40px 0 0; width: 100%; } #footer #aboutsite p { color: #FFFFFF; margin: 5px 5px 5px 9px; text-align: justify; } #footer .box-footer { float: right; margin: 20px 30px 15px 10px; width: 268px; } #footer .box-footer-top { background: #736941 url(images/footer-box-top.png) center top no-repeat; height: 17px; position: relative; } #footer .box-footer-top span { display: none; } #footer .box-footer-top h2 { text-indent: -9999px; } #footer .box-footer-center { background: #736941 url(images/footer-box-center.png) center repeat-y; height: auto; min-height: 150px; } #footer .box-footer-center div { margin: 0 5px; overflow: hidden; padding: 4px 4px; text-align: center; width: 93%; } #footer .box-footer-center div a { color: #161616; } #footer .box-footer-center ul { list-style: none; } #footer .box-footer-center ul li { background: url(images/arrow.gif) right 12px no-repeat; margin: 0 15px; padding: 1px 10px; } #footer .box-footer-center ul li a { color: #161616; } #footer .box-footer-bottom { background: #736941 url(images/footer-box-bottom.png) bottom center no-repeat; height: 17px; } #footer .box-footer-bottom , #footer .box-footer-center , #footer .box-footer-top { display: block; width: 260px; } #footer .box-footer-top .box-footer-links { background: url(images/collection.png) -159px -42px no-repeat; display: block; height: 42px; position: absolute; right: -10px; top: -16px; width: 100px; z-index: 10; } #footer .box-footer-top .box-footer-tags { background: url(images/collection.png) -59px -42px no-repeat; display: block; height: 42px; position: absolute; right: -11px; top: -16px; width: 100px; z-index: 10; } #copyright { background-color: #332A14; border-top: 1px solid #291d00; padding: 7px; text-align: center; } #copyright p { color: #fff; font: 12px tahoma; } #copyright a { border-bottom: 1px dashed #eddf00; color: #eddf00; padding: 0 0 2px; } /* For Calendar Side */ table#wp-calendar { border: 1px solid #E3D9CA; margin: 0 auto 10px; text-align: center; width: 90%; } #wp-calendar caption { background-color: #e3d9ca; color: #58534a; font: bold 18px Arial; padding: 3px; } #wp-calendar td { font: 13px tahoma; } #wp-calendar #prev, #wp-calendar #next { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f6f3ee; behavior: url(border-radius.htc); border-radius: 5px; padding: 3px; } #wp-calendar #prev a, #wp-calendar #next a { color: #433e37; padding: 3px; } #content p, #content ul li, #respond ul li input.text, #respond ul li textarea, #sidebar .sidebox ul li, #footer #aboutsite p, #footer .box-footer-center div, #footer .box-footer-center ul li { font: normal 13px tahoma; } #content .post small, #content .post small a, #copyright p { font: 12px tahoma; } #footer #aboutsite h2, #sidebar .sidebox h2 { font: bold 18px Arial; } #follow-me ul li, #content p, #content ul li, #sidebar .sidebox ul li, #footer #aboutsite p, #footer .box-footer-center ul li { line-height: 23px; } .nocomments { color: #575453; font-style: italic !important; text-align: center !important; }