Initializing...
Liveweave
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
build
Tools
expand_more
restart_alt
Load base template
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <!--[if IE 7]> <html class="ie7 no-js" dir="ltr" lang="en" <![endif]--> <!--[if lte IE 8]> <html class="ie8 no-js" dir="ltr" lang="en" <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" dir="ltr" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width; initial-scale=1.0" /> <title>Blu-rays.pk</title> <base href="http://blu-rays.pk/" /> <meta name="description" content="Blu-ray Movies in Pakistan" /> <link href="http://blu-rays.pk/image/data/cart.png" rel="icon" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/stylesheet.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/stylesheet-mobile.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/ui.totop.css" media="screen" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/tipTip.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/slideshow.css" media="screen" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/carousel.css" media="screen" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/flexslider.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/elastic_slideshow.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/camera.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/cloud-zoom.css" /> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/dcaccordion.css" /> <script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script> <link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" /> <script type="text/javascript" src="catalog/view/javascript/common.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/lc_dropdown.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/jquery.dcjqaccordion.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/jquery.flexslider-min.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/jquery.elastislide.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/jquery.bxSlider.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/camera.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/custom.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/nivo-slider/jquery.nivo.slider.pack.js"></script> <script type="text/javascript" src="catalog/view/javascript/jquery/jquery.jcarousel.min.js"></script> <script> document.createElement('header'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('nav'); document.createElement('footer'); </script> <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/ie8.css" /> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/ie7.css" /> <![endif]--> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="catalog/view/theme/sellya/stylesheet/ie6.css" /> <script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('#logo img'); </script> <![endif]--> <style type="text/css"> /******************************************************/ /* GENERAL OPTIONS > Home Page /******************************************************/ /* Category Wall */ .box-category-home > div.span2, .box-category-home > div.span3 { min-height: 200px; } /******************************************************/ /* COLORS AND STYLES > General /******************************************************/ /* Layout */ .wrapper {width: 980px;margin: 20px auto 25px} @media (max-width: 767px) { .wrapper {width: auto;margin: 20px 10px 15px} } @media (min-width: 768px) and (max-width: 979px) { .wrapper {width: 744px;margin: 20px auto 25px} } /* Body background color and pattern */ body { background-color: #FFFFFF; background-image: url("http://blu-rays.pk/image/data/floral.jpg"); ?>; background-position: top center!important; background-repeat: repeat!important; background-attachment: fixed!important; } /* Headings color */ h1, h2, h3, h4, h5, h6, .welcome, .box-category-home > div.span2 a, .box-category-home > div.span3 a, .product-info .description span.stock {color: #53A3DF;} /* Body text color */ body, label, .dropdown_l li a, .box .box-content .box-content-information a, .box-product .name a, .box-product .l_column .name a, .box-category > ul > li > a, .box-category > ul > li a.active, .box-category > ul > li ul > li > a, .box-category-home > div.span2 > div > ul > li > a, .box-category-home > div.span3 > div > ul > li > a, .box-manufacturers-home > div.span2 > div > ul > li > a, .box-manufacturers-home > div.span3 > div > ul > li > a, .product-list .name a, .product-grid .name a, .product-grid .description, .product-name h1, .product-info .description a, .product-info .wishlist-compare a, .product-info .review a, .product-info a, .product-related .name a, .htabs a, .tags a, .es-carousel .name a {color: #545454;} .breadcrumb a, .category-list a, table.form > * > * > td {color: #545454!important;} /* Light text color */ #t-header #search input, .pagination .results, .help, .box-category-home > div.span2 > div.all a, .box-category-home > div.span3 > div.all a, .product-grid .wishlist a, .product-grid .compare a, .product-list .wishlist a, .product-list .compare a, .product-list .description, .product-info .description span, .product-info .cart, .product-info .cart div > span, .product-info .cart .minimum, #content .content .reviews-left span, .breadcrumb, .product-info .review {color: #A3A3A3;} /* Other links color */ a, a:visited, a b, .pagination .links b, .product-custom-block a {color: #53A3DF;} .es-nav span:hover, .product-related .bx-wrapper div.bx-next:hover, .product-related .bx-wrapper div.bx-prev:hover, #toTopHover, .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .camera_prevThumbs:hover, .camera_nextThumbs:hover, .camera_prev:hover, .camera_next:hover, .camera_commands:hover, .camera_thumbs_cont:hover, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .flex-control-paging li a.flex-active {background-color: #53A3DF!important;} /* Links hover color */ a:hover {color: #ED4E4E!important;} /* General icons style */ .product-list .wishlist, span.wishlist, .product-grid .wishlist {background: url("catalog/view/theme/sellya/image/sellya-wishlist-2.png") no-repeat scroll left transparent;} .product-list .compare, span.compare, .product-grid .compare {background: url("catalog/view/theme/sellya/image/sellya-compare-2.png") no-repeat scroll left transparent;} /* Main Column */ .wrapper { background-color: #FFFFFF; background-image: none; background-position: top center!important; background-repeat: repeat!important; background-attachment: scroll!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 20px gray; -webkit-box-shadow: 0 0px 20px gray; -moz-box-shadow: 0 0px 20px gray; } /* Left/Right Column */ #column-left, #column-right { -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } /* Left/Right Column Heading */ .box .box-heading { background-color: #53A3DF!important; background-image: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .box .box-heading h2{color: #FFFFFF;} /* Left/Right Column Box */ .box { background-color: #F6F6F6!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .box-category > ul > li + li, .box-product > .l_column + .l_column, .box-product ol li + li { border-top: 1px solid #F6F6F6!important; } /* Content Column */ #content, #content-home { background-color: #FFFFFF!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .product-list > div + div, .product-list > div + div.span-first-child, .pagination, .product-filter { border-top: 1px solid #F6F6F6!important; } .product-filter, #content .l_column, #content .box .box-heading h2, .bestseller h2, .featured h2, .latest h2, .special h2 { border-bottom: 1px solid #F6F6F6!important; } .product-compare, .box-category-home > div.span2, .box-category-home > div.span3 { border-left: 1px solid #F6F6F6; } .product-info .left .image, .product-info .image-additional img {border: 1px solid #F6F6F6;} .product-manufacturer-logo-block, .product-related, .product-custom-block, .product-share, .right-sm-tags { border-bottom: 1px solid #F6F6F6!important; } .product-manufacturer-logo-block, .product-related > div + div {border-top: 1px solid #F6F6F6;} @media screen and (max-width: 767px) { .product-compare {border-left: none;} } .box-category-home > div.span-first-child {border: none;} .box-manufacturers-home > div.span2, .box-manufacturers-home > div.span3 { border-top: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; border-right: 1px solid #F6F6F6; } .box-manufacturers-home > div.span-first-child { border: 1px solid #F6F6F6; } #content-home .span {width: 900px;margin-left: 20px;} .box-product > div {width: 200px!important;} .box-product > div > div.pbox, .es-carousel ul li div.pbox {padding: 5px 4px 10px;} .es-carousel-banners ul li {margin: 5px 19px 20px 0!important;} @media (max-width: 767px) { #content-home {float: left;width: 100%;} #content-home .span {width: auto;max-width: 100%;margin-left: 10px;margin-right: 10px;clear: both;} .es-carousel-wrapper, .es-carousel-banners {max-width: 243px;} .es-carousel ul li {margin-right: 0!important;} } @media (min-width: 768px) and (max-width: 979px) { #content-home .span {width: 705px;margin-left: 10px;} .box-product .span3 {margin-left: 13px;} .es-carousel ul li {margin-right: 12px!important;} } .camera_wrap, .flexslider {margin: 0px 0 20px !important;} .ei-slider {margin: 0px auto 70px;} /******************************************************/ /* COLORS AND STYLES > Prices /******************************************************/ .price, .total {color: #53A3DF!important;} .price-old, .wishlist-info tbody .price s {color: #A3A3A3!important;} .price-new {color: #ED4E4E!important;} .price-tax, .product-info .price .reward, .product-info .price .discount {color: #A3A3A3!important;} /******************************************************/ /* COLORS AND STYLES > Buttons /******************************************************/ a.button, input.button { background-color: #53A3DF; border-color: #53A3DF #53A3DF #53A3DF #53A3DF; color: #FFFFFF!important; } a.button:hover, input.button:hover, .ei-title h4 a.button:hover { background-color: #ED4E4E; border-color: #CC4343 #E04A4A #E04A4A #CC4343; color: #FFFFFF!important; } a.button-exclusive, input.button-exclusive { background-color: #ED4E4E; border-color: #ED4E4E #ED4E4E #ED4E4E #ED4E4E; color: #FFFFFF!important; } a.button-exclusive:hover, input.button-exclusive:hover { background-color: #53A3DF; border-color: #4A91C7 #4F9BD4 #4F9BD4 #4A91C7; color: #FFFFFF!important; } a.button, input.button, a.button-exclusive, input.button-exclusive { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; } /******************************************************/ /* COLORS AND STYLES > Top Area /******************************************************/ /* Top Area background color and pattern */ #header { background-image: none; background-position: top center!important; background-repeat: repeat!important; background-attachment: scroll!important; } /* Logo */ #t-header #logo {margin-left: 25px;} #t-header {min-height: 115px;} #t-header #search {top: 50px;right: 320px;width: 300px;} @media (max-width: 767px) { #t-header #logo {margin-left: inherit;} #t-header #search {top: 5px;right: inherit;width: 261px} } @media (min-width: 768px) and (max-width: 979px) { #t-header .links a + a {margin-left: 7px;padding-left: 7px} #t-header #search {right: 270px;width: 200px;} } /* Search Bar */ #t-header #search input { font-size: 13px; font-weight: normal; } #t-header #search input {border-color: #DFDFDF;} /* Links Section */ #t-header .links a {color: #545454;} #t-header .links a:hover {color: #ED4E4E!important;} #t-header .links a + a {border-left: 1px solid #E3E3E3;} /* Cart Section */ #t-header #cart .heading a span {color: #53A3DF!important;} #t-header #cart.active .heading a span {color: #ED4E4E!important;} #t-header #cart .heading a span { background: url('catalog/view/theme/sellya/image/icon_cart_1.png') 96% 50% no-repeat; padding: 10px 40px 10px 0; } /* Language/Currency Section */ .dropdown_l .selected_l {color: #545454;} /* Dropdowns */ .dropdown_l ul, #t-header #cart .content { background: #FFFFFF; border-top: 3px solid #53A3DF; } /******************************************************/ /* COLORS AND STYLES > Main Menu /******************************************************/ /* Main Menu Bar */ #menu { background-color: #1854C4!important; background-image: none; background-repeat: repeat!important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; } @media (min-width: 768px) and (max-width: 979px) { #menu { background-image: none; background-repeat: repeat!important; } } #menu_oc > ul > li, #menu > ul > li > span, #menu-category-wall > ul > li, #menu_brands > ul > li, .menu_links, #menu_informations > ul > li, #menu_your_account > ul > li, #menu_custom_block > ul > li, #menu_contacts > ul > li { border-left: 1px solid #1854A1; } #menu_oc > ul > li > a, #menu-category-wall > ul > li > a, #menu > ul > li > span, #menu > ul > li > a, #menu_brands > ul > li > a, .menu_links a, #menu_informations > ul > li > a, #menu_your_account > ul > li > span, #menu_custom_block > ul > li > a, #menu_contacts > ul > li > a, #menu #homepage a, .navbar .brand { font-size: 17px!important; font-weight: normal!important; text-transform: uppercase; } /* Main Menu Mobile */ .navbar-inner { background-color: #FF1F1F; border-color: #FF1F1F; } /* Home Page Link */ #menu #homepage { background-color: #333333!important; margin-left: 0px; } #menu #homepage:hover { background-color: #424242!important; } #menu #homepage a { color: #FFFFFF!important; } #menu #homepage a:hover { color: #FFFFFF!important; } /* Categories Section */ #menu > ul > li, #menu-category-wall > ul > li, #menu_oc > ul > li { background-color: #FF1F1F!important; } #menu > ul > li:hover, #menu-category-wall > ul > li:hover, #menu_oc > ul > li:hover { background-color: #FF1F1F!important; } #menu > ul > li > div, #menu-category-wall > ul > li > div, #menu_oc > ul > li > div { border-top: 2px solid #FF1F1F!important; } #menu > ul > li > span, #menu-category-wall > ul > li > a, #menu > ul > li > a, #menu_oc > ul > li > a, .navbar .brand { color: #FFFFFF!important; } #menu > ul > li > span:hover, #menu-category-wall > ul > li > a:hover, #menu > ul > li > a:hover, #menu_oc > ul > li > a:hover { color: #FFFFFF!important; } div.menu-category-wall-sub-name a {color: #545454!important;} /* Brands Section */ #menu_brands > ul > li { background-color: #53A3DF!important; } #menu_brands > ul > li:hover { background-color: #424242!important; } #menu_brands > ul > li > div { border-top: 2px solid #424242!important; } #menu_brands > ul > li > a { color: #FFFFFF!important; } #menu_brands > ul > li > a:hover { color: #FFFFFF!important; } /* Custom Links Section */ .menu_links { background-color: #1854C4!important; } .menu_links:hover { background-color: #424242!important; } .menu_links a { color: #FFFFFF!important; } .menu_links:hover a { color: #FFFFFF!important; } /* Information Section */ #menu_informations > ul > li { background-color: #1854C4!important; } #menu_informations > ul > li:hover { background-color: #424242!important; } #menu_informations > ul > li > div { border-top: 2px solid #424242!important; } #menu_informations > ul > li > a { color: #FFFFFF!important; } #menu_informations > ul > li > a:hover { color: #FFFFFF!important; } /* Your Account Section */ #menu_your_account > ul > li { background-color: #1854C4!important; } #menu_your_account > ul > li:hover { background-color: #424242!important; } #menu_your_account > ul > li > div { border-top: 2px solid #424242!important; } #menu_your_account > ul > li > span { color: #FFFFFF!important; } #menu_your_account > ul > li > span:hover { color: #FFFFFF!important; } /* Custom Block Section */ #menu_custom_block > ul > li { background-color: #53A3DF; } #menu_custom_block > ul > li:hover { background-color: #424242!important; } #menu_custom_block > ul > li > div { border-top: 2px solid #424242!important; } #menu_custom_block > ul > li > a { color: #FFFFFF!important; } #menu_custom_block > ul > li > a:hover { color: #FFFFFF!important; } /* Contact Section */ #menu_contacts > ul > li > a { color: #FFFFFF!important; } #menu_contacts > ul > li > a:hover { color: #FFFFFF!important; } /* Sub-Menu */ #menu > ul > li > div, #menu-category-wall > ul > li > div, #menu > ul > li > div > ul > li > div, #menu_oc > ul > li > div, #menu_brands > ul > li > div, #menu_informations > ul > li > div, #menu_your_account > ul > li > div, #menu_custom_block > ul > li > div, #menu_contacts > ul > li:hover > div { background-color: #FFFFFF!important; } #menu, #menu_informations h1, #menu_your_account h1, #menu_custom_block h1, #menu_contacts h1, #menu_contacts h2, #menu_contacts span { color: #545454!important; } #menu > ul > li ul > li > a, #menu-category-wall > ul > li ul > li > a, #menu > ul > li > div > ul > li > a, #menu > ul > li > div > ul > li ul > li > a, #menu > ul > li > div > ul > li > div > ul > li > a, #menu_oc > ul > li > div > ul > li > a, #menu_brands a, #menu_informations > ul > li ul > li > a, #menu_your_account > ul > li ul > li > a, #menu_custom_block > ul > li ul > li > a { color: #000000!important; } #menu > ul > li ul > li > a:hover, div.menu-category-wall-sub-name a:hover, #menu-category-wall > ul > li ul > li > a:hover, #menu > ul > li > div > ul > li > div > ul > li > a:hover, #menu_oc > ul > li > div > ul > li > a:hover, #menu_brands a:hover, #menu_informations > ul > li ul > li > a:hover, #menu_your_account > ul > li ul > li > a:hover, #menu_custom_block > ul > li ul > li > a:hover { color: #ED4E4E!important; } #menu_brands > ul > li > div > div { border-left: 1px solid #333333; } #menu-category-wall > ul > li > div > div.span-first-child, #menu_brands > ul > li > div > div.span-first-child {border-left: medium none;} #menu > ul > li ul > li > a:hover, #menu > ul > li > div > ul > li ul > li > a:hover, #menu_oc > ul > li ul > li > a:hover, div.menu-category-wall-sub-name + div > ul > li:hover, #menu_informations > ul > li ul > li > a:hover, #menu_your_account > ul > li ul > li > a:hover, #menu_custom_block > ul > li ul > li > a:hover { background-color: #F8F8F8!important; } div.menu-category-wall-sub-name, #menu_your_account h1, #menu_informations h1, #menu_custom_block h1, #menu_contacts h1 { background-color: #F8F8F8!important; } /******************************************************/ /* COLORS AND STYLES > Midsection /******************************************************/ /* Product Box */ .box-product > div.span3, .es-carousel ul li, .product-grid > div { background-color: #F7F7F7!important; } .box-product > div.span3:hover, .es-carousel ul li:hover, .product-grid > div:hover { background-color: #EDEDED!important; } .box-product > div.span3 > div.pbox, .es-carousel ul li div.pbox, .product-grid > div > div.pbox { border: 1px solid #EDEDED!important; } .box-product > div.span3 > div.pbox:hover, .es-carousel ul li div.pbox:hover, .product-grid > div > div.pbox:hover { border: 1px solid #E0E0E0!important; } .box-product > div.span3, .es-carousel ul li, .product-grid > div, .box-product > div.span3 > div.pbox, .es-carousel ul li div.pbox, .product-grid > div > div.pbox { -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } span.sale-icon { background-color: #ED4E4E!important; } /* Product Page - Buy Section */ .product-info .buy { background-color: #F3F3F3!important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .product-info .description, .product-info .options, .product-info .cart, .product-info .review { border-top: 1px solid #EDEDED!important; } /* Product Page - Tabs */ .htabs {border-bottom: 10px solid #F3F3F3;} .htabs a { border-top: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; } .htabs a.selected {background: #F3F3F3;} .tab-content { border-bottom: 10px solid #F3F3F3; border-left: 10px solid #F3F3F3; border-right: 10px solid #F3F3F3; } /* Product Slider on Home Page */ .ei-slider { background-color: #FFFFFF; background-image: url("catalog/view/theme/sellya/image/bg_prod_slider_1.png"); background-position: top center!important; background-repeat: repeat!important; } @media screen and (max-width: 767px) { .ei-slider{background-image: none;background-color: #FFFFFF;} } .ei-title h2 a{color: #545454;} .ei-title h3 a{color: #A3A3A3;} .ei-title h4 a{color: #53A3DF;} .ei-title h2 a:hover, .ei-title h3 a:hover, .ei-title h4 a:hover, .ei-slider-thumbs li a:hover{color: #53A3DF!important;} .ei-slider-thumbs li a{background: #F3F3F3; color: #545454;} .ei-slider-thumbs li a:hover{background: #F9F9F9;} .ei-slider-thumbs li.ei-slider-element{background: #53A3DF;} /* Custom Box */ .custom_box_left #custom_box_icon, .custom_box_right #custom_box_icon { background-color: #EE3963; } .custom_box_right .custom_box, .custom_box_left .custom_box { border: 4px solid #EE3963; } /******************************************************/ /* COLORS AND STYLES > Bottom Area /******************************************************/ /* Contact Us, Twitter, Custom Column */ #footer_cnc { background-color: #FFFFFF; background-image: none; background-position: top center; background-repeat: repeat; border-top: 1px dashed #2E2E2E; } #footer_cnc h3 {color: #545454!important; border-bottom: 1px dashed #2E2E2E!important;} #footer_cnc_content, #footer_cnc_content span {color: #545454!important;} #footer_cnc a {color: #53A3DF!important;} #footer_cnc a:hover, #footer_cnc .twitter a:hover {color: #ED4E4E!important;} #footer_cnc .twitter a {color: #A3A3A3!important;} #footer_cnc .twitter ul li {background: url("catalog/view/theme/sellya/image/icons_footer/icon_twitts_10.png") no-repeat scroll 96% 7px transparent;} /* Information, Customer Service, Extras, My Account */ #footer_info, #footer_info_phone { background-color: #F9F9F9; background-image: none; background-position: top center; background-repeat: repeat; border-top: 1px dashed #2E2E2E; } #footer_info h3 {color: #53A3DF!important; border-bottom: 1px solid #C4C4C4!important;} #footer_info a {color: #545454!important;} #footer_info a:hover {color: #000000!important;} /* Footer - Payment Images, Powered by, Follow Us */ #footer_cr { background-color: #FFFFFF; background-image: none; background-position: top center; background-repeat: repeat; border-top: 1px dashed #2E2E2E; } #footer_cr {color: #545454!important;} #footer_cr a {color: #FFFFFF!important;} #footer_cr a:hover {color: #53A3DF!important;} #footer_cr span {color: #616161!important;} /* About Us */ #footer_about { background-color: #FCFCFC; background-image: none; background-position: top center; background-repeat: repeat; border-top: 1px dashed #2E2E2E; } #footer_about {color: #545454!important;} #footer_about a {color: #53A3DF!important;} #footer_about a:hover {color: #FFFFFF!important;} /******************************************************/ /* FONTS /******************************************************/ body, p, .ei-title h3 a, .cart-info thead .price, .cart-info tbody .price, #menu h1 { font-family: 'Open Sans',Arial,Helvetica,sans-serif!important; } h1, h2, h3, h4, h5, h6, .welcome { font-weight: normal; } h1, h2, h3, h4, h5, h6, .welcome { text-transform: uppercase; } h1, h2, h3, h4, h5, h6, .welcome { font-family: Cuprum,Arial,Helvetica,sans-serif!important; } .price, .ei-title h4 a { font-family: Droid Sans,Arial,Helvetica,sans-serif!important; } .box-product .price, .box-product .price-new, .product-list .price, .product-grid .price, .product-info .price, .es-carousel .price { font-weight: normal; } a.button, input.button, a.button-exclusive, input.button-exclusive { font-family: "Lucida Sans Unicode",Arial,Helvetica,sans-serif!important; } a.button, input.button, a.button-exclusive, input.button-exclusive { font-weight: normal; } a.button, input.button, a.button-exclusive, input.button-exclusive { text-transform: uppercase; } #t-header #search input { font-family: Georgia,Arial,Helvetica,sans-serif!important; } #menu_oc > ul > li > a, #menu-category-wall > ul > li > a, #menu > ul > li > span, #menu > ul > li > a, #menu_brands > ul > li > a, .menu_links a, #menu_informations > ul > li > a, #menu_your_account > ul > li > span, #menu_custom_block > ul > li > a, #menu_contacts > ul > li > a, #menu #homepage a, .navbar .brand { font-family: Cuprum,Arial,Helvetica,sans-serif!important; } #t-header #cart .heading a span { font-family: Cuprum,Arial,Helvetica,sans-serif!important; } #t-header #cart .heading a span { font-size: 17px!important; font-weight: normal!important; } .box-product .name a, .es-carousel .name a, .product-grid .name a, .product-list .name a, .box-product .l_column .name a { font-weight: normal; } /******************************************************/ /* CUSTOM CSS /******************************************************/ .heading { color: #53A3DF !important; display: block; font-family: Cuprum,Arial,Helvetica,sans-serif !important; font-size: 18px; font-weight: normal; margin: 10px 0 0; padding-bottom: 10px; text-transform: uppercase; } #footer_cnc .container #footer_cnc_content .span12 { height: 100px; } .footer_wrap { color: #939598; float: left; margin: 20px 0 0; width: 100%; } .footer_wrap .footer_bg { background: url("../images/head_top_bg.png") no-repeat scroll center bottom transparent; float: left; width: 980px; } .footer_bg .addres_Sec { float: left; height: 260px; width: 326px; text-align: center; margin-bottom: -10px; padding-top: 10px; } .footerMessages { color: #545454; clear: both; width: 980px; text-align: center; border-top: 1px dashed #2E2E2E; padding-top: 5px; padding-bottom: 5px; } .footer_text { font-size: 13px; color: rgb(54, 54, 54) !important; //178, 178, 178 font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; } .footer_bg .blog_Sec { float: left; height: 260px; width: 326px; text-align: center; } .footer_bg .follow_Sec { float: left; height: 260px; width: 326px; text-align: center; } .footer_bg .follow_Sec img{ opacity:1; } .footer_bg .follow_Sec img:hover{ opacity:1; } .icon_wrp { display: block; margin: 5px 0 0; } .news_letter { float: left; width: 100%; } .partners { margin-bottom: 20px; } /* Newsletter Email Submit button Styling START */ .cf:before, .cf:after{ content:""; display:table; } .cf:after{ clear:both; } .cf{ zoom:1; } /* Form wrapper styling */ .form-wrapper { width: 222px; padding: 5px; margin: 150px auto 50px auto; background: #444; background: rgba(0,0,0,.2); border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); } /* Form text input */ .form-wrapper input { width: 150px; height: 0px; padding: 10px 5px; float: left; font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma'; border: 0; background: #eee; border-radius: 3px 0 0 3px; } .form-wrapper input:focus { outline: 0; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.8) inset; } .form-wrapper input::-webkit-input-placeholder { color: #999; font-weight: normal; font-style: italic; } .form-wrapper input:-moz-placeholder { color: #999; font-weight: normal; font-style: italic; } .form-wrapper input:-ms-input-placeholder { color: #999; font-weight: normal; font-style: italic; } /* Form submit button */ .form-wrapper button { overflow: visible; position: relative; float: left; border: 0; padding: 0; cursor: pointer; height: 20px; width: 62px; font: bold 12px/20px 'lucida sans', 'trebuchet MS', 'Tahoma'; color: #fff; text-transform: uppercase; background: #1854C4; /* 1854C4 = Normal Theme Blue Color */ border-radius: 0 3px 3px 0; text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3); } .form-wrapper button:hover{ background: #3875E7; /*3875E7 = Hover color*/ } .form-wrapper button:active, .form-wrapper button:focus{ background: #13439B; outline: 0; } .form-wrapper button:before { /* left arrow */ content: ''; position: absolute; border-width: 4px 4px 4px 0; border-style: solid solid solid none; border-color: transparent #1854C4 transparent; /* 1854C4 = Normal Theme Blue Color */ top: 6px; left: -4px; } .form-wrapper button:hover:before{ border-right-color: #3875E7; /*3875E7 = Hover color*/ } .form-wrapper button:focus:before, .form-wrapper button:active:before{ border-right-color: #13439B; } .form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } /* Newsletter Email Submit button Styling START */ </style> <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'> </head> <body class="Blu-rays.pk" style="float:none;margin:0"> <div class="facebook_right hidden-phone"> <div id="facebook_icon"></div> <div class="facebook_box"> <script src="//connect.facebook.net/en_US/all.js#xfbml=1"></script> <fb:fan profile_id="216311481960" stream="0" connections="16" logobar="0" width="237" height="389"></fb:fan> <script type="text/javascript"> $(function(){ $(".facebook_right").hover(function(){ $(".facebook_right").stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(".facebook_right").stop(true, false).animate({right: "-245" }, 800, 'easeInQuint' ); },1000); }); $(function(){ $(".facebook_left").hover(function(){ $(".facebook_left").stop(true, false).animate({left: "0" }, 800, 'easeOutQuint' ); }, function(){ $(".facebook_left").stop(true, false).animate({left: "-245" }, 800, 'easeInQuint' ); },1000); }); </script> </div> </div> <div class="custom_box_left hidden-phone"> <div id="custom_box_icon"></div> <div class="custom_box"> <p>Custom Widget Box</p> <script type="text/javascript"> $(function(){ $(".custom_box_right").hover(function(){ $(".custom_box_right").stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(".custom_box_right").stop(true, false).animate({right: "-245" }, 800, 'easeInQuint' ); },1000); }); $(function(){ $(".custom_box_left").hover(function(){ $(".custom_box_left").stop(true, false).animate({left: "0" }, 800, 'easeOutQuint' ); }, function(){ $(".custom_box_left").stop(true, false).animate({left: "-245" }, 800, 'easeInQuint' ); },1000); }); </script> </div> </div> <div class="wrapper"> <footer id="footer"> <div id="footer_about"> <div id="footer_about_content" class="row"> <script type="text/javascript"> $(function() { $(".tiptip").tipTip(); }); </script> <div class="footer_wrap"> <div class="footer_bg"> <div class="addres_Sec"><a href="#"><img alt="Blu-rays.pk - Pakistan's Leading Blu-ray Store" src="http://173.254.28.69/~bluraysp/image/data/storelogo.png" style="margin-top: -15px;" /></a> <span class="heading">Call Us</span> <div class="footer_text">0320-BLURAYS (0320-2857297)</div> <div style="margin-top:30px;"><span class="heading">Email Us</span> <div class="footer_text">Sales: sales@blu-rays.com<br /> Customer Service: customerservice@blu-rays.pk</div> </div> </div> <!--address_sec End--> <div class="blog_Sec"> <div class="partners1" style="margin-top:-10px"><span class="heading">Payment Partners</span> <table align="center"> <tbody> <tr> <td><a class="tiptip" href="http://www.moneybookers.com" target="_blank" title="Moneybookers/Skrill"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/moneybookers.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/moneybookers.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/moneybookers.png" /></a></td> <td><a class="tiptip" href="http://www.2checkout.com" target="_blank" title="2Checkout"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/2checkout.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/2checkout.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/2checkout.png" /></a></td> <td style="padding-bottom: 4px;"><a class="tiptip" href="http://www.visa.com" target="_blank" title="VISA"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/visa.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/visa.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/visa.png" /></a></td> <td><a class="tiptip" href="http://www.mastercard.com" target="_blank" title="MasterCard"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/mastercard.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/mastercard.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/mastercard.png" /></a></td> </tr> <tr> <td><a class="tiptip" href="http://www.ubldirect.com/corporate/bankingservices/omni/home.aspx" target="_blank" title="UBL Omni"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/omni.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/omni.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/omni.png" /></a></td> <td><a class="tiptip" href="http://www.easypaisa.com.pk" target="_blank" title="EasyPaisa"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/easypaisa.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/easypaisa.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/easypaisa.png" /></a></td> <td><a class="tiptip" href="http://www.hbl.com" target="_blank" title="Habib Bank Limited"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/hbl.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/hbl.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/hbl.png" /></a></td> <td><a class="tiptip" href="http://www.standardchartered.com.pk" target="_blank" title="Standard Chartered Pakistan"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/scb.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/scb.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/scb.png" /></a></td> </tr> <tr> <td><a class="tiptip" href="http://www.abl.com" target="_blank" title="Allied Bank Limited"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/abl.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/abl.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/abl.png" /></a></td> <td><a class="tiptip" href="http://www.faysalbank.com" target="_blank" title="Faysal Bank Limited"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/faysal.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/faysal.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/faysal.png" /></a></td> <td><a class="tiptip" href="http://www.bankalfalah.com" target="_blank" title="Bank Alfalah"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/alfalah.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/alfalah.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/alfalah.png" /></a></td> <td><a class="tiptip" href="http://www.ubldirect.com" target="_blank" title="United Bank Limited"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/ubl.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/ubl.png'" src="http://173.254.28.69/~bluraysp/image/data/paymenticons/normal/ubl.png" /></a></td> </tr> </tbody> </table> </div> <div class="partners1" style="margin-top:30px"><span class="heading">Shipping Partners</span> <table align="center"> <tbody> <tr> <td><a class="tiptip" href="http://www.tcscouriers.com/pk/home.aspx" target="_blank" title="TCS"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/shippingicons/normal/tcs.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/shippingicons/hover/tcs.png'" src="http://173.254.28.69/~bluraysp/image/data/shippingicons/normal/tcs.png" /></a></td> <td><a class="tiptip" href="http://www.leopardscourier.com" target="_blank" title="Leopards Courier"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/shippingicons/normal/leopards.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/shippingicons/hover/leopards.png'" src="http://173.254.28.69/~bluraysp/image/data/shippingicons/normal/leopards.png" /></a></td> <td><a class="tiptip" href="http://ocs.com.pk" target="_blank" title="OCS"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/shippingicons/normal/ocs.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/shippingicons/hover/ocs.png'" src="http://173.254.28.69/~bluraysp/image/data/shippingicons/normal/ocs.png" /></a></td> </tr> </tbody> </table> </div> </div> <!--blog_Sec End--> <div class="follow_Sec"><span class="heading" style="margin: 0px;">Join Us</span> <span class="icon_wrp"><a class="tiptip" href="#" title="Facebook"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/normal/f_logo.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/hover/f_logo.png'" src="http://173.254.28.69/~bluraysp/image/data/socialicons/normal/f_logo.png" /> </a> <a class="tiptip" href="#" title="Twitter"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/normal/t_logo.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/hover/t_logo.png'" src="http://173.254.28.69/~bluraysp/image/data/socialicons/normal/t_logo.png" /> </a> <a class="tiptip" href="#" title="Google+"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/normal/g_logo.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/hover/g_logo.png'" src="http://173.254.28.69/~bluraysp/image/data/socialicons/normal/g_logo.png" /> </a> <a class="tiptip" href="#" title="RSS Feed"><img onmouseout="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/normal/r_logo.png'" onmouseover="this.src='http://173.254.28.69/~bluraysp/image/data/socialicons/hover/r_logo.png'" src="http://173.254.28.69/~bluraysp/image/data/socialicons/normal/r_logo.png" /> </a></span> <div class="partners" style="margin-top:30px;"><span class="heading">Subscribe To Us</span> <form class="form-wrapper cf"><input placeholder="Enter your email here..." required="" type="text" /><button type="submit">Submit</button></form> <div class="partners" style="margin-top:30px;"><span class="heading">Secured By</span> <img src="http://173.254.28.69/~bluraysp/image/data/sslseal.png" /></div> </div> </div> <div style="display:none"><img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/moneybookers.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/2checkout.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/visa.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/mastercard.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/omni.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/easypaisa.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/hbl.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/scb.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/abl.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/faysal.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/alfalah.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/paymenticons/hover/ubl.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/shippingicons/hover/tcs.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/shippingicons/hover/ocs.png" /> <img src="http://173.254.28.69/~bluraysp/image/data/shippingicons/hover/leopards.png" /> <img src="173.254.28.69/~bluraysp/image/data/socialicons/hover/f_logo.png" /> <img src="173.254.28.69/~bluraysp/image/data/socialicons/hover/t_logo.png" /> <img src="173.254.28.69/~bluraysp/image/data/socialicons/hover/g_logo.png" /> <img src="173.254.28.69/~bluraysp/image/data/socialicons/hover/r_logo.png" /></div> </div> <div class="footerMessages">This web site is not affiliated with the Blu-ray Disc Association.<br /> All trademarks are the property of the respective trademark owners.<br /> © 2013 Blu-rays.pk. All rights reserved.</div> </div> </div> </div> </footer> <!-- OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation. Please donate via PayPal to donate@opencart.com //--> </div> <script type="text/javascript" src="catalog/view/theme/sellya/js/cloud-zoom.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/jquery.tipTip.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/bootstrap-dropdown.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/bootstrap-collapse.js"></script> <script type="text/javascript" src="catalog/view/theme/sellya/js/jquery.ui.totop.js"></script> <script type="text/javascript"> $(document).ready(function() { /* var defaults = { containerID: 'toTop', // fading element id containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200, easingType: 'linear' }; */ $().UItoTop({ easingType: 'easeOutQuart' }); }); </script> </body></html>