<data:blog.pageTitle/> Templatelite.com. Version: 1.00 Author: TemplateLite.com Author URI: http://www.templatelite.com/ Tags: Light purple, Right Sidebar, Fixed Width, 3 columns, Widget Ready, Valid XHtml, Valid CSS Converted to blogger template by FalconHive.com Template Name: Letter Frame Template URI: http://www.falconhive.com/2009/08/letter-frame-blogger-template.html Version: 1.00 Converter: FalconHive.com Converter URI: http://falconhive.com ------------------------------------------------------------------------------- */ /* Variable definitions ==================== */ #navbar-iframe { height:0px; visibility:hidden; display:none; } /***** GENERAL *****/ body{ margin:0px auto; font-size: 12px; font-family: tahoma, Arial, Helvetica, Sans-Serif; color:$textcolor; background:#232237 url(http://img199.imageshack.us/img199/7101/bgrepeats.jpg) repeat-y top center; border:0px yellow solid; } img { border:0px; padding:5px; max-width: 100%; /* not working in IE6*/ } a {color:$linkcolor;text-decoration: none;} a:hover {color:$hoveredlinkcolor;text-decoration: underline;} h1 {font-size:30px;} h2 {font-size:26px;} h3 {font-size:21px;} h4 {font-size:17px;} h5 {font-size:14px;} h6 {font-size:12px;} p {margin: 0px 0px 12px 0px;} hr {height:1px;border:none;border-top:1px dashed #76543C; width:95%;} del {color:red;} ins {color:green;} blockquote { clear: left; text-align: justify; padding: 0px 0px 0px 22px; margin: 10px 10px 10px 10px; border-left: 2px solid #76543C; } input,select,textarea { font-size:12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; } code{ font: 1.1em 'Courier New', Courier, Fixed; } .alignleft {float: left;} .alignright {float: right;} .aligncenter,div.aligncenter{ display: block; margin-left: auto; margin-right: auto; } img.alignleft { padding: 5px; margin: 0 7px 2px 0; display: inline; } img.alignright { padding: 5px; margin: 0 0 2px 7px; display: inline; } img.centered { display: block; margin-left: auto; margin-right: auto; } .clear {clear:both;} .spacer {height:35px;} /********** LAYOUT **********/ #base{ position:relative; background:url(http://1.bp.blogspot.com/_jA-SP6SAtfY/Spd1ByX4H7I/AAAAAAAAAno/Q1t1O-ZZwJc/s1600/bg_base_repeat.jpg) repeat-y top center; width:990px; margin:0px auto; padding:0; } #header{ position:relative; width: 990px; height: 253px; background:url(http://1.bp.blogspot.com/_jA-SP6SAtfY/Spd1Dl81GaI/AAAAAAAAAoI/m0HWgWS_hHI/s1600/bg_header.jpg) no-repeat center top; } #container{ position:relative; /*overflow:hidden;*/ width:990px; text-align:right; background:url(http://4.bp.blogspot.com/_jA-SP6SAtfY/Spd1CoCI3kI/AAAAAAAAAn4/mvE3TIL5Lq0/s1600/bg_container_top.jpg) no-repeat top center; } #content{ float:left; display:inline; overflow:hidden; width:600px; margin:0px 0px 0px 24px; padding: 0 0px 0 0px; } #sidebar{ float:right; display:inline; width:346px; overflow:hidden; margin: 60px 20px 0 0px; padding:0px 0 0px 0px; } #footer{ color:$footertextcolor; overflow:hidden; font:$footerfont; width:470px; height:95px;/*135*/ padding:40px 490px 0 30px; background:url(http://1.bp.blogspot.com/_jA-SP6SAtfY/Spd1DGk3jDI/AAAAAAAAAoA/CH5VnuoBKNk/s1600/bg_footer.jpg) no-repeat bottom center; } /*=================== Header ===================*/ #blogtitle h1{ width:600px; margin:0; padding:0; font:$pagetitlefont; color:$pagetitlecolor; text-align:right; padding:0 355px 0 30px; } #blogtitle h1 a, #blogtitle h1 a:hover { color:$pagetitlecolor; text-decoration:none; } #subtitle { width:500px; margin:0; padding:0; font:$pagedescriptionfont; color:$pagedescriptioncolor; text-align:right; padding:1px 360px 0 30px; } #header .home { position: absolute; margin:0px; padding:0px; left: 0px; top: 0px; width:620px; height:65px; } #header .rss { position:absolute; display:block; top:67px; left:391px; width:104px; height:100px; background:url('http://1.bp.blogspot.com/_jA-SP6SAtfY/Spd1Fes2KKI/AAAAAAAAAoo/CJCMg0-NALk/s1600/bg_rss_hover.jpg') no-repeat -100px -100px; } #header .rss:hover{ background:url('http://1.bp.blogspot.com/_jA-SP6SAtfY/Spd1Fes2KKI/AAAAAAAAAoo/CJCMg0-NALk/s1600/bg_rss_hover.jpg') no-repeat 0 0; } #mainsearch { position:absolute; top:111px; left:136px; overflow:hidden; width:160px; height:40px; background:url('http://1.bp.blogspot.com/_jA-SP6SAtfY/Spd1H0qA95I/AAAAAAAAApQ/tSmmFSuoamE/s1600/bg_search.jpg') no-repeat right top; } #mainsearch:hover{ background:none; } #mainsearchform .input { position:absolute; top:10px; left:60px; width:80px; height:17px; padding:5px 5px 0px 5px; margin:0 0 0 0; font-size:13px; font-family: Arial, Verdana, Helvetica; font-weight:bold; color:#654224; border:none; background:none; } #mainsearchform .submit{ position:absolute; cursor:pointer; border:none; top:10px; left:0px; height:40px; width:50px; background:transparent; } /*=================== Menu ===================*/ #menu ul { position:absolute; overflow:hidden; top:228px; left:24px; width:600px; height: 23px; margin:0; padding:0; } #menu ul li { display:inline; font:$menufont; margin:0px; } #menu ul li a { float: right; display: block; overflow:hidden; height:23px; line-height:23px; color: $menulinkcolor; padding:0px 10px 0px 8px; margin:0; text-align:right; text-decoration:none; background:url(http://3.bp.blogspot.com/_jA-SP6SAtfY/Spd1EJ0NUII/AAAAAAAAAoQ/Br2Z-bZvLiU/s1600/bg_menu_arrow.jpg) no-repeat right; } #menu ul li a:hover, #menu ul li.current_page_item a{ color:$hoveredmenulinkcolor; } /*=================== Content ===================*/ .archivetitle { color: #FFFFFF; text-align:right; font-size: 11px; font-weight:bold; font-style:italic; line-height:15px; padding: 10px 25px 10px 25px; margin:0; } .post,.page{ overflow:hidden; width:593px; /*593*/ margin:0 0 35px 3px; padding:0 0 0 0px; background:url('http://1.bp.blogspot.com/_jA-SP6SAtfY/Spd1Ef4W3EI/AAAAAAAAAoY/XD2pPljGKio/s1600/bg_post_title.png') no-repeat top; } .sticky { background:url('http://3.bp.blogspot.com/_jA-SP6SAtfY/Spd1FMiV9DI/AAAAAAAAAog/RXMbielUSIU/s1600/bg_post_title_sticky.png') no-repeat top; } .post_title{ font:$posttitlefont; overflow:hidden; width:572px; height:25px; padding:0px 15px 0 0px; margin:15px 0 0px 10px; } .post_title a, .post_title a:hover{ color: $titlecolor; text-decoration:none; } .post_title h1, .post_title h2{ font-size:21px; line-height:25px; font-weight:bold; margin:0 0 0px 0; padding:0; } .post_date{ width:575px; height:18px; padding-right:10px; margin:4px 0 20px 4px; font-family:tahoma; font-size:11px; line-height:18px; color:#7D7D7D; text-align:right; } .sticky .post_date{ color:#EDF2F2; } .entry{ position:relative; overflow:hidden; line-height: 1.7em; width:570px; margin: 0px 0px 10px 10px; padding:0 15px 0 0; font:$bodyfont; color:$posttextcolor; text-align:justify; } .entry a{ text-decoration:underline; } .info a{ text-decoration:none; } .entry a, .info a{ color:$linkcolor; } .entry a:hover, .info a:hover{ color:$hoveredlinkcolor; text-decoration:underline; } .info { position:relative; line-height: 1.7em; font-size: 10px; color:$postmetacolor; padding:5px 0 0 0; margin:0 15px 0 15px; text-align:right; } .category { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 20px 4px 20px; background: url('http://4.bp.blogspot.com/_jA-SP6SAtfY/Spd1IX_tX5I/AAAAAAAAApY/OFQctkxi6Ao/s1600/icon_category.png') no-repeat top right; } .tags { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 20px; background: url('http://4.bp.blogspot.com/_jA-SP6SAtfY/Spd1JOj6KxI/AAAAAAAAApo/VKhUGrH7g28/s1600/icon_tag.png') no-repeat top left; } .bubble { font-size: 10px; margin: 0px 0px 0px 0px; padding: 0px 20px 4px 20px; background: url('http://3.bp.blogspot.com/_jA-SP6SAtfY/Spd1Ip1D9eI/AAAAAAAAApg/KFwHe8-Hqn4/s1600/icon_comment.png') no-repeat top right; } .navigation { clear:both; overflow:hidden; font-size: 11px; font-weight:normal; margin: 30px 20px 5px 20px; padding: 5px 5px 5px 5px; border-top:2px #76543C dashed; } .navigation a{ text-decoration:none; } .sorry { font-size: 11px; font-style: italic; margin: 20px 20px 0px 20px; padding: 10px 10px 10px 10px; border: 2px dashed #76543C; } /*=================== Sidebar ===================*/ #sidebar1{ float:left; display:inline; overflow:hidden; width:160px; padding:0; margin:0 0 0 3px; } #sidebar2{ float:right; display:inline; overflow:hidden; width:160px; padding:0 0px 0 0; margin:0 3px 0 0; } #sidebar select{ margin:10px 0px 0px 10px; font-size:11px; width:135px; overflow:hidden; } /***** Sidebar 1 *****/ #sidebar1 {color:$sidebar1textcolor; font-size:11px; font-family:tahoma;} #sidebar1 a{color:$sidebar1linkcolor; text-decoration:none;} #sidebar1 a:hover {color:$sidebar1hoveredlinkcolor;text-decoration:underline;} #sidebar1 ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 10px 15px 0px; } #sidebar1 h2 { color: $sidebar1color; font:$header1font; min-height:28px;/*47*/ line-height:12px; letter-spacing: 0px; font-variant: normal; margin: 0; padding: 14px 15px 5px 28px; background:url('http://3.bp.blogspot.com/_jA-SP6SAtfY/Spd1G6D6wYI/AAAAAAAAApA/S_o9d1-AbJs/s1600/bg_sb_head1.png') no-repeat 5px 0; } #sidebar1 li { line-height: 1.6em; list-style-type: none; margin-left:10px; padding: 2px 0px 0px 10px; background: url('http://4.bp.blogspot.com/_jA-SP6SAtfY/Spd1GBjGtyI/AAAAAAAAAow/hyAd3Uw8HDk/s1600/bg_sb_arrow1.png') no-repeat 0px 10px; border:0px red solid; } /***** Sidebar 2 *****/ #sidebar2 {color:$sidebar2textcolor; font-size:11px; font-family:tahoma;} #sidebar2 a{color:$sidebar2linkcolor; text-decoration:none;} #sidebar2 a:hover {color:$sidebar2hoveredlinkcolor; text-decoration:underline;} #sidebar2 ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 10px 15px 0px; } #sidebar2 h2 { color: $sidebar2color; font:$header2font; line-height:12px; min-height:27px; /*56*/ letter-spacing: 0px; font-variant: normal; margin: 0; padding: 13px 15px 16px 15px; background: url('http://4.bp.blogspot.com/_jA-SP6SAtfY/Spd1HYMxO-I/AAAAAAAAApI/5i-h0GApRys/s1600/bg_sb_head2.png') no-repeat top left;; } #sidebar2 li { line-height: 1.6em; list-style-type: none; margin: 0px 0px 0px 5px; padding: 2px 0px 0px 12px; background: url('http://2.bp.blogspot.com/_jA-SP6SAtfY/Spd1GvbaBPI/AAAAAAAAAo4/nTGL-WKHfP8/s1600/bg_sb_arrow2.png') no-repeat 0px 7px; } /*************** comment ***************/ #postmetadata { font-size: 11px; margin: 10px 10px 20px 10px; padding: 5px 15px 5px 15px; border:1px #898182 solid; background:url(http://3.bp.blogspot.com/_jA-SP6SAtfY/Spd1CMClbdI/AAAAAAAAAnw/f3KIR0y8nYk/s1600/bg_comment.png) repeat; } .nocomments {background: none;} #comments { font-size: 13px; text-align: right; font-weight: bold; margin: 0px 10px 0px 10px; padding:0; font-variant: normal; border-bottom: 1px dotted #898182; } ol.commentlist { position:relative; list-style: none; margin:5px 0px ; padding:5px 10px 5px 10px; font-size:12px; background:none; border:none; } ol.commentlist .comment a{ text-decoration:none; border-bottom: 1px #898182 dotted; } ol.commentlist .comment, ol.commentlist .trackback, ol.commentlist .pingback{ margin:10px 0 0 0; padding:0; } ol.commentlist .children{ list-style: none; padding:0; margin:0 0 0 15px; } ol.commentlist .comment div, ol.commentlist .trackback div, ol.commentlist .pingback div{ background:url(http://3.bp.blogspot.com/_jA-SP6SAtfY/Spd1CMClbdI/AAAAAAAAAnw/f3KIR0y8nYk/s1600/bg_comment.png) repeat; border:1px #898182 solid; padding:5px; } ol.commentlist .trackback div, ol.commentlist .pingback div{ border:1px #898182 dashed; } ol.commentlist .comment div div, ol.commentlist .trackback div div, ol.commentlist .pingback div div{ background:none; padding:0; border:none; } ol.commentlist .says{ display:none; } ol.commentlist .avatar{ position:relative; float: left; margin: 0px 5px 0px 0px; padding: 0; border:none; } ol.commentlist .fn{ font-weight:bold; font-size: 11px; } ol.commentlist .fn a{ text-decoration:none; border:none; } ol.commentlist .fn a:hover{ text-decoration:underline; } /* can remove if set in jQuery*/ /* ie6 not support */ ol.commentlist .bypostauthor>div>div>.fn, ol.commentlist .bypostauthor>div>div>.fn a, ol.commentlist .bypostauthor>div>div>.fn a:hover{ text-decoration:underline; border:none; } ol.commentlist .comment .comment-meta, ol.commentlist .trackback .comment-meta, ol.commentlist .pingback .comment-meta{ border-bottom: 1px dashed #898182; margin:0 0 10px 0px; padding:6px 0 6px 0; font-size:10px; } ol.commentlist .comment .comment-meta a, ol.commentlist .trackback .comment-meta a, ol.commentlist .pingback .comment-meta a { text-decoration:none; border:none; } ol.commentlist .comment .reply{ clear:both; margin:5px 0 0 0; padding:2px; font-size:10px; text-align:right; } ol.commentlist .comment .reply a{ text-decoration:none; } ol.commentlist .trackback .reply, ol.commentlist .pingback .reply{ display:none; } /**comment paging WP2.7**/ .commentnavi{ overflow:hidden; font-size:11px; margin:0; padding-right:10px; } .commentnavi a{ text-decoration:underline; } .commentpages{ float:right; padding:5px 10px; } .page-numbers{ font-weight:bold; padding:2px 3px 2px 3px; } .current{ font-weight:bold; } /*** comment form ***/ #respond { clear:both; padding:5px 10px 5px 5px; margin:15px 15px 0px 15px; font-size:11px; background:url(http://3.bp.blogspot.com/_jA-SP6SAtfY/Spd1CMClbdI/AAAAAAAAAnw/f3KIR0y8nYk/s1600/bg_comment.png) repeat; border:1px #898182 solid; } .commentlist #respond{ margin-right:0; } #respond .cancel-comment-reply a{ color:#ff0000; } #respond a, #respond a:hover{ } #commentform { margin:0; padding:10px 0 0 0; } #email, #author, #url { font-size: 11px; padding-left: 2px; vertical-align: middle; border: 1px solid #898182; font-family: Verdana, Arial, Helvetica, Sans-Serif; } #comment { width: 98%; font:$commenttextfont; border: 1px solid #898182; padding: 2px 2px 2px 2px; } #submit { cursor:pointer; height: 20px; color: #000000; font-weight:bold; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 15px 2px 15px; border: 1px solid #898182; background:#DFDBDA; font-family: Verdana, Arial, Helvetica, Sans-Serif; } .comment-form { margin:25px 0px 0px 10px; max-width:575px !important; width:575px !important; } h4#comments{ font:$commentheaderfont; padding:0 0 20px 5px; margin:0 0 10px 25px; } h4.backlinks{ font:$commentheaderfont; color:$commenttitlecolor; padding:0 0 20px 0px; margin:0 0 10px 0px; } a.blog-pager-newer-link { float: left; padding: 6px; margin: 4px; color:$linkcolor; } a.blog-pager-older-link { float: right; padding: 6px; margin: 4px; color:$linkcolor; } a.home-link { position:absolute; padding: 2px; margin: 2px; color:$linkcolor; } #blog-pager{ text-align:center; color:$linkcolor; } .feed-links { margin: 0 0 0 10px; font:$bodyfont; color:$textcolor; } .feed-links a:hover{ font:$bodyfont; color:$linkcolor; } .feed-link { color:$linkcolor; } .feed-link a:hover { color:$linkcolor; } ]]>

 

| بواسطة
, 1