/* Theme Name: myPage Theme URI: http://www.mubde3.net/blog/ Description: Simple theme for magazines and big blogs. designed by Ahmed Alkatheeri. Version: 1.0 Author: Ahmed Alkatheeri Author URI: http://www.mubde3.net/blog/ Tags: simple,newspaper,mag,magazine,flexible,page myPage v1.0 http://www.mubde3.net/blog/ هذا القالب مصمم من قبل أحمد الكثيري يمكنك معرفة جديد المدونة عبر صفحة المدونة الرئيسية: http://www.mubde3.net/blog/ */ html, body, h1, h2, h3, p, ul, li, small, label, input, img, a, blockquote { border: 0; list-style: none; margin: 0; padding: 0; text-decoration: none; } body { background: url("images/body-background.jpg") repeat-x scroll 0 0 #EAEAEA; direction: rtl; text-align: center; } #wrap { margin: 0 auto; text-align: right; width: 950px; } #navigation { background: url("images/navigation-background.png") repeat-x scroll center top #151515; height: 38px; position: relative; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; behavior: url(ie-css3.htc); z-index: 1000; } #navigation ul { padding: 5px 10px; } #navigation ul li { float: right; position: relative; } #navigation ul li a { color: #fff; display: block; font: bold 15px Arial; margin: 0 7px; padding: 6px 10px; } #navigation ul li a:hover, #navigation ul li.current_page_item { background: url('images/arrow1.png') bottom center no-repeat; } #searchbox { position: absolute; top: 4px; left: 7px; width: 252px; } #searchbox .text { height: 22px; width: 186px; float: right; margin-left: 5px; background: #fff url('images/input-background.jpg') repeat-x 0 0; padding: 3px; font: 13px tahoma; } #searchbox .submit { height: 28px; width: 55px; float: left; background: #615e5f url('images/search-background.png') repeat-x 0 1px; padding: 0 0 3px; font: bold 17px Arial; color: #000; } #header { background: url("images/header.jpg") no-repeat scroll 0 0; background-color: #000000 !important; height: 101px; margin: 34px 0 0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #header #logo { background: url("images/logo.png") no-repeat scroll 762px center transparent; height: 100%; position: relative; overflow: hidden; } #header #logo h1 span, #header #logo small { display: none; } #header #logo h1 a { position: absolute; height: 100%; width: 100%; } #header #logo .normal h1 { display: block; font: bold 28px Simplified Arabic; position: absolute; right: 28px; top: 27px; width: 100%; } #header #logo .normal h1 a { color: #fff; text-shadow: 0 0 8px #707070; } #categories { background: url('images/categories-background.png') repeat-x scroll 0 bottom #656565; min-height: 32px; } #categories ul { padding: 1px 10px; overflow: hidden; } #categories ul li { float: right; } #categories ul li a { display: block; padding: 6px 10px; margin: 0 7px; font: bold 15px Arial; color: #fff; margin: 3px 7px; padding: 3px 10px; text-shadow: 0px 1px 0 #000; } #categories ul li a:hover, #categories ul li.current-cat a { background-color: #202020; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; text-shadow: 0; } #content { background-color: #fff; padding: 20px 0; overflow: hidden; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: url("images/input-background.jpg") repeat-x scroll 0 0 #FFFFFF; margin: 0 0 20px; } #content #post-block { float: right; margin: 0 10px 0 0; width: 61%; padding-top:10px; } #content .block-one { border: 1px solid #BFBFBF; margin: 0 0 15px; } #content .block-one.archive { padding: 10px; background-color: #ECECEC; overflow: hidden; } #content .block-one.archive h2 { color: #2D2D2D; font: bold 20px Simplified Arabic; margin: -2px 0 5px; border-bottom: 2px solid #2D2D2D; display: inline-block; text-shadow: 1px 1px 0 #fff; } #content .block-one.archive h2 a { color: #2D2D2D; } #content .block-one .headline { background: url("images/block-background.png") repeat-x scroll 0 0 #DCDCDC; margin: 1px; min-height: 30px; } #content .block-one .headline small { color: #4D4D4D; font: bold 13px/26px Simplified Arabic; padding: 5px; text-shadow: 0 1px 0 #FFF; } #content .block-one .headline small a[rel~=category], #content .block-one .headline small a[rel~=category]:hover { color: #fff; background-color: #4D4D4D; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 0 1px 0 #000; padding: 0 5px; border: 0; } #content .block-one .headline h2, #content .block-two .headline h2 { color: #111111; font: bold 15px arial; padding: 6px 7px; text-shadow: 1px 1px 0 #FFFFFF; } #content .block-one .headline h2 a, #content .block-two .headline h2 a { color: #111111; } #content .block-one .post { overflow: hidden; padding: 10px; } #content .block-one .post h2 { color: #BA0000; font: bold 24px Simplified Arabic; margin: -8px 0 10px; } #content .block-one .post h2 a, #content .block-one .post h2 a:hover { border: 0; } #content .block-one .post h3 { font: bold 20px Simplified Arabic; margin: 5px 0; } #content .block-one .post h4 { font: bold 17px Arial; } #content .block-one .post p, #content .block-one.archive p { color: #272626; font: 13px/21px Tahoma; margin: 0 0 20px; text-align: justify; text-shadow: 1px 1px 0 #fff; } #content .block-one.archive p { margin: 0; } #content .block-one .post a { color: #BA0000; } #content .block-one .post p a, #content .block-one .post ul li a { border-bottom: 1px dashed #BA0000; padding: 0 0 3px; } #content .block-one .post a:hover { color: #d65d22; border-bottom: 1px dashed #d65d22; } #content .block-one .post ul, #comments li .comment-box .content ul { background-color: #fff; margin: 0 0 15px; overflow: hidden; } #comments { padding: 0; margin: 0; } #comments li .comment-box .content a { border-bottom: 1px solid #A20000; color: #A20000; padding: 0 0 1px; } #comments li .comment-box .content a:hover { color: #f5502a; border-bottom-color: #f5502a; } #comments li .comment-box a.comment-reply-link { background-color: #fff; border: 1px solid #ACACAC; bottom: 6px; color: #515253; font: bold 15px Simplified Arabic; left: 6px; padding: 0 6px 1px; position: absolute; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; opacity: .8; } #comments li .comment-box a.comment-reply-link:hover { border: 1px solid #ACACAC; color: #000; padding: 0 6px 1px; opacity: 1; } #content .block-one .post ul li, #comments li .comment-box .content ul li { background: url("images/arrow.gif") no-repeat scroll right 10px transparent; font: 13px/21px Tahoma; margin: 0 0 5px; padding: 0 15px 0 0; } #content .block-wd { width: 105%; margin: 0 0 30px; overflow: hidden; } #content .block-wd .post { -moz-box-shadow: 0 0 5px #A49E9E; -webkit-box-shadow: 0 0 5px #A49E9E; box-shadow: 0 0 5px #A49E9E; float: right; height: 144px; margin: 15px 1px 15px 19px; width: 144px; position: relative; overflow: hidden; } #content .block-wd .post h2 { background-color: #000; opacity: 0.75; position: absolute; bottom: 0; width: 100%; min-height: 60px; text-align: center; z-index: 10; } #content .block-wd .post h2 a { color: #fff; display: block; font: bold 14px Simplified Arabic,Arial; padding: 5px; } #content .block-two { border: 1px solid #BFBFBF; margin: 0 0 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 7px #C3C3C3; -webkit-box-shadow: 0 0 7px #C3C3C3; box-shadow: 0 0 7px #C3C3C3; padding: 10px 2px; } #content .block-two .headline { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url("images/block-background.png") repeat-x scroll 0 1px #E3E0D1; height: 29px; } #content #cat-block { float: right; margin: 0 20px 0 0; width: 23%; } #content #sidebar { float: right; margin: 0 20px 0 10px; width: 28.6%; padding-top:10px; } #content #sidebar .side-content { overflow: hidden; } #content #sidebar .side-content .adv { padding: 6px 0 0; text-align: center; } #content #sidebar .side-content .adv img { margin: 0 2px 3px; } #content #sidebar .side-content .list ul, #content .block-two .list ul { padding: 5px; } #content #sidebar .side-content .list ul li , #content .block-two .list ul li { background: url("images/arrow.gif") no-repeat scroll right 11px transparent; padding: 0 9px 0 0; font: 12px/22px tahoma; } #content #sidebar .side-content .list ul li a , #content .block-two .list ul li a { color: #414141; } #content .side-content .other { padding: 5px; text-align: center; font: 13px Tahoma; } #content .side-content .other form { text-align: right; } #content #sidebar .side-content .list ul#social-share { padding: 5px 6px 7px 5px; overflow: hidden; } #content #sidebar .side-content .list ul#social-share li { float: right; background: 0; padding: 0; } #content #sidebar .side-content .list ul#social-share li a { display: block; width: 35px; height: 35px; background: 0; text-indent: -9999px; padding: 0; margin: 0 4px 0 4px; opacity: .7; } #content #sidebar .side-content .list ul#social-share li a:hover { opacity: 1; } #content #sidebar .side-content .list ul#social-share li a.facebook { background: url("images/social_facebook.png") repeat-x scroll 0 0; } #content #sidebar .side-content .list ul#social-share li a.delicious { background: url("images/social_delicious.png") repeat-x scroll 0 0; } #content #sidebar .side-content .list ul#social-share li a.digg { background: url("images/social_digg.png") repeat-x scroll 0 0; } #content #sidebar .side-content .list ul#social-share li a.twitter { background: url("images/social_twitter.png") repeat-x scroll 0 0; } #content #sidebar .side-content .list ul#social-share li a.technorati { background: url("images/social_technorati.png") repeat-x scroll 0 0; } #content #sidebar .side-content .list ul#social-share li a.tumblr { background: url("images/social_tumblr.png") repeat-x scroll 0 0; } #content .block-one .post h2 a, #content .block-one .post h2 a:hover { border: 0; } .c-headline { background-color: #3E3E3E; height: 32px; margin: 22px 0; padding: 1px; text-align: center; } .c-headline h2 { color: #FFFFFF; font: bold 20px Simplified Arabic; margin: -2px 0 0; text-shadow: 1px 1px 0 #000000; } .c-headline span.arrow { background: url("images/arrow2.png") no-repeat scroll 0 0 transparent; position: relative; display: block; bottom: 0; margin: 0 auto; width: 30px; height: 10px; } #comments li.depth-1 .comment-box, #comments li.depth-2 .comment-box, #comments li.depth-3 .comment-box { overflow: hidden; margin: 0 0 15px; border: 1px solid #8C8C8C; background-color: #f3f1e5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 5px #AAAAAA; -moz-box-shadow: 0 0 5px #AAAAAA; -webkit-box-shadow: 0 0 5px #AAAAAA; } #comments li.bypostauthor .comment-box { background-color: #E1E0B8 !important; } #comments li .comment-box .comment-head { padding: 10px; overflow: hidden; } #comments li .comment-box .comment-head .info { float: right; padding: 0 10px; } #comments li .comment-box .comment-head .info h3 { color: #4D4A45; font: bold 19px Arial; display: inline; } #comments li .comment-box .comment-head .info h3 a { border-bottom: 2px solid #A20000; color: #A20000; padding: 0 0 1px; } #comments li .comment-box .comment-head .info h3 a:hover { color: #f5502a; border-bottom-color: #f5502a; } #comments li .comment-box .comment-head .info .date small { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #fff; color: #515253; font: bold 13px Simplified Arabic; padding: 1px 10px 2px; border: 1px solid #ACACAC; display: inline-block; border-radius: 10px; } #comments li .comment-box .comment-head .info .date small a { color: #515253; } #comments li .comment-box .comment-head .info .date small a.comment-edit-link { margin: 0 5px 0 0; border-bottom: 1px dashed #515253; } #comments li .comment-box .comment-head .info .date small a.comment-edit-link:hover { color: #929394; border-bottom: 1px dashed #929394; } #comments li .comment-box .comment-head .info .date { clear: both; padding: 10px 0 0; } #comments li .comment-box .content { padding: 10px 10px 35px; position: relative; top: 0; right: 0; overflow: hidden; } #comments li .comment-box .content p { font: 13px/21px Tahoma; margin: 0 0 10px; text-align: justify; } #comments li .comment-box .content em { color: #000; display: block; font: italic bold 15px simplified Arabic; margin: -17px 0 0; } #comments li .comment-box .avatar { float: right; border: 1px solid #000000; } #comments ul.children { border-right: 4px solid #8C8C8C; margin: 0 15px 0 0; padding: 0 15px 0 0; } #respond { border: 1px solid #BFBFBF; } #respond ul li { overflow: hidden; padding: 10px; } #respond ul li p { font: bold 15px Simplified Arabic; } #respond ul li p a { color: #A20000; } #respond ul li label { display: block; float: right; font: bold 15px Simplified Arabic; padding: 5px 0 5px 12px; width: 35%; text-align: left; position: relative; } #respond ul li label em { color: red; font: 20px Arial; left: 0; position: absolute; top: 10px; } #respond ul li .text, #respond ul li .textarea { background: url("images/input-background.jpg") repeat-x scroll 0 -10px #FFFFFF; border: 1px solid #ACACAC; float: left; font: 13px Tahoma; margin: 6px; padding: 4px; width: 59%; } #respond ul li .textarea { height: 120px; } #respond ul li #submit { background: url("images/search-background.png") repeat-x scroll 0 1px #9D9A9B; font: bold 17px Arial; height: 34px; margin: 0 8px; width: 80px; } .pagebar { margin: 10px auto; text-align: center; overflow: hidden; width: auto; } .pagebar .this-page,.pagebar .break, .pagebar a { -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; background: url("images/block-background.png") repeat-x scroll 0 0 #F5F0DC; border: 1px solid #A2A2A2; color: #000000; font: bold 15px/25px arial; padding: 0 5px; text-shadow: 1px 1px 0 #FFFFFF; display: inline-block; margin: 0 3px 5px; border-radius: 10px; } .pagebar a, .pagebar .break { background-color: #B9B9B9; border: 1px solid #B9B9B9; } .pagebar a:hover { background-color: #F5F0DC; border: 1px solid #A2A2A2; } #about-site { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #D3D3D3; border: 1px solid #777777; margin: 15px 0; padding: 10px; } #about-site h2 { color: #585252; font: bold 24px Simplified Arabic; } #about-site p { color: #312C2C; font: bold 15px/23px Simplified Arabic; } #footer { -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: url("images/footer-background.png") repeat-x scroll 0 1px #151515; margin: 20px 0 0; padding: 10px; overflow: hidden; min-height: 150px; position: relative; } #footer .tags h2 { color: #FFFFFF; font: bold 21px Simplified Arabic; margin: -5px 0 5px; text-shadow: 0 0 5px #787A7D; } #footer .tags { width: 100%; padding: 0; } #footer .tags a { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #343434; color: #C8C8C8; font-family: Tahoma; margin: 0 1px 5px; padding: 1px 5px 4px; text-shadow: 0 1px 0 #000; display: inline-block; } #footer .tags a:hover { color: #efefef; background-color: #767676; } #footer .top { background: url("images/arrow4.png") no-repeat; height: 15px; left: 14px; position: absolute; top: 4px; width: 14px; } #footer .top a { display: block; height: 15px; width: 14px; } #copyright { background: url("images/navigation-background.png") repeat-x scroll 0 0 #151515; padding: 5px; } #copyright p,#copyright a { color: #A1A1A1; font: 11px/20px Tahoma; text-align: center; } #copyright a { padding: 0 0 2px; border-bottom: 1px solid #A1A1A1; } #content .block-one .headline small a { border-bottom: 1px solid #4D4D4D; color: #4D4D4D; padding: 0 0 1px; } #content .block-one .headline small a:hover { border-bottom: 1px solid #272626; color: #272626; } #content .block-one.archive .gravatar { float: right; } #content .block-one.archive .gravatar img { border: 1px solid #2D2D2D; } #content .block-one.archive .author-headline { float: right; padding: 2px 10px 0 0; width: 85.5%; } .author-links { direction: ltr; display: block; font: 11px Tahoma; margin: 0 0 5px; padding: 1px 20px; height: 17px; } .author-links a { border-bottom: 1px dashed; padding: 0 0 2px; } .author-links.type-url { background: url("images/icon-url.png") no-repeat scroll right 1px transparent; } .author-links.type-twitter { background: url("images/icon-twitter.png") no-repeat scroll right 1px transparent; } .author-links.type-facebook { background: url("images/icon-facebook.png") no-repeat scroll right 1px transparent; } .author-links.type-jabber { background: url("images/icon-gtalk.png") no-repeat scroll right 1px transparent; } .author-links.type-aim { background: url("images/icon-aim.png") no-repeat scroll right 1px transparent; } .author-links.type-yim { background: url("images/icon-yim.png") no-repeat scroll right 1px transparent; } #content .block-one .post blockquote { background-color: #FAEBBC; border-right: 5px solid #AE9D68; margin: 10px 20px 10px 0; padding: 5px; } #content .block-one .post blockquote p { margin: 5px 1px; } #content .side-content .other select#cat { background: none repeat scroll 0 50% transparent; border: 1px solid #BFBFBF; font: 12px Tahoma; height: auto; padding: 2px; } #content .side-content .other a { font: bold 100% Tahoma, Arial; color: #414141; } #content .side-content .other a:hover { color: #7a7a7a; } #navigation ul li ul { background: none repeat scroll 0 0 #000000; position: absolute; top: 25px; right: 0; min-width: 155px; background: url("images/footer-background.png") repeat-x scroll center top #151515; border: 1px solid #000000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #navigation ul li ul.children a { margin: 0 -10px; min-width: 155px; } #navigation ul li ul li { float: none; position: relative; } #navigation ul li ul li ul li { float: right; clear: both; } #navigation ul li ul, #navigation ul li ul li ul { opacity: .9; } #navigation ul li ul li a:hover, #navigation ul li ul li ul li a:hover, #navigation ul li ul li ul li ul li a:hover, #navigation ul li ul li.current_page_item, #navigation ul li ul li ul li.current_page_item { background-image: none; opacity: 1; } #navigation ul li ul li ul { right: 155px; top: -6px; position: absolute; } #navigation ul li:hover ul, #navigation ul li ul li:hover ul, #navigation ul li ul li:hover ul li:hover ul { display: block; } #navigation ul li:hover ul ul, #navigation ul li ul, #navigation ul li:hover ul li:hover ul ul { display: none; } #content .block-wd .post img.thumb { position: absolute; top: 0; right: 0; z-index: 1; width: 144px; height: 144px; } .author-links-block { clear: both; float: left; text-align: left; margin: 10px 0 -7px; } .author-links-block .author-links a { color: #272626; } .author-links-block .author-links { padding: 1px 15px 1px 20px; float: left; } .author-links-block .author-links.type-url, .author-links-block .author-links.type-twitter { background-position: left center; } .page-navigation { margin: 10px auto; width: auto; } .page-navigation .right a { float: right; } .page-navigation .left a { float: left; } .page-navigation .right a, .page-navigation .left a { background: url("images/block-background.png") repeat-x scroll 0 0 #B9B9B9; color: #000; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: inline-block; font: bold 15px/25px arial; margin: 0 3px 5px; padding: 0 5px; text-shadow: 1px 1px 0 #FFFFFF; border: 1px solid #B9B9B9; } .page-navigation .right a:hover, .page-navigation .left a:hover { background-color: #F5F0DC; border: 1px solid #A2A2A2; } .post-editor-input { border: 1px solid #AAAAAA; min-height: 35px; width: 96.5%; margin: 0 0 10px; font: bold 19px Arial; padding: 0 10px; } .post-editor-submit { display: block; text-align: left; } .post-editor-submit .submit-edit, .post-editor-submit .reset-edit { background-color: #DCDCDC; border: 1px solid #BFBFBF; padding: 2px 5px; width: 90px; margin: 2px 5px; } #contain { -moz-box-shadow: 0 0 10px #2a2927; box-shadow: 0 0 10px #2a2927; -webkit-box-shadow: 0 0 10px #2a2927; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #wp-calendar { width: 100%; } #wp-calendar caption { font-weight: bold; color: #222; text-align: left; font-size: 14px; padding-bottom: 4px; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { padding: 3px 0 2px; background: #f5f5f5; border: 1px solid #fff; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tbody td#today { background-color: #b1acac; color: #302c2c; }