File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/dakpahouseladakh.com/css/header.css

Back
header { background-color: #fff; position: relative; z-index: 5; transition: all .5s ease-in-out; } .tm-table { width: 100%; display: table; table-layout: fixed; } .table-cell { display: table-cell; vertical-align: middle; } header#masthead .width-logo { width: 270px; background-color: #72305f; } header#masthead .mobile-logo,header#masthead .retina-logo { display: none; } .top-toolbar { border-bottom: 1px solid #f0f0f0; padding-left: 30px; color: var(--body-font-color-1); font-size: 13px; } .top-toolbar i { font-size: 16px; margin-right: 5px; } .toolbar-info a { color: #904d38; } .toolbar-info a:hover { color: var(--primary-hover-color-1); } .toolbar-info { line-height: 41px; } .weather img { height: 30px; } .toolbar-right>div,.toolbar-right>ul { display: inline-block; vertical-align: middle; border-left: 1px solid #f0f0f0; } .language .dropdown-language { border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 0; min-width: 120px; position: absolute; top: auto; left: -20px; z-index: 2; display: none; background: #f5f5f5; } .language .dropdown-language li { display: block; padding: 0 20px; line-height: 40px; border-top: 1px solid #eee; } .language a { line-height: 11px; } .toolbar-right { text-align: right; } .language .active .fa-caret-down:before { content: "\f0d8"; } .language .dropdown-toggle:after { display: none; } .language .dropdown-toggle span { margin-left: 5px; } .language { text-align: left; color: var(--body-font-color-1); padding: 0 25px; line-height: 42px; } .top-toolbar a { color: var(--body-font-color-1); } .language i[class^=flag] { display: inline-block; margin-right: 5px; width: 16px; height: 11px; line-height: 11px; background-image: url(../images/icons/language-flags.png); background-position: 0 0; background-repeat: no-repeat; } .language i.flag-de { background-position: -160px -166px; } .language i.flag-el { background-position: -176px -22px; } .language i.flag-es { background-position: -176px -143px; } .language i.flag-fr { background-position: -176px -44px; } .language i.flag-it { background-position: -96px -144px; } .top-toolbar ul.top-menu>li>a { padding: 9px 25px; line-height: 24px; text-transform: capitalize; display: inline-block; } .top-toolbar ul.top-menu>li { border-left: 1px solid #f0f0f0; } .top-toolbar ul.top-menu>li:first-child { border-left: none; } .weather { padding: 0 23px; border-left: none!important; } .header-right { padding: 25px 0; float: right; padding-right: 30px; } a.btn-book { font-size: 14px; padding: 13px 20px 14px; line-height: 1; display: inline-block; font-weight: 400; color: #fff; background-color: #904d38; } a.btn-book:hover { color: #fff; background: var(--primary-hover-color-1); } #masthead.affix .sm-logo .no-sticky-logo,#masthead.affix-top .sm-logo .sticky-logo { display: none; } header#masthead.affix .top-toolbar { display: none; } .header_v2 .header-right { padding-right: 0; } .header_v2 { color: var(--title-color-2); } header.bg_white { background: #fff; } header.bg_white .menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar { background: #904d38; } header#masthead.header_v2 .width-logo { background: 0 0; width: 100px; } .navigation ul.main-menu>li.menu-item { margin-right: 40px; } .navigation ul li { list-style: none; display: inline-block; vertical-align: middle; margin-bottom: 0; } .navigation .main-menu>li { display: inline-block; position: relative; } .navigation .main-menu li a { white-space: nowrap; } .navigation .main-menu>li>a { display: inline-block; line-height: 42px; } header .sub-menu { min-width: 240px; position: absolute; top: auto; right: 0; display: none; z-index: 999; padding: 0; margin: 0; background-color: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.09); -moz-box-shadow: 0 2px 3px rgba(0,0,0,.09); -o-box-shadow: 0 2px 3px rgba(0,0,0,.09); -ms-box-shadow: 0 2px 3px rgba(0,0,0,.09); } header .sub-menu li { padding: 0 20px; display: block; margin: 0; } header .sub-menu li a { display: block; padding: 12px 0; font-size: 16px; border-bottom: 1px solid #e6e6e6!important; font-weight: 700; color: #000; /font-family: -webkit-pictograph;/ font-family: 'Montserrat Alternates', sans-serif; } header .sub-menu li a:hover { color: #904d38; } .demo-4 header .sub-menu li a:hover { color: var(--primary-color-4); } .demo-2 header .sub-menu li a:hover,.demo-3 header .sub-menu li a:hover { color: #904d38; } header .sub-menu li:last-child a { border-bottom: none; } header ul.main-menu li>.sub-menu { left: 0; top: 100%; background-color: #f5f5f5; } .navigation .main-menu>li>a,.navigation .main-menu>li>span:not(.icon-toggle) { font-size: 15px; color: #333; font-style: normal; text-transform: uppercase; font-weight: 400; letter-spacing: .7px; display: inline-block; } .navigation .main-menu>li>a:hover { color: #904d38; } .navigation ul.main-menu { /padding-left: 90px; float: left; padding-right: 20px;/ padding-left: 40px; float: left; padding-right: 10px; } .navigation ul.main-menu>.menu-item:before { content: ""; background: #e3e3e3; height: 15px; width: 1px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .navigation ul.main-menu>.menu-item:first-child:before { display: none; } @media(min-width:768px) { header#masthead.header-overlay.affix-top { padding-top: 40px; } .navigation .main-menu>li .sub-menu li { width: 100%; text-align: left; position: relative; } .navigation .main-menu>li .sub-menu .sub-menu { top: 0; left: 100%; } .sub-menu li .icon-toggle { position: absolute; right: 20px; top: 50%; font-size: 13px; font-weight: 700; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .icon-toggle i { -webkit-transition: all .5s; -khtml-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sub-menu li.has-children:hover .icon-toggle i:before { content: "\f0da"; } .navigation>.main-menu>li>span.icon-toggle { color: var(--body-font-color-1); font-size: 14px; position: relative; line-height: 37px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 10px; } .icon-toggle { opacity: .6; color: var(--body-font-color-1); } .demo-2 .navigation>.main-menu>li>span.icon-toggle { color: var(--title-color-2); } .navigation>ul.main-menu>.menu-item:before { display: none; } .navigation>.main-menu>li { padding: 18px 0; } .navigation ul.main-menu>li.menu-item { margin-right: 45px; } header#masthead.header_v2 .width-logo { background: 0 0; width: 100px; /width: 120px;/ } } .navigation ul.main-menu>.menu-item:last-child.has-children { margin-right: 0; } header.affix { z-index: 999999; position: fixed; width: 100%; left: 0; right: 0; transition: all .3s; background: #fff; box-shadow: 0 10px 25px 0 rgba(24,23,24,.2); } header.affix.menu-hidden { transform: translate(0,-100%); } .affix-top.menu-show { transition: none; } .menu-mobile-effect.navbar-toggle { display: none; align-items: center; padding: 25px; font-size: 20px; cursor: pointer; color: #000; } @media (max-width: 1024px){ .navigation ul.main-menu>li.menu-item { margin-right: 15px; } .navigation ul.main-menu { padding-left: 35px; float: left; padding-right: 20px; } } .menu-mobile-effect.navbar-toggle i { color: #111; } .menu-mobile-effect.navbar-toggle .icon-wrap { cursor: pointer; display: inline-block; width: 15px; height: 13px; padding: 0; position: relative; margin-left: 15px; opacity: .8; } .menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar { background: #fff; /width: 22px; height: 2px;/ width: 35px; height: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; left: 0; margin: 0 auto; top: 0; transition: all .3s ease-in-out; } .menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar:nth-child(2) { top: 6px; } .menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar:nth-child(3) { top: 12px; } .mobile-menu-container { position: fixed; visibility: visible; top: 0; left: 0; bottom: 0; z-index: 999999; width: 300px; overflow: auto; background: #fff; -webkit-transition: all .5s; -khtml-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .mobile-menu-container .inner-off-canvas .main-menu { display: block; margin: 0; overflow: hidden; overflow-y: auto; } .mobile-menu-container ul { margin: 0; } .overlay-close-menu { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; z-index: 99999; opacity: 0; visibility: hidden; transition: all .3s; } .mobile-menu-open .overlay-close-menu { opacity: .5; visibility: visible; } .mobile-menu-container ul li { float: none; position: relative; display: block; width: 100%; margin: 0; } .mobile-menu-container .inner-off-canvas .main-menu li .sub-menu a { padding-left: 40px; color: #000; font-size: 16px; } .mobile-menu-container .main-menu li .sub-menu .sub-menu .icon-toggle { font-size: 15px; } .mobile-menu-container .inner-off-canvas .main-menu li.has-children li.has-children .sub-menu a { padding-left: 50px; } /.mobile-menu-container .inner-off-canvas .main-menu li a,.mobile-menu-container .inner-off-canvas .main-menu li span:not(.icon-toggle) { display: block; padding: 10px 20px 10px 20px; font-size: 18px; line-height: 28px; border-top: 1px solid #e7e7e7; color: #000; font-weight: 700; }/ .mobile-menu-container .inner-off-canvas .main-menu li a, .mobile-menu-container .inner-off-canvas .main-menu li span:not(.icon-toggle) { display: block; padding: 10px 20px 10px 20px; font-size: 16px; line-height: 28px; /* font-weight: 300; / border-top: 1px solid #e7e7e7; / font-size: 14px; / color: #000; font-weight: 600; font-family: 'Montserrat Alternates', sans-serif; } .mobile-menu-container .inner-off-canvas ul li>a,.mobile-menu-container .inner-off-canvas ul li>span:not(.icon-toggle) { color: var(--title-color-1); } .mobile-menu-container ul li a { line-height: 30px; display: block; outline: 0; -webkit-transition: background .3s,box-shadow .3s; transition: background .3s,box-shadow .3s; } .mobile-menu-container ul li .icon-toggle { position: absolute; right: 15px; width: 40px; height: 40px; top: 5px; line-height: 40px; text-align: center; color: #0a0a0a; cursor: pointer; } .mobile-menu-container .main-menu>li:not(:first-child)>.sub-menu,.mobile-menu-container .main-menu>li .sub-menu .sub-menu { display: none; } .mobile-menu-container .inner-off-canvas .main-menu li a:hover { color: #904d38; } .mobile-menu-container { -webkit-transform: translate(-300px); -moz-transform: translate(-300px); -ms-transform: translate(-300px); -o-transform: translate(-300px); } .mobile-menu-open .mobile-effect.mobile-menu-container { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); } @media(max-width:768px) { header#masthead .width-logo { text-align: center; } .mobile-menu-container.mobile-effect { padding-bottom: 100px; } #thim-header-topbar,.header-sidebar { display: none!important; } .mobile-menu-container .inner-off-canvas .menu-mobile-effect.navbar-toggle .fa { transition: all .2s ease-in-out 0s; } header .navigation { display: none; } body.mobile-menu-open nav .menu-mobile-effect.navbar-toggle { display: block; } .menu-mobile-effect.navbar-toggle { display: inline-block; text-align: right; } header .site-logo { padding: 0; width: -webkit-calc(100% - 81px); width: -moz-calc(100% - 81px); width: calc(100% - 81px); text-align: center; max-width: calc(100% - 81px); flex: 0 0 calc(100% - 81px); } .mobile-menu-container .inner-off-canvas .menu-mobile-effect.navbar-toggle:hover .fa { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); color: #904d38; } header#masthead .width-logo { width: 100%; } header#masthead .logo { display: none; } header#masthead .mobile-logo { display: inline-block; } } .demo-2 header,.demo-3 header { font-size: 14px; } .header_v2 .navigation .main-menu>li>a,.header_v2 .navigation .main-menu>li>span:not(.icon-toggle) { font-size: 16px; text-decoration: none; color: #000; font-weight: 600; /font-family: -webkit-pictograph;/ font-family: 'Montserrat Alternates', sans-serif; } .demo-3 .header_v2 .navigation .main-menu>li>a:hover,.demo-2 .header_v2 .navigation .main-menu>li>a:hover { color: #904d38; } header.header_v2 ul.main-menu li>.sub-menu { background: #fff; } .demo-3 .header_v2 a.btn-book,.demo-2 .header_v2 a.btn-book { padding: 13px 20px 12px; font-weight: 700; color: #fff; background: #904d38; } .demo-3 .header_v2 a.btn-book:hover,.demo-2 .header_v2 a.btn-book:hover { color: #fff; background: var(--primary-hover-color-2); } .header-right>div { display: inline-block; vertical-align: middle; } header.header_v2 .header-right a { color: #000; font-weight: 700; /background-color: #904d38;/ font-family: 'Montserrat Alternates', sans-serif; font-size:16px; } .demo-2 header .dropdown-language a { font-weight: 400; } .demo-3 header .header-right a:hover,.demo-3 header .header-right a:hover,.demo-2 header .sub-menu li a:hover,.demo-2 header .sub-menu li a:hover { color: #904d38; } .header_v2 .header-right .book-button { margin-left: 25px; } .header_v2 .language .dropdown-language { background: #fff; } .language .dropdown-language li:first-child { border-top: none; } #masthead.header-overlay { position: absolute; top: 0; right: 0; left: 0; z-index: 999; background: 0 0; } header.header_v2.header-overlay .header-right a,.header_v2.header-overlay .navigation .main-menu>li>a,.header_v2.header-overlay .navigation .main-menu>li>span:not(.icon-toggle) { color: #fff; } .header_v2.header-overlay .language .dropdown-language a { color: var(--body-font-color-2); font-weight: 400; } .header_v2.header-overlay .language .dropdown-language a:hover { color: #904d38; } .header-overlay .navigation>.main-menu>li>span.icon-toggle { color: #fff; } header#masthead.affix.header-overlay { z-index: 9999; position: fixed; width: 100%; transition: transform .3s .1s; background-color: rgba(0,0,0,.6); } /header.header_v2 .header-right a:hover { color: #fff; background-color:#000; }/ header.header_v2 .header-right .dropdown .dropdown-toggle:hover span { color: #4a4a4a; } header.header_v2.header-overlay .header-right .dropdown .dropdown-toggle:hover span { color: #fff; } .dropdown .dropdown-toggle span { opacity: .6; } .page-title-wrapper { background-image: url(../img/banner/about-banner1.jpg); background-repeat: no-repeat; background-size: cover; position: relative; text-align: center; color: #fff; text-transform: uppercase; height: 400px; background-position: 0px 0px!important; } @media (max-width: 1600px){ .page-title-wrapper { height: 350px; } } .page-title-wrapper .content { position: absolute; left: 0; right: 0; text-align: center; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); display: inline-block; } .page-title-wrapper .heading_primary:after { content: ''; position: relative; width: 60px; height: 2px; display: block; margin: 0 auto; bottom: -11px; background: #904d38; } .page-title-wrapper .heading_primary { color: #fff; margin: 0 0 40px; line-height: 120%; text-transform: uppercase; position: relative; font-size: 40px; font-weight: 700; } .page-title-wrapper:before { content: ''; position: absolute; height: 100%; left: 0; right: 0; top: 0; opacity: .5; margin: 0 auto; background: #00000078; } .breadcrumbs li { display: inline-block; vertical-align: middle; color: #fff; font-family: 'Montserrat Alternates', sans-serif; } .breadcrumbs li a { color: #fff; } .breadcrumbs li .separator { width: 6px; height: 6px; border-radius: 50%; background: #904d38; display: inline-block; margin: 0 10px; vertical-align: middle; } .breadcrumbs li a:hover { color: #904d38; } header.header_v2 { padding: 1px 0; /height: 70px; z-index: 9; position: relative; background: rgba(249,246,241,0.6); position: absolute; width: 100%; top: 20px;*/ } header#masthead.header_v4 .width-logo { width: 110px; background-color: var(--secondary-color-4); } .header_v4 .top-toolbar .toolbar-info { line-height: 30px; } .header_v4 .top-toolbar { color: #b3b3b3; background-color: #14141e; border-bottom: none; padding-left: 11px; font-size: 13px; font-weight: 300; text-transform: uppercase; } .header_v4 .top-toolbar i { margin-left: 10px; font-size: 18px; vertical-align: middle; } .header_v4 .top-toolbar a { color: #b3b3b3; text-transform: uppercase; } .header_v4 .top-toolbar a:hover { color: #fff; } .header_v4 .top-toolbar .toolbar-info span.text { margin-left: 10px; color: var(--primary-color-4); } body.demo-4 .navigation .main-menu>li>a:hover { color: var(--primary-color-4)!important; } .header_v4 .top-toolbar .toolbar-info li { margin-right: 10px; line-height: 1; } .header_v4 .top-toolbar ul.top-menu>li>a { padding: 4px 10px 3px; text-transform: uppercase; } .header_v4 .top-toolbar ul.top-menu>li,.header_v4 .toolbar-right>div,.header_v4 .toolbar-right>ul { border-left: none; } .header_v4 .user-info li a { padding: 0 17px; } .header_v4 .user-info li:last-child a { padding-right: 2px; } .header_v4 .user-info li { border-left: 1px solid #414150; } .header_v4 .navigation ul.main-menu { padding-left: 80px; } .search-box .search-form .search-field { width: 100%; padding: 0 20px; height: 50px; line-height: 50px; border: none; } .search-box .search-form button:hover { background-color: var(--primary-hover-color-4); } .search-box .search-form button { position: absolute; top: 0; right: 0; width: 50px; height: 100%; border: 0; color: #fff; outline: 0; font-size: 18px; box-shadow: none; cursor: pointer; background-color: var(--primary-color-4); } .search-box .search-form { top: 50%; max-width: 500px; margin: auto; position: relative; transform: translate(0,-50%); } .search-box .form-search-wrapper { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999; opacity: 0; visibility: hidden; overflow: hidden; background: rgba(0,0,0,.8); margin: 0; width: 100%; height: 100vh; -webkit-transform: scale(.2,.2); -moz-transform: scale(.2,.2); -ms-transform: scale(.2,.2); -o-transform: scale(.2,.2); -webkit-transition: all .3s cubic-bezier(.4,0,1,1); -khtml-transition: all .3s cubic-bezier(.4,0,1,1); -moz-transition: all .3s cubic-bezier(.4,0,1,1); -ms-transition: all .3s cubic-bezier(.4,0,1,1); -o-transition: all .3s cubic-bezier(.4,0,1,1); transition: all .3s cubic-bezier(.4,0,1,1); } .search-box .toggle-form:hover { color: var(--primary-color-4); } .search-box .toggle-form { text-align: center; cursor: pointer; position: relative; width: 34px; height: 34px; display: inline-block; line-height: 34px; font-size: 22px; color: #313140; } body.active-search .background-toggle { width: 100%; height: 100%; position: absolute; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==),progress; } .active-search .search-box .form-search-wrapper { opacity: 1; visibility: visible; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); } @media(min-width:769px) { .header_v4 .navigation>.main-menu>li { padding: 14px 0; } } .header_v4 .sticky-logo img { height: 60px; } .header_v4 .navigation ul.main-menu>li.menu-item { margin: 0; text-align: center; min-width: 234px; padding-left: 70px; padding-right: 70px; border-right: 1px solid #f0f0f0; } .header_v4 .header-right { padding-right: 100px; } .header_v4 .navigation .main-menu>li>a,.header_v4 .navigation .main-menu>li>span:not(.icon-toggle) { color: #313140; font-size: 18px; } header.header_v4 .sub-menu li a { font-size: 16px; } .ion-ios-search-strong:before { font-weight: 600; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings