Minggu, 28 November 2010

new linux mint 10

<data:blog.pageTitle/> // Body Font // Blog Description Color Setting // Link Color Setting // Background Menu Setting // Background Shopping Cart Setting */ /* CSS RESET : http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} /* SET TO HIDE >>>>>>>>>>>>>>>>>>>>>>>>*/ #navbar,.date-header,.post-footer,.feed-links {display:none;} /* GLOBAL STYLE >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Body */ body { background:$(body.background.color); background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjEjQQQZhTAkhX-424s4vtwdL_MsUUM5RrGu4WfMT4XsEulYLN0qQHknAKl4F_2LGijBRGhg5HHMh71PYXh-lQ2AKMvqmiosWIYJY3Fcx73QkybOfGHqIdm57g9X75vfJSBSa80kwgIbk/h1600/body-pattern-1.png); color:$(body.text.color); font:$(body.font); line-height:20px; margin:0; padding:0; } /* Link */ a{color:$(link.color);;text-decoration:none;} a:hover{color:$(link.hover.color);text-decoration:none;} /* Heading */ h1,h2,h3,h4{font-weight:700;font-family:'Open Sans', Tahoma, sans-serif;} h1{font-size:24px;} h2{font-size:16px;} h3{font-size:20px;} h4{font-size:16px;} /* Aligment */ .left{float:left;} .right{float:right;} /* Cleaner */ .clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden;} .clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;margin:0;padding:0;} /* Status Message */ .status-msg-wrap { background:#fbfbfb; border:5px solid #ddd; font-size:14px; text-shadow:1px 1px 1px #fff; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -khtml-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; padding:5px; } .status-msg-border,.status-msg-bg { border:none; background:transparent; } /* Blog Pager */ #blog-pager { position:relative; top:10px; background:#f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDp0m-Yubgx-mDQULchvZoZgzRnncFhgcPcZJeQL86AtxG6Lz_Z039hFiG-5mpVTwWOvBk70anDtmOR2XO_JBa7gEwbQXqIjYrRxygeXztXYlyfPT5qfUbFKE_KMsD9KR539EmBsvk2ZI/s1600/fade.png) repeat-x top left; width:636px; border:1px solid #ddd; clear:both; font-family:'Open Sans', Tahoma, sans-serif; font-weight:700; color:#000; font-size:13px; border-radius:4px; margin:15px 0; padding:5px 10px; } /* MAIN LAYOUT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Container */ #container{ position:relative; text-align:left; width:960px; clear:both; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHtAjtoza_026QdPpp-Smd4N9DcU2g0RqMg-cV1ykBIzeH0Dnf6Top7N1fcfQCwa6WXcQnc0n18zRn107RdlU8BKc91OFIbfZj7NmJhiJazdiIBcrEhjpELQocJdPsnUYwGS4otvJhIBA/h1600/container-bg.png); border-left:1px solid #ccc; border-right:1px solid #ccc; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -khtml-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc } /* Header Bar Menu */ #top-bar { background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbGQyDYqLbVhHIEqpdvHJBBsLdOHgl4m4lpf5ZdnXbqCJ8p90-7IyNx_S5MMTyX6SfRGSyQMHVpc8PvIGPG1-Esq8vyzYKbqyBVhLbnk4STw_swxIw8QQ_gxRye6lcUYykVjuV3aYHwBI/h1600/divider.gif)repeat-x bottom left; padding:10px 20px 0 20px; height:35px; } #top-bar-right { float:right; width:400px } /* Header */ #header-wrapper { position:relative; clear:both; border-bottom:1px solid #ddd; padding:20px; height:auto; } /* Menu Container */ #menu-wrapper { float:left; width:100%; background-color:$(menu.background.color); height:46px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -khtml-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0 2px 2px #DDD; -moz-box-shadow:0 2px 2px #DDD; box-shadow:0 2px 2px #DDD; clear:both; margin:25px 0 5px 0; } /* Content */ #main-content { background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGaD5_Tv8tDpRdDrc9977U79tVPvd9J76mMcmljNSn0Io7BmXP68_tB2m2yO9nc2igqpQsvJsnqDh8fSda-ULkrFqDW9mDvq88xpBDKVpiX-tq-prHm5OrLOhxGv-ufAJYNr1EKk2aCT0/h1600/content-light.png) no-repeat top center; width:920px; clear:both; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px; } #main-content .content-left { width:660px; float:left; } #main-content .content-right { width:250px; float:right; } #main,#sidebar { margin:0; padding:0; } /* Footer */ #footer { border-top:1px solid #ddd; padding:10px 20px; } /* HEADER CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Logo */ #header-wrapper .header { margin:10px 0 0 0; width:400px; height:60px; overflow:hidden; float:left; } .description { position:relative; font-size:11px; color:$(description.text.color); text-transform:uppercase; top:-25px; left:76px; } /* Header Right Element */ #header-wrapper .header-right-element { float:right; width:468px; margin:0; } .ads-half-banner{ float:right; width:468px; height:60px; background:#fff; border:1px solid #ddd; margin:0; padding:3px; } /* Top Menu */ ul#top-nav{ list-style-type:none; position:relative; z-index:5; margin:0; padding:0 } ul#top-nav li{ position:relative; display:inline; float:left; color:#676767; margin-top:2px } ul#top-nav li a{ display:block; color:#666; font-family:'Open Sans', Tahoma, sans-serif; font-weight:bold; text-shadow:1px 1px 1px #fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNSHX7nKlK9S1aTz-YWCjTJeBQw2ZX3dJzPly_p9GIaS90BvAmD-dLbTFVIygQ7spSWgM33Bgn3AoMLLSPZLeSCgpaeKsr5QV3aB7e6OSoeycJZjzKFDQb8O6jA3JC1AkZdYcP6dK2hyphenhyphenk/s1600/top-menu-sep.gif) no-repeat 0 6px; padding:0 10px 12px } ul#top-nav li:first-child a {background:transparent} * html ul#top-nav li a {display:inline-block} ul#top-nav li a:link,#myslidemenu ul li a:visited {color:#6666} ul#top-nav li a:hover { color:#000; text-decoration:none } ul#top-nav li ul { background:#fbfbfb; border:1px solid #ddd; border-top:none; position:absolute; left:0; display:block; visibility:hidden; font-size:11px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-box-shadow:inset 0 1px 5px 0 #eee; -moz-box-shadow:inset 0 1px 5px 0 #eee; box-shadow:inset 0 1px 5px 0 #eee; padding:5px 10px 10px 10px } ul#top-nav li ul li { display:list-item; float:none; margin:0; padding:0 } ul#top-nav li ul li ul { top:0; margin-left:10px; -webkit-box-shadow:-1px 0 4px 0 #000; -moz-box-shadow:-1px 0 4px 0 #000; box-shadow:-1px 0 4px 0 #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } ul#top-nav li ul li a{ width:120px; background:transparent; border-top:1px solid #ffffff; border-bottom:1px solid #ddd; margin:0; padding:5px 0 } ul#top-nav li ul li:first-child a{border-top:0} ul#top-nav li ul li:last-child a{border-bottom:0} /* Search */ #topsearch{float:right;margin-top:-2px} #topsearch input{background:#fff;border:1px solid #ddd;width:110px;height:22px;border-radius:3px;color:#999;padding-right:50px;padding-left:10px;padding-top:2px;position:relative;left:30px;font-size:11px} #topsearch input.searchsubmit{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju3vAP1d7i7TqGak9RjN-vYIdDzk-B9bqFPdN-OxKuJsd_Hi93PqRoCsdqobh9PVC_qOnZ0COsLhNo7uTAwzMBD6S5Q4jUpr0xUoelklqb0uhg2WFDkM2KV7um9Sc85djzSnYuaorVGcs/s1600/search-icon.png) no-repeat center;border:none;width:30px;text-indent:-3000px;position:relative;left:-10px;padding:0} #topsearch input.searchsubmit:hover{cursor:pointer} /* Social Menu */ #top_social{float:right;margin-right:-10px} #top_social li{display:inline} #top_social a span{visibility:hidden} #top_social a:hover{text-decoration:none} .social_facebook a,.social_twitter a,.social_linkedin a,.social_myspace a,.social_rss a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUK07zWjzUBKyxNNQbiAnGq0SWfGncmk6V6P7lVJYR4SnMe722MgvsCGg2C0OfYJNU8u9XA-1vryRpsV6gdzjtDJfl4_EVNgsSek8OrgpxyLhbr0d9fVbgh6q9aopqUNLi-s41OQplMRs/h1600/social_facebook.png) no-repeat;height:27px;width:24px;display:inline-block;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6} .social_twitter a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1z8pQjpouWjoAxQeQvuaGpZuxZjd1D0mrPEeShOn26GCkuXPpXcnlXt5hRp7-xz6-3Dzr7ta9certHQ2sKwKdPPSTbNHVsT2q8qUNFQt9cas0z9FsXqr8Bzj4-VXR5Q2oJxuiyb4xI5E/h1600/social_twitter.png)} .social_linkedin a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHQlFV4yMDHfonm4kpRk-jY-1hc34tcBNxGgd_wbK1VVt_hR9RbfMKy963Ejw6FTrzPPHmSIUXhmuJe6wfm0zaqS_22g0flAdCXBeYZeBxEMfOL64wgbO6UPuAKH4b1bzlsDf0Nn-eC0A/h1600/social_linkedin.png)} .social_myspace a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA54q2M9ZX8yqiVoOg3rMYsTVEtgr-HlTkywlcV-pfVZiWzB0KT5NEl7cJVSwFTjongZA9zmcYd_Az8cvaItRRTQgWiojCy7Jq5ZyTvV9SgM4WYm8iVrdiI1-t2dAtHFM977d_1PRsMSU/h1600/social_myspace.png)} .social_rss a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5iUX-q6KLpswSKNxZdNL0xcEX3guwiXEgyTxOOPX8CzMzzFEHQpxJ7mlZcpPOAN4yi8TI0Vir2A1hHhB2nFHwFqvi23UuiW4kXr8AEN7TxYnFGxkGsmc1XXmcADZQg5l2OssJHMBJOoQ/h1600/social_rss.png)} /* Dropdown Menu */ .nav { width:600px; float:left; } .nav ul { background-position:bottom; background-repeat:no-repeat; position:absolute; top:-999em; z-index:10; } .nav li { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirUqGPhhQ1CSaYu6XNvh-o0-qGkhN5v_GbzSi3UDfBOOsSqJNi18MbAPJ6E4dIryiB7oeurLQ3BckwYGpglUOjHnk0vNBNJqbw1aLNHgJ26Zu6HwJ0v72ton7rZauaReLQUheOe72F3bE/h1600/menu-separator.png) no-repeat scroll right center transparent; float:left; position:relative; z-index:20; } .nav a { display:block; font-size:13px; font-family:'Open Sans', Tahoma, sans-serif; font-weight:700; line-height:14px; position:relative; text-decoration:none; color:#fff; z-index:6; padding:16px 15px 16px 14px; } .nav a:hover,.nav a.current { color:#fc0; } .nav li:hover ul,ul.nav li.sfHover ul { left:0; top:45px; background:#de360f; } .nav li li:hover ul,ul.nav li li.sfHover ul { left:203px; top:0; } .nav li li { display:block; float:left; height:auto!important; padding:0; } .nav li ul { width:180px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-box-shadow:0 2px 2px #DDD; -moz-box-shadow:0 2px 2px #DDD; box-shadow:0 2px 2px #DDD; padding-bottom:15px; } .nav li ul li { width:180px; background-image:none; padding:10px 15px; } .nav li ul li a { padding:0; } .nav li li a:link,.nav li li a:visited { display:block; float:left; height:auto; } .nav li:hover { visibility:inherit; } .nav li:hover li ul,.nav li.sfHover li ul,.nav li:hover ul,.nav li li:hover ul { top:-999em; } /* LEFT CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Switch View */ .display { height:23px; border-radius:4px; background:#f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDp0m-Yubgx-mDQULchvZoZgzRnncFhgcPcZJeQL86AtxG6Lz_Z039hFiG-5mpVTwWOvBk70anDtmOR2XO_JBa7gEwbQXqIjYrRxygeXztXYlyfPT5qfUbFKE_KMsD9KR539EmBsvk2ZI/s1600/fade.png) repeat-x top left; border:1px solid #ddd; width:636px; margin:0 0 -15px; padding:8px; } .display a { background:#fff; border:1px solid #ddd; border-radius:3px; font-size:11px; padding:3px 8px 3px 25px; } a.grid_view { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsFZR3w0squ_NT4mnoroS3e24BwDEgYzF6nCgtGb7vdTyzGpRf-Uo5qj_QYTZ7883lpyu3k3PJlLLgkMI7TyQYu4xEEJf6XDhEiUoQ9QOcXJ50p140BwVB4l4Vx2zABcH950sEt4W9hio/s1600/grid_view.png) no-repeat 3px center; } a.list_view { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNRUq9-YX5n-WyXhmB5aY3v1rmLRqUv3pJXiakoynE5gXj43FNIzRjJmXBahyphenhyphenLfriRrOM-m5npFmpaYDOzk4LdYjzCDcACNvraFndecqLzmXjD1ROZnXPTusrOO85eMg0Y4ScQ2zmj5BY/s1600/display_large.png) no-repeat 3px center; } .display a.active { background-color:#ededed; border:1px solid #ccc; color:#111; cursor:default; } /* Post Section */ .post h3 { font-size:24px; margin-bottom:15px; } .post { width:622px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHtAjtoza_026QdPpp-Smd4N9DcU2g0RqMg-cV1ykBIzeH0Dnf6Top7N1fcfQCwa6WXcQnc0n18zRn107RdlU8BKc91OFIbfZj7NmJhiJazdiIBcrEhjpELQocJdPsnUYwGS4otvJhIBA/h1600/container-bg.png); border:1px solid #ddd; border-radius:2px; float:left; margin:0 0 15px; padding:15px; } .post-body{padding-bottom:40px} /* Comment Section */ #comments { width:621px; float:left; border:1px solid #ddd; margin:0 0 10px; padding:15px; } #comments h4 { font-size:18px; margin-bottom:10px; } #comment-header { background:#fff; border:1px solid #ededed; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:10px; line-height:16px; padding:15px 15px 15px 80px; } #comment-body { line-height:16px; margin-top:-10px; } #comment-date { margin-bottom:-20px; padding:0; } .avatar-image-container { background:#fff; border:1px solid #ddd; width:42px; height:42px; float:left; margin-left:-63px; padding:5px; } .avatar-image-container img { width:42px; height:42px; } .comments-autor-name { font-size:13px; font-weight:700; } .comment-timestamp { font-size:9px; } #comments .comment-author { padding-left:0; } .comment-body { margin:0; } /* RIGHT CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Sidebar Heading */ #sidebar h2 { background:#f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDp0m-Yubgx-mDQULchvZoZgzRnncFhgcPcZJeQL86AtxG6Lz_Z039hFiG-5mpVTwWOvBk70anDtmOR2XO_JBa7gEwbQXqIjYrRxygeXztXYlyfPT5qfUbFKE_KMsD9KR539EmBsvk2ZI/s1600/fade.png) repeat-x top left; border-bottom:none; border:1px solid #ddd; border-radius:2px 2px 0 0; color:#878787; text-shadow:1px 1px 1px #fff; font-weight:700; font-size:14px; padding:5px 15px; } /* Sidebar Widget */ #sidebar .widget { margin:0 0 10px; padding:0; } #sidebar .widget-content { background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSy5ZAjEunzyd0hfAPRC-O1LZ_59T3bQUOGAzroKTtDX5fRAztSa4tivHVkPEa0wmND9ehuBh-89HRG2Tteu3ErN4MoyGsKVcaGW45EPcL3lCr13ciR5C1ZB_ufL5tbvqGVpKvS6NETzY/s1600/header-shadow.png) repeat-x top; border:1px solid #ddd; border-top:none; border-radius:0 0 2px 2px; padding:10px 10px 15px; } #sidebar .widget-content ul li a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh4aa8s-k5UYaG9fvtBwsxL-uCVGXMbjZA9Gk8vObYnxFIwDmaJCtXN9j_-_2l_ZoX20GtKmuNsYMxGQSMn8envcsJmK5mD_HfSNlWo2jxfsMtvEC_B2p0Qp43ehDu4TthapnODcSolhk/h1600/bullet_red.png) no-repeat 0 0; padding-left:18px; color:#878787; font-weight:700; font-size:12px; } /* FOOTER CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Copyright */ #footer .copyright { font-family:'Open Sans', Tahoma, sans-serif; float:left; width:600px; color:#484848; font-size:15px; font-weight:700; } /* Credits */ #footer p.credits { font-size:10px; font-weight:400; text-transform:uppercase; } .footer-right{float:right;} .footer-right a{ display:block; float:left; text-indent:-9999px; height:40px; margin-left:10px; } .footer-right a.googlecheck{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDl7DmF8GlZqxZY1JTOL3SVjV-FS8JarnAWJgRvpqVl34rRnPYnzT0rAtwfa9myy91oYhnJR1Mve8sm4tY5Jxjo_gU4q2jqTxbJWxF8qzH7MFUNTN4dAmkTQ311JMaa-igmGCG7zwe4r8/h80/support.png)no-repeat 0 -43px; width:85px; } .footer-right a.googlecheck:hover{ background-position:0 2.25pt; } .footer-right a.paypal{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDl7DmF8GlZqxZY1JTOL3SVjV-FS8JarnAWJgRvpqVl34rRnPYnzT0rAtwfa9myy91oYhnJR1Mve8sm4tY5Jxjo_gU4q2jqTxbJWxF8qzH7MFUNTN4dAmkTQ311JMaa-igmGCG7zwe4r8/h80/support.png)no-repeat -85px -42px; width:75px; } .footer-right a.paypal:hover{ background-position:-85px 2px; } /* SHOPPING CART STYLING >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Shopping Cart Setting for Single Post item */ .item_price { font-size:15px; background:#de360f; color:#fff; font-weight:700; position:relative; padding:5px 10px; } .item_image { width:150px; height:160px; background:#fff; border:1px solid #ddd; float:left; text-align:left; margin:0 15px 10px 0; padding:15px; } .item_image img { width:150px; height:150px; } .item_add { position:absolute; bottom:0; z-index:20; right:0; background:#8bbd13 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDp0m-Yubgx-mDQULchvZoZgzRnncFhgcPcZJeQL86AtxG6Lz_Z039hFiG-5mpVTwWOvBk70anDtmOR2XO_JBa7gEwbQXqIjYrRxygeXztXYlyfPT5qfUbFKE_KMsD9KR539EmBsvk2ZI/s1600/fade.png) repeat-x top left; color:#fff; text-shadow:1px 1px 1px #7aa514; font-size:14px; text-transform:uppercase; font-weight:700; border-radius:4px 0 0 0; border:1px solid #7aa514; padding:8px 10px; } /* Shopping Cart Box */ #menu-wrapper .menu-cart { position:relative; top:-5px; border-radius:4px; float:right; margin-right:10px; height:30px; display:block; line-height:16px; background:$(cart.background.color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cVc6zPUHmQbzVDKFv4GzksX4WPSN2IqB9336jZSm4nVYK_HkHJ2hpejn8wFQsDFrKLe81ns0y43OTb9IcFb9AfGBs8FqeOTFreTXa6hSY_gSu6RtpsILvk6FA9j_mQ-VX7FsdNrfLEk/h80/basket.png) no-repeat 8px center; border:1px solid $(cart.border.color);; color:#111; padding:12px 12px 12px 45px; } .menu-cart a.mycart { font-size:16px; display:block; font-weight:700; font-family:'Open Sans', Tahoma, sans-serif; color:#111; margin:0; } .menu-cart span { color:red; } .menu-cart .bag { display:none; position:absolute; top:50px; z-index:2; right:-1px; background:$(cart.background.color); border:1px solid $(cart.border.color); border-top:none; border-radius:0 0 6px 6px; width:415px; height:auto; padding:15px 0 15px 15px; } .bag .cart_btn { clear:both; } .bag .cartHeaders { display:none; } .bag .itemContainer { border-radius:4px; float:left; width:73px; height:130px; background:#fff; text-align:center; border:1px solid #c77f18; margin:0 10px 10px 0; padding:8px; } .bag .itemname a { font:bold 10px Helvetica,Arial,sans-serif; color:#000; letter-spacing:-1px; text-transform:uppercase; } .bag .itemthumb img { width:40px; height:40px; margin:10px 0 0; } .bag .itemQuantity { float:left; clear:both; display:inline; margin:5px 0 5px 5px; } .bag .item_price { clear:both; margin-top:5px; display:inline; } .bag .itemQuantity input { width:35px; height:18px; background:#fbfbfb; border:1px solid #ddd; border-top:1px solid #ccc; border-left:1px solid #ccc; border-radius:3px; text-align:center; color:#999; font:bold 11px Arial,sans-serif; vertical-align:top; margin:0 5px 0 0; padding:3px 9px 0; } .bag .itemQuantity input:focus { outline:none; } .bag .itemincrement a { display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8bUQVbQvdP2Tsgjw4ZTbjpBt9sAnItEZBFDWUjudOsqfWiDF2HTl_FkBal6beHMV2IdlyTHsms_beogyBWQ0zoXyF-8sqIVg138NyK9SAI8R8qBy95ACYD5fGL0mqO9ihFXa0psIaoCs/s1600/arrow.png) -2px -3px; width:7px; height:5px; text-indent:-9999px; overflow:hidden; margin:10px 0 0; } .bag .itemdecrement a { display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8bUQVbQvdP2Tsgjw4ZTbjpBt9sAnItEZBFDWUjudOsqfWiDF2HTl_FkBal6beHMV2IdlyTHsms_beogyBWQ0zoXyF-8sqIVg138NyK9SAI8R8qBy95ACYD5fGL0mqO9ihFXa0psIaoCs/s1600/arrow.png) -2px -10px; width:7px; height:5px; text-indent:-9999px; overflow:hidden; margin:3px 0 0; } .bag a.simpleCart_empty,.bag a.simpleCart_checkout { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDp0m-Yubgx-mDQULchvZoZgzRnncFhgcPcZJeQL86AtxG6Lz_Z039hFiG-5mpVTwWOvBk70anDtmOR2XO_JBa7gEwbQXqIjYrRxygeXztXYlyfPT5qfUbFKE_KMsD9KR539EmBsvk2ZI/s1600/fade.png) repeat-x top left; color:#fff; font-size:10px; text-transform:uppercase; font-weight:700; border-radius:3px; margin-right:10px; padding:3px 8px; } .bag a.simpleCart_empty:hover,.bag a.simpleCart_checkout:hover { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBk2wl-qFPfLlcyaMK7E5YMFPginQUBq1odbbWUhqUNtZaKAxpy-gxtNuUJhSLgNZCSHyzKqBmydYHBO4HgnoD3KIBySvlPLGbP12EL4IiBpyiWFc5jrwMEQpV7SREzV_ijomZ7f4BXas/h1600/fade-hover.png); } .bag a.simpleCart_empty { background-color:#ef9007; border:1px solid #c77f18; } .bag a.simpleCart_checkout { background-color:#8bbd13; border:1px solid #7aa514; } /* FEATURED CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ #featured-product{ } .image_carousel { position:relative; clear:both; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbGQyDYqLbVhHIEqpdvHJBBsLdOHgl4m4lpf5ZdnXbqCJ8p90-7IyNx_S5MMTyX6SfRGSyQMHVpc8PvIGPG1-Esq8vyzYKbqyBVhLbnk4STw_swxIw8QQ_gxRye6lcUYykVjuV3aYHwBI/h1600/divider.gif)repeat-x bottom left; margin-bottom:20px; padding:15px 15px 10px 28px } .image_carousel img { width:110px; height:110px; border:1px solid #ccc; background-color:#FFF; display:block; float:left; margin:7px; padding:9px } a.prev,a.next { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6tUJ9DUJrBvzY5HugVPQqrdKGu8eoykPtvOm5V4kULqtdhkcBa0ab5s8GJczyAxBqC3DbPxVqWC-sL0Afu08KijgvOQjiax2TFfGnRfShSeksvjTsAwJlDZiz93yl2Tka_7j9O3ceE6U/h1600/carousel_sprite.png) no-repeat transparent; width:45px; height:50px; display:block; position:absolute; top:65px } a.prev { left:-15px; background-position:0 0 } a.prev:hover { background-position:0 -50px } a.next { right:-15px; background-position:-50px 0 } a.next:hover { background-position:-50px -50px } .pagination { text-align:center } .pagination a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6tUJ9DUJrBvzY5HugVPQqrdKGu8eoykPtvOm5V4kULqtdhkcBa0ab5s8GJczyAxBqC3DbPxVqWC-sL0Afu08KijgvOQjiax2TFfGnRfShSeksvjTsAwJlDZiz93yl2Tka_7j9O3ceE6U/h1600/carousel_sprite.png) 0 -300px no-repeat transparent; width:15px; height:15px; display:inline-block; margin:12px 5px 0 0 } .pagination a.selected { background-position:-25px -300px; cursor:default } a.prev span,a.next span,.pagination a span { display:none } ]]>