File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/cedarresidency.com/css/webslidemenu.css
Back
/* * Webslide - v3.2 * Web Slide - Responsive Mega Menu for Bootstrap 3+ * * Copyright 2016 webthemex * http://codecanyon.net/user/webthemex?ref=webthemex * * Licensed under Envato licenses * http://codecanyon.net/licenses/standard */ .wsmain html, .wsmain body, .wsmain iframe, .wsmain h1, .wsmain h2, .wsmain h3, .wsmain h4, .wsmain h5, .wsmain h6{margin:0px; padding:0px; border:0px; font: inherit; vertical-align:baseline; font-weight:normal; font-size:12px; line-height:18px;font-family:Helvetica, Arial, sans-serif; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:antialiased; font-smooth:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing:subpixel-antialiased !important; font-smoothing:subpixel-antialiased !important; font-smooth:subpixel-antialiased;} .wsmenu .cl{clear: both;} .wsmenu img, object, embed, video{border:0 none; max-width: 100%;} .wsmenu a:focus {outline:none !important;} .wsmenu:before, .wsmenu:after{content: ""; display: table;} .wsmenu:after{clear: both;} /* ------------ Drawer Menu Modifications ------------ */ .slide-logo { text-align:center !important; position:relative; padding:25px; } .slide-logo img { width: 85px; height: 60px; } .wsmenu{ right:-240px !important; left:auto !important; z-index:300 !important; } .wsmenucontainer.wsoffcanvasopener{ margin-left:0px !important;} .wsoffcanvasopener .wsmenu{ left:auto; right:0px !important;} .wsoffcanvasopener .animated-arrow{ left:auto !important; right:250px !important; } .animated-arrow{ left:auto !important; right:0px !important; margin:18px 21px 0 0px !important;} .callusicon{ left:18px !important; right:auto !important;} /*if wanted push menu replace with below*/ /*.wsmenu{ right:-240px !important; left:auto !important; }*/ /*.wsmenucontainer.wsoffcanvasopener{margin-left:0px !important; margin-right:240px !important;}*/ /* ------------ Drawer Menu ------------ */ .wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;} .hometext{ display:inline-block !important; } .megacollink {width:96% !important; margin:0% 2% !important; } .megacolimage{width:90% !important; margin:0% 5% !important;} .typographylinks{width:98% !important; margin:0% 1% !important;} .typographydiv{width:86% !important; margin:0% 7% !important;} .mainmapdiv{width:90% !important; margin:0% 5% !important; } .wsmenu-submenu .fa{ margin-right:7px;} .overlapblackbg{ left:0; z-index:100 !important; width:100%; height:100%; position:fixed; top:0; display:none; background-color:rgba(0, 0, 0, 0.45); cursor:pointer;} .overlapblackbg.menuopen{display:block;} /* Default Theme */ .wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;} .wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);} .wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);} .wsmenu-list li:hover .wsmenu-submenu{display:none ;} .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;} .wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;} .wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;} .innerpnd{ padding:0px !important; } .typography-text { padding:10px 0px; } /*Form for desktop */ .halfdiv{ width:35%; right:0px !important; left:auto;} .menu_form{width:100%; display:block;} .menu_form input[type="text"]{ width:100%; border:1px solid #e2e2e2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#000; font-size:13px; padding:8px 5px; margin-bottom:8px; } .menu_form textarea{ width:100%; border:1px solid #e2e2e2; border-radius:5px; color:#000; font-size:13px; padding:8px 5px; margin-bottom:8px; min-height:122px;} .menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .wsoffcanvasopener .wsmenu { overflow-y:auto; left:0px; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsmenucontainer.wsoffcanvasopener{ display:block; margin-left:240px; } .wsmobileheader{ display:block !important; position:relative; top:0; right:0; left:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;} .hometext{ display:inline-block !important; } .megacollink {width:96% !important; margin:0% 2% !important; } .megacolimage{width:90% !important; margin:0% 5% !important;} .typographylinks{width:98% !important; margin:0% 1% !important;} .typographydiv{width:86% !important; margin:0% 7% !important;} .mainmapdiv{width:90% !important; margin:0% 5% !important; } .overlapblackbg{ left:0; z-index:1; width:100%; height:100%; position:fixed; top:0; display:none; background-color:rgba(0, 0, 0, 0.45); cursor:pointer;} .wsoffcanvasopener .overlapblackbg{display:block !important;} /* Default Theme */ .wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#000;} .wsmenu > .wsmenu-list > li > a.active{color: #000; background-color:rgba(0,0,0,0.08);} .wsmenu > .wsmenu-list > li > a:hover{ color: #000; background-color:rgba(0,0,0,0.08);} .wsmenu-list li:hover .wsmenu-submenu{display:none ;} .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;} .wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;} .wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;} .innerpnd{ padding:0px !important; } .typography-text { padding:10px 0px; } .wsmenucontainer{ overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} /* Mobile click to drop arrow */ .wsmenu-click { height:43px; position:absolute; top:0; right:0; display:block; cursor:pointer; width:100%; } .wsmenu-click i{ display:block; height:23px; width:25px; margin-top:11px; margin-right:8px; background-size:25px; font-size:21px; color:#000; float:right; text-align:center; } .wsmenu-click02 { height:43px; position:absolute; top:0; right:0; display:block; cursor:pointer; width:100%; } .wsmenu-click02 i{ display:block; height:23px; width:25px; margin-top:11px; margin-right:8px; background-size:25px; font-size:21px; color:rgba(0,0,0,0.25); float:right; text-align:center; } .ws-activearrow > i{transform: rotate(180deg);} .wsmenu-rotate{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} /*2nd UL Style*/ .wsmenu-submenu-sub{ width:100% !important; position:static !important; left:100% !important; top:0 !important; display:none; margin:0px !important; padding:0px !important; border:solid 0px !important; transform:none !important; opacity:1 !important; visibility:visible !important; } .wsmenu-submenu-sub li{ margin:0px 0px 0px 0px !important; padding:0px; position:relative;} .wsmenu-submenu-sub a{ display:block; padding:10px 25px 10px 25px; border-bottom:solid 1px #ccc; font-weight:normal;} .wsmenu-submenu-sub li a.active{color:#000 !important;} .wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;} .wsmenu-list > li > a .fa{margin-right:6px;} .wsmenu-submenu-sub-sub{ width:100% !important; position:static !important; left:100% !important; top:0 !important; display:none; margin:0px !important; padding:0px !important; border:solid 0px !important; transform:none !important; opacity:1 !important; visibility:visible !important; } .wsmenu-submenu-sub-sub li{ margin:0px 0px 0px 0px !important;} .wsmenu-submenu-sub-sub a{ display:block; color:#000; padding:10px 25px; background:#000 !important; border-bottom:solid 1px #ccc; font-weight:normal;} .wsmenu-submenu-sub-sub li a.active{ color:#000 !important;} .wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;} .wsmenu{position: relative;} .wsmenu .wsmenu-list{ padding:0px; margin:0px; height:100%; display:block !important;} .wsmenu .wsmenu-list > li{ width:240px; display:block; float:none; border-right:none; background-color:transparent; position:relative; white-space:inherit;} .wsmenu > .wsmenu-list > li > a{ padding:9px 32px 9px 17px; font-weight: 600; font-size:16px; text-align:left; border-right:solid 0px; background-color:transparent; color:#000; line-height:25px; border-bottom:1px solid; border-bottom-color:rgba(0,0,0,0.13); position:static; display:block; } .wsmenu > .wsmenu-list > li > a > .fa{font-size: 16px; color:#bfbfbf;} .wsmenu .wsmenu-list li a .arrow:after{ display:none !important; } .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; } .mobile-sub .wsmenu-submenu{ transform:none !important; opacity:1 !important; display:none; position:relative !important; top:0px; background-color:#fff ; border:solid 1px #ccc; padding:0px; visibility:visible !important; } .mobile-sub .wsmenu-submenu li{ position:relative; } .mobile-sub .wsmenu-submenu li a{ line-height: 20px; height: 36px; background-color: #fff!important; font-size: 16px !important; padding: 8px 0px 8px 18px; color: #000; display: block; font-weight: 600; } .mobile-sub .wsmenu-submenu li a:hover{ background-color: #e7e7e7 !important; color: #000; text-decoration: none; } .mobile-sub .wsmenu-submenu li:hover>a{ background-color:#e7e7e7 !important; color:#666666; } .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none; padding-left:28px;} .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;} .wsmenu-list .megamenu{ background-color:#e7e7e7; color:#666666; display:none; position:relative !important; top:0px; padding:0px; border:solid 0px; transform:none !important; opacity:1 !important; visibility:visible !important; } .wsmenu-list li:hover .megamenu{display:none; position:relative !important; top:0px; } .megamenu .title{ color:#666666; font-size:15px !important; padding:10px 8px 10px 0px;} .halfdiv .title{ padding-left:15px;} .megamenu > ul{ width:100% !important; margin:0px; padding:0px; font-size:13px !important;} .megamenu > ul > li > a{ padding:9px 14px !important; line-height:normal !important; font-size:13px !important; background-color:#e7e7e7 !important; color:#666666;} .megamenu > ul > li > a:hover{background-color:#000000 !important;} .ad-style{ width:100% !important;} .megamenu ul li.title{ line-height:26px; color:#666666; margin:0px; font-size:15px; padding:7px 13px !important; border-bottom:1px solid #ccc; background-color:transparent !important;} .halfdiv{ width:100%; display:block;} .halfmenu{width:100%; display:block;} .menu_form{ padding:10px 10px 63px 10px; background-color: #e7e7e7;} .menu_form input[type="button"]{ width:46%; } .menu_form input[type="submit"]{ width:46%; } .menu_form textarea{min-height:100px;} .wsmenu { width:240px; left:-240px; height: 100%; position: fixed; top: 0; margin: 0; background-color: #fff; border-radius:0px; z-index:100; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border:none !important; background-color:#fff !important; } /* Navigation arrow Animation */ .animated-arrow{ position:absolute; left:0; top:0; z-index:102; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon{ color: #c9c9c9; font-size: 25px; position: absolute; right:18px; top: 29px; z-index:102; transition: all 0.4s ease-in-out 0s; font-size:19px; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon:focus, callusicon:hover { color: #fff !important; } .smallogo{ width:100%; display:block; text-align:center; padding-top:9px; position:fixed; z-index:101; width:100%; height:52px; background: #262626; background: -moz-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(50%, #1c1c1c), color-stop(100%, #262626)); background: -webkit-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%); background: -o-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%); background: -ms-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%); background: linear-gradient(to bottom, #262626 0, #1c1c1c 50%, #262626 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0); box-shadow: 0 1px 4px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); } .animated-arrow{ cursor:pointer; padding:35px 35px 16px 0px; margin:18px 0 0 18px;} .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height:2px; width:35px; background: #fff; position: absolute; display: block; content: '';} .animated-arrow span:before{ top: -9px;} .animated-arrow span:after { bottom: -9px;} .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{ transition: all 500ms ease-in-out;} .wsoffcanvasopener .animated-arrow span{ background-color: transparent;} .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after{ top:9px;} .wsoffcanvasopener .animated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom:0px; } .wsoffcanvasopener .animated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /*Animation None */ .wsmenu-list li > .wsmenu-submenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; } .wsmenu-list li:hover > .wsmenu-submenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; } .wsmenu-submenu li > .wsmenu-submenu-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; } .wsmenu-submenu li:hover > .wsmenu-submenu-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-list li > .megamenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-list li:hover > .megamenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings