<data:blog.pageTitle/> */ .navbar { visibility:hidden; display: none; } /* Set general CSS declarations */ * { font-family: tahoma; font-size: 1em; outline: 0; padding: 0; margin: 0; border: 0; text-decoration: none; vertical-align: baseline; white-space: normal; } html, body { line-height: 1; } hr { display: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { quotes: "" ""; } ul { list-style-type: none; } ol { list-style-type: decimal; } body { background: #dcdcdc; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:#ff9000; text-decoration:none; } a img { border-width:0; } /* Header ----------------------------------------------- */ #header-wrapper { width: 980px; margin-top: 15px; margin-bottom: 15px; height: 80px; background: url(http://sites.google.com/site/fablogger/bazkhoord.png) no-repeat; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { width: 168px; float: right; display: inline; margin-left: 5px; height: 60px; } #headerright { float: right; text-align: right; display: inline; margin-right: 5px; display: block; width: 168px; height: 60px; } #header h1 { float: right; background: url() no-repeat; background-position: right 20px; margin-right: 5px; padding-right: 15px; padding-top: 25px; } #header a { font-size: 1.4em; font-weight: normal; line-height: 1.5em; letter-spacing: -1px; } #header a:hover { color: #4e74f2; } #header .description { padding-top: 35px; font-weight: normal; font-size: 0.9em; line-height: 1.2em; color: #666; } #header img { margin-$startSide: auto; margin-$endSide: auto; } #top { width: 980px; height: 34px; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4sgY7CvI/AAAAAAAAAeY/TAe6MnK2eiM/s1600/topih9.gif) repeat-x; overflow:hidden; } #topleft { float: left; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4s0tJj3I/AAAAAAAAAeg/DyJKatzk9nU/s1600/topxoo3.gif) left no-repeat; height: 34px; padding-left: 10px; } #topright { float: right; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4tCRMZdI/AAAAAAAAAeo/qY30ekn2M2U/s1600/topyvj8.gif) right no-repeat; height: 34px; padding-right: 10px; } #pagenavigation { float: left; height: 32px; padding-top: 1px; padding-bottom: 1px; border-left: 1px solid #ddd; z-index: 20; } #pagenavigation li { float: left; display: block; height: 32px; border-right: 1px solid #ddd; } #pagenavigation li ul li { height: 24px; border-right: 0; border-bottom: 1px solid #ddd; width: 100%; } #pagenavigation li a { display: block; padding-left: 15px; padding-right: 15px; line-height: 32px; text-transform: uppercase; font-size: 0.7em; font-weight: bold; color: #888; } #pagenavigation li a:hover { background: #e6e8d7; color: #333; } #pagenavigation li.current_page_item a { background: #FFF; color: #3259d8; } #pagenavigation li.current_page_item a:hover { background: #FFF; color: #3259d8; } #pagenavigation ul { display: none; z-index: 99; position: absolute; } #pagenavigation ul li a { display: block; background: #FFF; } #pagenavigation li ul a:hover { display: block; background: #FFF; } #pagenavigation ul a { display: block; } #pagenavigation ul ul { margin-top: -27px; display: none; margin-left: 198px; position: absolute; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } #pagenavigation li:hover ul ul { display: none; } #pagenavigation li:hover ul { display: block; } #pagenavigation ul li:hover ul { display: block; } #pagenavigation li ul li { display: block; width: 100%; } #pagenavigation li.page_item ul { border-top: 2px solid #ddd; width: 200px; } #pagenavigation li.page_item a { display: block; } #pagenavigation li.page_item a:hover { display: block; } #pagenavigation li.page_item ul li a { display: block; text-align: left; height: 24px; line-height: 24px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #FFF; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-size: 0.7em; font-weight: bold; color: #333; } #pagenavigation li.page_item ul li a:hover { display: block; text-align: left; height: 24px; line-height: 24px; border-right: 1px solid #aaa; border-left: 1px solid #ddd; background: #FFF; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-size: 0.7em; font-weight: bold; color: #ff9000; } /* Search form CSS */ .searchform { display: inline; } .searchform fieldset { display: inline; padding-top: 4px; } .searchform label { vertical-align: middle; display: inline; margin-right: 5px; font-size: 0.7em; color: #9ba2b8; font-weight: bold; } .searchform input { vertical-align: middle; display: inline; font-size: 0.7em; } .searchinput { background: #FFF; border: 1px dotted #a3c3d3; width: 184px; padding-top: 3px; padding-bottom: 3px; color: #666; } .searchbutton { background: url(http://3.bp.blogspot.com/_lxBSX0YJV58/SvW4na_i87I/AAAAAAAAAeI/wHF58gCZ8W0/s1600/searchbuttoncv3.gif) no-repeat; width: 29px; height: 22px; text-transform: uppercase; cursor: pointer; color: #FFF; font-weight: bold; } #dmenu { float: left; height: 30px; border-left: 1px solid #ccc; z-index: 20; } #dmenu li { float: left; display: block; height: 30px; border-right: 1px solid #ccc; } #dmenu li ul li { height: 24px; border-right: 0; border-bottom: 1px solid #ddd; width: 100%; } #dmenu li a { display: block; line-height: 30px; padding-left: 15px; padding-right: 15px; font-size: 0.85em; letter-spacing: -1px; color: #666; font-weight: bold; } #dmenu li a:hover { background: url(http://3.bp.blogspot.com/_lxBSX0YJV58/SvW7EFb3FsI/AAAAAAAAAe4/yBve3z8JBxo/s1600/menuhoverha2.gif) repeat-x; color: #3259d8; } #dmenu ul { display: none; z-index: 99; position: absolute; } #dmenu ul li a { display: block; background: #FFF; } #dmenu li ul a:hover { display: block; background: #FFF; } #dmenu ul a { display: block; } #dmenu ul ul { margin-top: -26px; display: none; margin-left: 200px; position: absolute; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } #dmenu li:hover ul ul { display: none; } #dmenu li:hover ul { display: block; } #dmenu ul li:hover ul { display: block; } #dmenu li ul li { display: block; width:100%; } #dmenu li.cat-item ul { width: 200px; } #dmenu li.cat-item a { display: block; } #dmenu li.cat-item a:hover { display: block; } #dmenu li.cat-item ul li a { display: block; text-align: left; font-size: 0.8em; letter-spacing: -1px; height: 24px; line-height: 24px; padding-left: 15px; padding-right: 15px; color: #333; font-weight: bold; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } #dmenu li.cat-item ul li a:hover { display: block; text-align: left; font-size: 0.8em; letter-spacing: -1px; height: 24px; line-height: 24px; padding-left: 15px; padding-right: 15px; color: #3259d8; font-weight: bold; border-right: 1px solid #ff9000; border-left: 1px solid #ddd; } /* RSS Bar CSS */ #rssbar { width: 980px; height: 30px; margin-top: 1px; margin-bottom: 2px; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4mLWUqeI/AAAAAAAAAdo/g3VqaTDaEzc/s1600/rssbarak5.gif) repeat-x; } #rssbar #today { float: right; height: 30px; line-height: 30px; padding-right: 10px; background: url(http://3.bp.blogspot.com/_lxBSX0YJV58/SvW4mRcCzBI/AAAAAAAAAdw/tWk3y1WtHGk/s1600/rssbarxnn9.gif) no-repeat left; font-size: 0.7em; color: #888; } #rssbar ul { float: left; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4mt9HcUI/AAAAAAAAAd4/eEvIeC9qOnw/s1600/rssbaryef4.gif) no-repeat right; display: inline; height: 30px; padding-right: 10px; } #rssbar ul li { float: left; margin-left: 20px; display: inline; } #rssbar ul li a { height: 30px; line-height: 30px; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4nOZ8jDI/AAAAAAAAAeA/hqpUunkrrgc/s1600/rssya5.gif) no-repeat; background-position: right center; padding-right: 20px; font-size: 0.8em; font-weight: bold; } #rssbar ul li a:hover { color: #4e74f2; } /* Featured Column CSS ----------------------------------------------- */ #featured { width: 980px; background: #FFF url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4WJBptoI/AAAAAAAAAcY/CH4cyBub6kw/s1600/bgnq9.gif) repeat-y; border-bottom: 4px solid #ccc; } #featuredleft { direction:rtl; float:left; text-align:right; width: 600px; background: url(http://3.bp.blogspot.com/_lxBSX0YJV58/SvW4e2isTTI/AAAAAAAAAdA/vbr-X2CAbZ8/s1600/lroundop4.gif) no-repeat top left; } #featuredright { float: left; width: 380px; background: url(http://3.bp.blogspot.com/_lxBSX0YJV58/SvW4f9yuyXI/AAAAAAAAAdg/q9eqLl5VuZY/s1600/rroundtq8.gif) no-repeat top right; } /* Featured Posts CSS */ .featuredposts { width: 600px; background: #fff; } .featuredposts li { float: right; display: inline; text-align: right; border-right: 1px solid #eee; direction:rtl; } .featuredposts li a { float: left; display: block; padding-left: 20px; padding-right: 20px; line-height: 38px; height: 38px; font-size: 0.7em; font-weight: bold; color: #aaa; } .featuredposts li a:hover { background: url(http://3.bp.blogspot.com/_lxBSX0YJV58/SvW7D3ewlJI/AAAAAAAAAew/M64V-9cQv1I/s1600/tabmoverzy9.gif) no-repeat top center; color: #ff9000; } .featuredposts li a.selected { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4scVHrBI/AAAAAAAAAeQ/o36FdBeW-XM/s1600/tabselectorxa6.gif) no-repeat top center; color: #3259d8; } .featuredposts li a.selected:hover { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4scVHrBI/AAAAAAAAAeQ/o36FdBeW-XM/s1600/tabselectorxa6.gif) no-repeat top center; color: #3259d8; } .featuredposts_content { display: none; border-top: 1px solid #eee; padding: 15px; width: 570px; background: #fff; text-align: right; direction: rtl; } @media print { .featuredposts_content { display: block !important; } } .featuredposts_content .thumb img { float: left; display: inline; margin-right: 15px; border: 3px solid #dcebf1; } .featuredposts_content .featured { display: inline; background: #fff; font:normal 9pt tahoma; line-height:21px; } .featuredposts_content .featured h2 { font-size: 1.1em; font-weight: bold; color: #3259d8; } .featuredposts_content .featured h2 a:hover { color: #4e74f2; } .featuredposts_content .featured .time { color: #999; font-size: 0.7em; line-height: 2em; } .featuredposts_content .featured .widget-content { padding-top: 5px; /*border-bottom: 1px solid #ddd;*/ } .featuredposts_content .featured .widget-content p { margin: 0px 0px 7px 0px; font-size: 0.75em; line-height: 1.4em; color: #666; } .featuredposts_content .featured .endpost { padding-top: 5px; } .featuredposts_content .featured .cat a { float: left; display: block; padding: 5px; background: #999; text-transform: uppercase; font-size: 0.7em; color: #FFF; font-weight: bold; line-height: 1.1em; } .featuredposts_content .featured .cat a:hover { background: #ff9000; } .extra { float: right; } .extra li { display: inline; float: left; margin-left: 10px; } .extra li a { font-size: 0.7em; font-weight: bold; } .extra li.comments a { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW7ESiPDyI/AAAAAAAAAfA/Yflp9Usq0PI/s1600/commentsuy7.gif) no-repeat; background-position: right center; padding-right: 20px; padding-left: 10px; border-left: 1px solid #bbb; color: #ff9000; } .extra li.comments a:hover { text-decoration: underline; } /* Featured Tabs CSS */ .featuredtabs { width: 380px; } .featuredtabs li { float: right; display: inline; text-align: center; border-right: 1px solid #eee; } .featuredtabs li a { float: left; display: block; padding-left: 25px; padding-right: 23px; line-height: 38px; height: 38px; font-size: 0.7em; font-weight: bold; color: #aaa; } .featuredtabs li a:hover { background: url(http://3.bp.blogspot.com/_lxBSX0YJV58/SvW7D3ewlJI/AAAAAAAAAew/M64V-9cQv1I/s1600/tabmoverzy9.gif) no-repeat top center; color: #ff9000; } .featuredtabs li a.selected { background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4scVHrBI/AAAAAAAAAeQ/o36FdBeW-XM/s1600/tabselectorxa6.gif) no-repeat top center; color: #3259d8; } .featuredtabs li a.selected:hover { background: url(hhttp://4.bp.blogspot.com/_lxBSX0YJV58/SvW4scVHrBI/AAAAAAAAAeQ/o36FdBeW-XM/s1600/tabselectorxa6.gif) no-repeat top center; color: #3259d8; } .featuredtabs_content { display: none; border-top: 1px solid #eee; padding: 15px; width: 350px; } .featuredtabs_content h2{ display: none; } @media print { .featuredtabs_content { display: block !important; } } .featuredtabs_content ul { } .featuredtabs_content ul li { border-bottom: 1px dotted #ccc; margin-bottom: 4px; padding-bottom: 4px; font-size: 0.7em; line-height: 1.4em; color: #999; text-align:right; direction: rtl; } .featuredtabs_content ul li span { display: block; } .featuredtabs_content ul li span a { color: #333; } .featuredtabs_content ul li span a:hover { color: #ff9000; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 980px; margin:0 auto; padding:0; text-align: left; color:#666; } #content-wrapper { width: 980px; padding-bottom: 10px; background: #f3fbff url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4WnFvAEI/AAAAAAAAAco/a-y92vbelzI/s1600/closebigcolumnmf0.gif) no-repeat bottom; overflow:hidden; } #main-wrapper { float: left; width: 650px; margin-left: 8px; display: inline; } #sidebar-wrapper { float: right; width: 314px; margin-left: 0px; margin-right: 8px; display: inline; } #sidebartop { width: 314px; margin: 0px; clear:both; } #sidebarleft { float: left; width: 148px; margin: 0; } #sidebarright { float: right; width: 148px; margin: 0; } #sidebarbottom { width: 314px; margin: 0px; clear:both; } /* Headings ----------------------------------------------- */ .sidebar h2 { margin-top: 15px; font-size: 0.9em; line-height: 1.3em; color: #333; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4XDSMMfI/AAAAAAAAAcw/B5aa6dLLDf4/s1600/hbulletoc8.gif) no-repeat right; border-bottom: 2px solid #d8e1f0; padding-right: 15px; padding-bottom:5px; } .top-tags { font-size: 0.9em; line-height: 1.1em; color: #333; background:#f3fbff url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4XDSMMfI/AAAAAAAAAcw/B5aa6dLLDf4/s1600/hbulletoc8.gif) no-repeat right; padding-right: 15px; padding-bottom:3px; font-weight: bold; margin-right: 10px; margin-bottom:5px; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0; display:none; } .post { float: left; width: 316px; display: inline; margin-top: 15px; margin-left: 0px; margin-right: 8px; margin-bottom: 10px; } .postbox { background: #FFF; padding: 10px; border: 1px solid #d8e1f0; overflow:hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; } .post h3 { font-size: 1em; color: #4169E1; font-weight: bold; } .post-body { margin:0 0 .75em; line-height:1.6em; font-size: 0.75em; height:150px; overflow:hidden; teat-align: justify; direction: rtl; } .post-body blockquote { line-height:1.3em; } .post-footer { margin: .75em 0; color:$sidebarcolor; text-transform:normal; letter-spacing:.1em; font-size: 0.75em; line-height: 1.4em; } .comment-link { margin-$startSide:.6em; } .post img { border: 3px solid #dcebf1; } .post blockquote { background: #fffced; border: 1px dotted #dfdccb; margin-bottom: 15px; padding-top: 10px; padding-left: 30px; padding-right: 50px; display: block; } .post blockquote p { line-height: 1.3em; } .post ol {padding-right: 20px;} .post ul {margin: 5px 5px 20px 5px;} .post ol {margin: 5px 5px 20px 5px; text-align: right; direction: rtl;} .post ul ul {margin: 5px 5px 5px 5px;} .post ol ol {margin: 5px 5px 5px 5px;} .post ol li { line-height: 1.5em; color: #333; margin-bottom: 5px; font-size: 12px; } .post ul li { line-height: 1.5em; color: #333; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4WXVUmLI/AAAAAAAAAcg/hEQV6ONxAf8/s1600/bulletdu2.gif) no-repeat; background-position: right 6px; padding-right: 20px; text-align: right; margin-bottom: 5px; font-size: 12px; } .post-header-line-1 { color: #999; font-size: 0.9em; line-height: 2em; } .postfoot { margin-top: 7px; padding-top: 7px; float: right; width: 294px; border-top: 1px dotted #ddd; } .postfoot li { display: block; float: right; display: inline; margin-right: 5px; } .postfoot li a { display: block; padding: 5px; background: #eee; text-transform: uppercase; font-size: 1em; color: #666; line-height: 1.1em; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .postfoot li a:hover { background: #fff; color: #333; } /* Comments ----------------------------------------------- */ #comments h4 { letter-spacing: -1px; font-size: 1em; font-weight: bold; color: #333; } #comments, #comments ol, #comments ol li, #comments ol li.alt { font-size: 100%; } #comments { width: 618px; margin:0px 0; padding: 20px 0px; } #comment-list { padding:0; margin:0; border:0; list-style-type: none; margin-bottom: 20px; font-size: 1.75em; } .commentlistdiv { padding:0; margin:0; border:0; list-style-type: none; margin-bottom: 20px; font-size: 1.75em; } .commentlistdiv h1 { font-size: 1.3em; color: #366799;border-bottom: 1px solid #eee; line-height: 1.5em;} .commentlist li {padding:0; margin:0; border:0; background: #fefff7; border: 1px solid #eee; padding: 10px; margin-top: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .commentlist li.alt { padding:0; margin:0; border:0; background: #FFF; border: 1px solid #eee; padding: 20px; margin-top: 20px; } .pane_l { float: left; text-align: right; width: 150px; padding: 0px 10px; border-right: 1px solid #eee; } * html .pane_l{margin-top:15px; } .pane_r { float: right; width: 415px; text-align: left; font-size: 12px; } .c_author {font-size: 13px;font-weight: normal;height:30px; overflow:hidden;margin: 0px 0px 7px 0px;} .c_avatar {display: block;margin: 0px 0px 7px 0px;} .c_date {color: #aaa;font-size: 0.9em;margin: 0px 0px 0px 0px; padding-top:20px;} .c_approved {color: #aaa;font-size: 0.9em;} .comment-form { background:transparent; border:0px solid #cccccc; margin:0 10px 20px 10px; padding:10px 0 0 15px;width:95%;} * html .comment-form { width:87%; } .owner-Body {float: right; width: 415px; text-align: left; font-size: 12px;} .owner-Body p { font-size: 12px;color:red; font-weight:bold; padding: 0px 10px; text-align: right; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { clear: both; text-align: center; margin-right:8px; font-size: 12px; } .feed-links { clear: both; line-height: 2.5em; font-size: 12px; } /* Sidebar Content ----------------------------------------------- */ .sidebar, .headerright { color: $sidebartextcolor; line-height: 1.5em; } .sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #ddd; background: url(http://4.bp.blogspot.com/_lxBSX0YJV58/SvW4WXVUmLI/AAAAAAAAAcg/hEQV6ONxAf8/s1600/bulletdu2.gif) no-repeat; background-position: right 5px; padding-right: 13px; font-size: 1.0em; line-height: 1.3em; color: #666; } .sidebar .widget, .main .widget,.headerright .widget { margin:0; padding:0; } .sidebar .widget-content { background: #FFF; padding: 10px; border-right: 1px solid #d8e1f0; border-left: 1px solid #d8e1f0; border-bottom: 1px solid #d8e1f0; font-size: 0.9em; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; } .profile-data { margin:0; font-family; tahoma; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer { width: 980px; margin-bottom: 30px; line-height: 1.8em; clear:both; } #footer a:hover { color: #3259d8; text-decoration: underline; } #required { display: inline; float: left; margin-left: 10px; font-size: 1em; color: #666; font-family: tahoma; } #copyright { display: inline; float: right; margin-right: 10px; font-size: 1em; color: #666; font-family: tahoma; } ]]>