<b:if cond='data:blog.homepageUrl == data:blog.url'> <data:blog.title/> <b:else/> <data:blog.pageName/> | <data:blog.title/> </b:if> */ #navbar-iframe { display: none; height: 0 !important; visibility: hidden; } *{ margin: 0; padding: 0; } body { margin: 0 auto; padding: 0; font-size : 20px; line-height: 1.2; color: $textcolor; background: #333333; direction: rtl; } a:link { color: #fff; text-decoration: none; } a:visited { color: #F8A505; text-decoration: none; } a:focus { outline-style: none; } a:hover { text-decoration: none; color: #fff; } img { border: 0; margin: 0; } .clear { clear: both; } /* headings ----------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-size: 200%; } h2 { font-size: 180%; } h3 { font-size: 160%; } h4 { font-size: 140%; } h5 { font-size: 120%; } h6 { font-size: 110%; } /* main layouts ----------------------------------------------*/ #wrapper { position:relative; margin: 0 auto; padding: 0; } #top-wrapper { margin: 0; padding: 0; background: #F8A505; } #main-wrapper { position: relative; padding: 0; margin: 0; overflow: hidden; } #content { display: inline; width: 100%; height: 100%; margin: 0 auto; padding: 0; overflow: hidden; } .mask { width: 100%; margin: 0; padding: 0; border-top: 20px solid #2f2f2f; background: #222; } .mask2 { width: 960px; margin: 0 auto; padding: 0; background: #222; } /* header ----------------------------------------------*/ #header-wrapper { height: 90px; width: 960px; margin: 0 auto; padding: 10px 0; background: transparent; } #header { float: right; height: 90px; margin: 0 0 40px -50px; width: 300px; } #header h1.title { font: $blogtitlefont; } #header h1.title, #header h1.title a { color: #FFFFFF; text-shadow: 0 1px 2px #666666; } #header .titlewrapper { float: right; width: 100%; margin: 20px 0 0; padding: 0; background: transparent; } #header .descriptionwrapper { float: right; width: 100%; margin: 0; padding: 0; font: normal normal 8px Helvetica, Arial, serif; background: transparent; } #header img { margin: 0 auto; } /* menu ----------------------------------------------*/ #menu { float: right; height: 40px; line-height: 0; margin: 0 0 -10px; padding: 75px 0 0; width: 560px; } #menu ul { margin: 10px 0 0; padding: 0; } #menu ul li { list-style: none; display: inline; float: right; padding: 0 0 0 20px; } #menu ul li a { font: normal bold 20px 'Oswald', serif; text-transform: uppercase; text-shadow: 0px 1px 2px #666; color: #fff; } /* sharing buttons ----------------------------------------------*/ .post-button { position: relative; overflow: hidden; width: 960px; height: 70px; margin: 0 auto; padding: 0; } .post-button span.yslide img { position: relative; top: -20px; float: right; margin: 0 4px 10px 6px; } .post-button img:hover { -moz-box-shadow: 0px 0px 4px #777; -webkit-box-shadow: 0px 0px 4px #777; box-shadow: 0px 0px 4px #777; } /* thumb posts ----------------------------------------------*/ .post-summary { float: right; overflow: hidden; margin: 10px; width: 300px; height: 230px; } .post-summary h2 { display: block; position: relative; height: 230px; margin: 0; padding: 0; } .post-summary a.thumbview { display: block; position: relative; overflow: hidden; height: 230px; padding: 0; color: #333; line-height: 1.2; border: none; } .post-summary a:hover { text-decoration: none; } .post-summary img { position: absolute; top: 0px; right: 0px; width: 280px; height: 210px; z-index: 2; border: 10px solid $bordercolor; } .post-summary span.preview { position: absolute; top: 230px; right: 0px; z-index: 3; width: 280px; height: 210px; border-right: 10px solid $bordercolor; border-bottom: 10px solid $bordercolor; border-left: 10px solid $bordercolor; background: url(http://3.bp.blogspot.com/-94oen-enR5U/Td-n0OEBlhI/AAAAAAAABbo/YlgVB-ObpRg/s1600/texture70-body-bg.png); } .post-summary span.title { position: absolute; top: 0; right: 0; padding: 10px 20px; line-height: 1; font-size:24px; } .post-summary span.linkview { position: absolute; top: 100px; right: 50px; padding: 10px 20px; line-height: 1.2; } .post-summary span.linkview a { color: #fff; text-shadow: 0 1px 2px #666666; } .post-summary span.tag { position: absolute; top: 165px; right: 0; padding: 10px 20px; font-size: 17px; color: $bordercolor; } .post-summary span.tag a { margin: 0; padding: 0 0 0 5px; font-size: 12px; border: none; text-shadow: none; color: $bordercolor; background: transparent; } /* normal posts ----------------------------------------------*/ .post { width: 960px; margin: 0 auto; padding: 0; } .post h3.entry-title { margin: 0; padding: 0 0 20px; font: $posttitlefont; line-height: 1.1; } .post h3.entry-title a, .post h3.entry-title a:visited { text-decoration: none; color: $titlecolor; } .post h3.entry-title strong, .post h3.entry-title a:hover { color: $hoverlinkcolor; } .post ul, .post ol { margin: 0 0 1em 1em; } .post ul li { padding: .3em 0 0; } .post ol li { margin: 0 0 0 .3em; padding: .3em 0 0; } .post-body { width: 600px; margin: 0 0 .75em; } .post .post-body blockquote { margin: .3em 0; padding: 20px 0 10px 20px; font-style: italic; } .post .post-body blockquote:before { padding: 0 .4em 0 0; content: url(http://1.bp.blogspot.com/-c94YoHTKCJ8/TfMFZBm26bI/AAAAAAAACAM/-6gj22oQ_MA/s000/quote-open.png); } .post .post-body blockquote:after { padding: 0 0 0 .4em; content: url(http://4.bp.blogspot.com/-KShPqFaTbcQ/TfMFZkJw5_I/AAAAAAAACAQ/d_twnU0WL2I/s000/quote-close.png); } .post-body img { float: right; width: 940px; height: auto; margin: 0 0 20px; border: 10px solid $bordercolor; } .post-body a { border-bottom: 1px dotted #999; } .post-body .separator a { border: none; } .post-body .post-header { margin: 0 0 20px; } .post-body .post-header a { border: none; } .post-body .post-footer { margin: 1.5em 0; line-height: 1.4; } .post-body .post-footer a { border: none; } .post-labels a { margin: 0 0 0 10px; padding: 2px 15px; text-decoration:none; font-weight: bold; text-shadow: 0px 1px 2px #000; color: #fff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #F8A505; } /* misc ----------------------------------------------*/ .post table { margin: .7em 0; border: 1px solid #2f2f2f; } .post table td, table th { padding: .3em .7em; text-align: center; border: 1px solid #2f2f2f; } .post table th { text-transform: uppercase; font-weight: normal; background: #2a2a2a; } .tr-caption-container img { border: none; padding: 0; } .pagetitle { display: block; width: 960px; margin: 0 auto; text-align: center; } .pager { width: 960px; margin: 0 auto; padding: 10px 0 0; } #blog-pager { text-align: center; clear: both; margin: 10px; padding: 0; text-transform: uppercase; } #blog-pager a { padding: 0 130px; font: normal bold 54px 'Oswald', serif; color: #2f2f2f; } #blog-pager-older-link { float: right; height: 72px; margin: 0; padding: 0; } #blog-pager-newer-link { float: right; height: 72px; margin: 0; padding: 0; } .item-content { border-bottom: 5px solid #2d2d2d; padding: 0 0 10px; } .item-thumbnail a img { width: 90px; height: auto; margin: 0 .5em 0 0; padding: 0; border: 5px solid #353535; } .item-title a { font-weight: bold; } /* comments ----------------------------------------------*/ #comments { width: 600px; padding: 0 0 20px 360px; margin: 0 auto; overflow: hidden; } #comments h4 { display: block; margin: 20px 0 10px; padding: 0; font-family: 'Oswald', serif; font-size: 30px; color: #fff; } #comments a { border-bottom: 1px dotted #999; } #comments a:hover { color: #fff; } #comments-block { position: relative; margin: 10px 0; } #comments-block dt.comment-author { margin: 10px 0 0; padding: 5px 0; font-size: .9em; } #comments-block dt.comment-author a { border: none; } #comments-block dd.comment-body { margin: 0 0 25px; padding: 0; } #comments-block.avatar-comment-indent { position: relative; margin: 0; } .deleted-comment { font-style: italic; color: #999; } .feed-links { display: none; clear: both; } /*footer 3 columns ----------------------------------------------*/ #footer-wrapper { background: none repeat scroll 0 0 #000; border-top: 1px solid #FCFCFC; margin: 0; padding: 0 0 20px; } #footer { width: 960px; margin: 0 auto; padding: 10px 0 0; line-height: 1.2; color: #777; background: transparent; } #footer a { color: #777; } #footer a:hover { color: $hoverlinkcolor; } .footcol { float: right; margin: 10px 0; padding: 0 10px 10px; } .footcol h2 { margin: 0 0 20px -20px; padding: 0 0 10px 20px; font-size: 22px; color:#f8a505; border-bottom: 8px solid #2b2b2b; } .footcol ul, .footcol ol { margin: 0; } .footcol ul li, .footcol ol li { list-style: none; padding: 0 0 .2em; } #fcol1, #fcol2, #fcol3 { float: right; width: 300px; margin-right: 0 10px; } #fcol1 .widget, #fcol2 .widget, #fcol3 .widget { background: none repeat scroll 0 0 #171717; margin: 0 0 20px; padding: 20px 15px 20px 20px; } /* credit ----------------------------------------------*/ #credit-wrapper { margin: 0; background: #171717; } #credit { width: 960px; height: 2em; margin: 0 auto; padding: 1em 0 0 0; color: #fff; } #credit span.cleft { float: right; } #credit span.cright { float: right; } #credit p { margin: 0; font: normal normal 15px tahoma, Arial, serif; } #credit a:hover { color: 171717; } .post-body img {max-width:99%;} ]]>

عرض كامل

1 تعليق لا يوجد تعليق تعليق