Serba Serbi

Blogger templates

Skinpress.com. Version: 1.6 Author: Skinpress.com Author URI: http://www.skinpress.com/ Template Name: Arto Template URI: http://www.falconhive.com/2009/09/arto-blogger-template.html Version: 1.0 Converter: ThemeCraft.net Converter URI: http://www.falconhive.com ----------------------------------------------- */ /* Variable definitions ==================== */ /* Use this with templates/template-twocol.html */ #navbar-iframe{ height:0px; visibility:hidden; display:none; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; } ul{ list-style:none; } a{ color:$linkcolor; text-decoration:none; } a:hover{ text-decoration:underline; } a img{ border:0; } .clear{ clear:both; } html{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_html.gif) repeat; } body{ color:$textcolor; margin:0px; padding:0px; font: x-small Verdana, Geneva, sans-serif; font-size/* */:/**/small; font-size: /**/small; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_main.gif) repeat-x center top; } #wrapper{ width:100%; height:100%; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_wrapper.gif) no-repeat center top; } #page{ width:1000px; margin:0px auto; } /*top*/ #top{ width:100%; height:24px; overflow:hidden; font-family:"Times New Roman", Times, serif; color:#767676; font-size:14px; } #top a{ color:$linkcolor; } #top a span{ color:#c9882d; } #top_link{ float:left; padding:2px 0 0 44px; } #main_rss{ float:right; padding:2px 90px 0 0; } #main_rss a{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/button_rss.gif) no-repeat right center; padding:0 20px 0 0; } /* HEADER */ #header{ width:100%; height:184px; } #header #logo{ color:$pagetitlecolor; font:$pagetitlefont; letter-spacing:-4px; padding:60px 0 0 71px; float:left; } #header #logo a{ color:$pagetitlecolor; } #header #logo a:hover{ text-decoration:none; } /* MENU */ #menu{ float:right; } #mainmenu{ float:left; padding:70px 20px 0 0; } #mainmenu ul{ margin: 0; padding: 0; list-style-type: none; z-index:1000; } /*Top level list items*/ #mainmenu ul li{ color:#fff; position: relative; display: inline; float: left; z-index:1000; padding:0 0 0 37px; font:$menufont; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_menu_li.gif) no-repeat left center; } #mainmenu ul li.first{ padding:0; background:none; } /*Top level menu link items style*/ #mainmenu ul li a{ color:$menulinkcolor; display:block; z-index:1000; padding:10px; } * html #mainmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; float:left; } * html #mainmenu ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ float:none; } #mainmenu ul li a:link, #mainmenucat ul li a:visited{ text-decoration:none; } #mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a{ color:$hoveredmenulinkcolor; text-decoration:none; background:#fff url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_menu_hover.gif) repeat-x; } /*1st sub level menu*/ #mainmenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; margin:0 0 0 38px; background:#ffffff; } /*Sub level menu list items (undo style from Top level List Items)*/ #mainmenu ul li ul li{ display: list-item; float: none; font-size:1.0em; background:none; padding:0; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ #mainmenu ul li ul li ul{ top: 0; margin:0; } /* Sub level menu links style */ #mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a{ color:$linkcolor; width: 160px; /*width of sub menus*/ height:auto; padding: 7px 5px 7px 10px; margin: 0; border-bottom: 1px solid #cccccc; background:#ffffff; border-top-width: 0; text-align:left; text-decoration:none; text-transform:capitalize; font-size:12px; font-family:Verdana, Geneva, sans-serif; } #mainmenu ul li ul li a:hover{ /*sub menus hover style*/ text-decoration:underline; } /* ######### CSS classes applied to down and right arrow http://i36.photobucket.com/albums/e2/alvaris924/arto ######### */ /* BODY */ #body{ width:100%; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_body.gif) repeat-y; overflow:hidden; } #body_top{ width:100%; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_body_top.gif) no-repeat; overflow:hidden; padding:0 0 40px 0; } #body_left{ width:701px; float:left; } #body_right{ width:299px; float:right; } /* left contact */ #body_left_content{ width:608px; margin:20px 0 0 69px; } .post{ width:100%; margin:0 0 30px 0; } .post-top{ width:100%; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom; padding:0 0 16px 0; overflow:hidden; } .post-title{ float:left; width:520px; } .post-title h2{ color:$titlecolor; font-size:27px; margin:0 0 5px 0; font:$posttitlefont; } .post-title h2 a{ color:$titlecolor; } .post-top h4{ color:#05556a; width:63px; height:47px; padding:5px 0 0 0; margin:0 0 5px 0; text-align:center; font:$posttopmetafont; float:right; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_comment.png) no-repeat; } .post-top h3{ color:$postmetacolor; font:$postmetafont; margin:0 0 5px 2px; } .post-top h3 a, .post-top h3 span{ color:$postmetacolor; font-weight:bold; text-transform:capitalize; } .entry{ line-height:20px; font:$bodyfont; margin:10px 0 20px 0; } .entry .banner{ text-align:center; padding:0 0 10px 0; } .entry .banner img{ border:0; } .banner_left{ float:left; padding:0 20px 10px 0; } .entry .banner_left img{ border:0; } .entry img{ border:1px solid #666; } .entry p{ padding-bottom:15px; } .entry p a{ font-weight:bold; text-decoration:underline; } .entry p a:hover{ text-decoration:none; } .postmetadata{ width:100%; overflow:hidden; border-bottom:1px solid #262626; padding:0 0 20px 0; } .postmetadata p{ font-weight:bold; font-size:13px; } .postmetadata p a{ text-decoration:underline; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_more.gif) no-repeat left center; padding:0 0 0 16px; } .postmetadata p a:hover{ text-decoration:none; } .post-page{ padding:0 0 60px 0; } h2.page_title{ color:#6ea560; font-size:27px; font-weight:normal; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } .post-page .entry{ } .post-page .entry a{ font-weight:bold; text-decoration:underline; } .post-page .entry a:hover{ text-decoration:none; } .entry strong{ } .post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{ color:#6ea560; display:block; font-weight:normal; } .post-page .entry h1{ font-size:26px; padding:0 0 14px 0; } .post-page .entry h2{ font-size:24px; padding:0 0 14px 0; } .post-page .entry h3{ font-size:22px; padding:0 0 12px 0; } .post-page .entry h4{ font-size:20px; padding:0 0 10px 0; } .post-page .entry h5{ font-size:18px; padding:0 0 8px 0; } .post-page .entry h6{ font-size:16px; padding:0 0 6px 0; } /*main_search*/ #main_search{ width:100%; overflow:hidden; } #searchform_top{ float:left; padding:18px 0 23px 27px; } #searchform_top_text{ color:#4d4d4d; width:185px; padding:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; border:0; margin:0 5px 0 0; background:none; } #gosearch{ float:left; margin:5px 0 0 0; } /* ADS */ #sidebar_ads{ width:95%; overflow:hidden; } #sidebar_ads div{ float:left; padding:0 0 5px 3px; } #sidebar_ads div img{ float:left; } /* SIDE BAR */ #sidebar{ color:$sidebartextcolor; font:$sidebartextfont; width:224px; margin:15px 0 0 22px; } .sidebars h2{ color:$sidebarcolor; font:$headerfont; margin:0 0 6px 0; } .sidebars ul{ font-size:13px; padding: 0 0 30px 0; } .sidebars ul li{ margin-bottom:0px; border-bottom:1px solid #242424; padding:8px 0 8px 5px; } .sidebars ul li ul li{ margin-bottom:0; width:auto; } .sidebars ul li ul li ul li{ margin-left:0; } .sidebars li ul{ } .sidebars li ul li ul{ padding:0 0 0 10px; width:auto; } .sidebars li ul li ul li ul{ } .sidebars li{ margin-bottom:0px; background:none; } .sidebars li li{ padding:0 0 30px 0; } .sidebars li li li{ background:none; border:0; padding:8px 0 8px 5px; } .sidebars li a{ color:$sidebarlinkcolor; } .sidebars li.widget_categories ul li{ } .sidebars li.widget_categories ul li a{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px; padding:0 0 0 13px; } .sidebars li.widget_categories ul li ul li a{ } .sidebars li.widget_archive ul li a{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px; padding:0 0 0 13px; } .sidebars li.linkcat ul li a{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px; padding:0 0 0 13px; } .sidebars li.widget_pages ul li a{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_cat.gif) no-repeat left 4px; padding:0 0 0 13px; } .sidebars .widget_tags p{ padding:0px 10px 10px 15px; } .sidebars .widget_tags a{ color:$linkcolor; } .sidebars .textwidget{ padding:10px; } /* FOOTER */ #footer{ width:100%; height:185px; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_footer.gif) no-repeat; overflow:hidden; } #footer_logo{ color:#333333; font-size:53px; font-weight:normal; letter-spacing:-4px; padding:20px 0 0 71px; font-family:Georgia, "Times New Roman", Times, serif; float:left; font-style:italic; } #footer_logo a{ color:$linkcolor; } #footer_logo a:hover{ text-decoration:none; } #footer_text{ padding:40px 60px 0 0; float:right; text-align:right; } #footer_text p{ color:$footertextcolor; font:$footerfont; padding:0 0 8px 0; } #footer_text a{ color:$footerlinkcolor; text-decoration:underline; } #footer_text a:hover{ text-decoration:none; } #footer_text b a{ color:$linkcolor; } /* Begin Images */ p img{ padding: 0; max-width: 100%; /* not working in IE6*/ /*height: auto;*/ /* you can enable this.*/ } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered{ display: block; margin-left: auto; margin-right: auto; } img.alignright{ padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft{ padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright{ float: right; } .alignleft{ float: left } /* End Images */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps{ cursor: help; } acronym, abbr{ border-bottom: 1px dashed #999; } blockquote{ margin: 15px 30px 10px 10px; padding-left: 24px; padding-bottom:7px; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/blockquote_bg.gif) repeat-y; } blockquote blockquote{ background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/blockquote_bg2.gif) repeat-y; } blockquote cite{ margin: 5px 0 0; display: block; } .center{ text-align: center; } hr{ display: none; } a img{ border: none; max-width: 100%; /* not working in IE6*/ /*height: auto;*/ /* you can enable this.*/ } .navigation{ color:#81897c; text-align: right; margin:10px auto 0 auto; width:97%; padding:10px; overflow:hidden; font-size:13px; background:#0e0e0e; border:1px solid #1c1c1c; font-family:Arial, Helvetica, sans-serif; } #content_single .navigation{ text-align: center; width:96%; padding:10px 0 10px 0; margin:30px 0 0 25px; } .navigation a{ color:$linkcolor; font-size:13px; } /* End Various Tags & Classes*/ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ .entry ul{ margin: 0 10px 15px 30px; list-style: none; padding:15px 15px 15px 20px; background:#101010; border:1px solid #1d1d1d; font-family:Verdana, Geneva, sans-serif; } .entry ul li{ border-bottom:1px solid #2e2e2e; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_entry.gif) no-repeat left 13px; padding:7px 0 7px 15px; } .entry ol{ margin: 0 10px 15px 30px; padding:15px 15px 15px 40px; background:#101010; border:1px solid #1d1d1d; font-family:Verdana, Geneva, sans-serif; } .entry ol li{ margin: 0; padding:7px 0 7px 0; border-bottom:1px solid #2e2e2e; } .postmetadata ul, .postmetadata li{ display: inline; list-style-type: none; list-style-image: none; } ol li{ list-style: decimal outside; } /* End Entry Lists */ /* Begin Form Elements */ #searchform{ margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s{ width: 108px; padding: 2px; } #sidebar #searchsubmit{ padding: 1px; } .entry form{ /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select{ width: 130px; } #commentform{ width:400px; } #commentform input{ width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea{ width: 350px; padding: 2px; } #commentform #submit{ margin: 5px 0 0 0; padding:0; width:85px; height:35px; } /* End Form Elements */ /* Begin Comments*/ h2#comments{ color:$commenttitlecolor; font:$commentheaderfont; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; margin:0 0 10px 0px; } .alt{ margin: 0; padding: 10px; } .commentlist{ padding: 0; text-align: justify; margin:0 0 0 0px; } .commentlist .comment{ margin: 15px 0 0 0; padding: 10px 15px 20px 15px; list-style: none; background:#101010; border:1px solid #1d1d1d; } .commentlist .alt{ background:#0b0b0b; } .commentlist .comment .comment{ margin: 15px 15px 15px 15px; padding: 10px 15px 20px 15px; width:auto; } .commentlist p{ font:$commenttextfont; margin: 10px 5px 10px 0; line-height:18px; } .commentmet_data{ width:100%; overflow:hidden; } .commentmet_data td{ vertical-align:top; text-align:left; } .commentmet_avatar{ width:102px; padding:15px 0 0 0; } .commentmet_text{ color:$commenttextcolor; font:$commenttextfont; } .commentmet_avatar img{ border:3px solid #000; } #commentform p{ margin: 5px 0; } .commentmet_replay{ width:100%; overflow:hidden; } .commentmet_replay a{ float:right; display:block; text-indent:-9999px; text-transform:capitalize; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/button_replay.gif) no-repeat; width:94px; height:24px; } .nocomments{ text-align: center; margin: 0; padding: 0; } .commentmetadata{ color:$linkcolor; margin: 0; display: block; padding:0 0 5px 0; font:$commentmetafont; } .commentmetadata a{ color:$linkcolor; font-weight:bold; } .commentmetadata span{ color:#689b5b; font-weight:bold; } .commentmet_text{ font-size:12px; font-family:Verdana, Geneva, sans-serif; } #respond{ margin:10px 0 0 10px; font-family:Verdana, Geneva, sans-serif; background:#000000; padding:15px; width:90%; } h3#respond_title{ color:#6ea560; font-size:27px; font-weight:normal; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; margin:0 0 20px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } #commentform{ color:#808080; margin-left:25px; font-size:12px; width:90%; } #commentform small{ position:relative; top:-1px; font-size:12px; } #cancel-comment-reply-link{ color:#808080; font-size:12px; margin-left:25px; } #commentform a, #commentform small{ color:#808080; } #commentform input{ color:#000000; background:#1a1a1a; border:2px solid #1a1a1a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px; } #commentform textarea{ color:$linkcolor; background:#1a1a1a; border:2px solid #1a1a1a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:4px; margin:5px 0 0 0; overflow:auto; } #commentform input#submit{ background:none; border:0px; } /* End Comments */ /* Archives page */ .page_archives_div{ padding:0 0 60px 0; } .page_archives_div h2{ color:#6ea560; font-size:27px; font-weight:normal; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/bgr_post_title.gif) no-repeat left bottom; padding:0 0 20px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } .page_archives_div ul h2{ } .page_archives_div ul{ margin:10px 0 40px 0; } .page_archives_div ul li{ margin:0px; padding:8px 0 8px 5px; list-style:none; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_line.gif) no-repeat left bottom; } .page_archives_div ul li ul li{ border:0px; background:none; } .page_archives_div ul li ul{ margin:0px; padding:0px; padding-left:10px; } .page_archives_div ul li a{ font-weight:normal; font-size:13px; background:url(http://i36.photobucket.com/albums/e2/alvaris924/arto/ico_ar.gif) no-repeat left 4px; padding:0 0 0 11px; } .comment-form{ margin:25px 0px 0px 0px; max-width:630px !important; width:630px !important; } 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: 30px 0 0px 0px; font:$bodyfont; color:$linkcolor; } .feed-links a:hover{ font:$bodyfont; color:$linkcolor; } .feed-link{ color:$linkcolor; } .feed-link a:hover{ color:$linkcolor; } ]]>

Subscribe to RSS Feed :

Posted by | Posted in , | Posted on

Comments ()

Said on

()

()

▼ ◄ ►

()

Serba Serbi

Posted by | Posted in , | Posted on

Comments ()

()

Pages

About