File manager

File manager - Edit - /home/autoph/public_html/pms_v1/css/sidebarmain.css

Back
body { font-family: "Poppins", Arial, sans-serif; font-size: 14px; line-height: 1.8; font-weight: normal; background:white; color: gray; } a { -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; color: #3445b4; } a:hover, a:focus { text-decoration: none !important; outline: none !important; -webkit-box-shadow: none; box-shadow: none; } button { -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } button:hover, button:focus { text-decoration: none !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.5; font-weight: 400; font-family: "Poppins", Arial, sans-serif; color: #000; } .ftco-section { padding: 7em 0; } .ftco-no-pt { padding-top: 0; } .ftco-no-pb { padding-bottom: 0; } .heading-section { font-size: 28px; color: #000; } .heading-section small { font-size: 18px; } .img { background-size: cover; background-repeat: no-repeat; background-position: center center; } .wrapper { width: 100%; } .profileData{ font-size:14px; color:gray; padding:5px; } .profileIcon{ font-size:14px; color:gray; padding:5px; margin-right:20px; } .mainDash{ width:100%; height:auto; min-height:400px; border:1px solid #f5f0f7; background:#fff; float:left; padding:5px; } .subDashA { width:50%; float:left; height:auto; min-height:300px; border:1px solid #f5f0f7; background:#fff; padding:5px; } .subDashB { width:50%; float:left; height:auto; min-height:300px; border:1px solid #f5f0f7; background:#fff; padding:5px; } .subDashC { width:100%; height:auto; min-height:400px; border:1px solid #f5f0f7; background:#fff; padding:5px; float:left; } .loginForm{ width:26%; min-width:450px; border:1px solid gray; margin-top:10%; margin-left:37%; height:500px; } #sidebar { /* side menu backgroun/ min-width: 270px; max-width: 270px; /LIGHT PINK / background-color: #ffffff; box-shadow:2px 2px 2px lightgray; /LIGHT BLUE background: rgb(232,231,235); background: linear-gradient(90deg, rgba(232,231,235,1) 0%, rgba(249,243,248,0.9556197478991597) 0%, rgba(252,252,251,1) 0%, rgba(214,239,251,1) 0%, rgba(197,237,247,1) 100%); / color: #58057a ; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; } .selectBG{ border:1px solid #CBC8C8; padding:5px; font-family:Calibri; font-size:14px; } .selectBG:hover{ border:1px solid #47D2FE; padding:5px; font-family:Calibri; font-size:14px; } .selectBG:focus{ border:1px solid #47D2FE; padding:5px; font-family:Calibri; font-size:14px; } .selectBG:active{ border:1px solid #47D2FE; font-family:Calibri; font-size:14px; } th{ padding:15px; font-family:Arial; color: #711A11 ; font-size:14px; font-weight:bold; border:0px solid #DFDADA; border-bottom:1px solid #DFDADA; text-align:left; background:#F9F9F9 ; } tr:nth-child(odd){ background: #ffffff ; border:0px solid white; } tr:hover { background: #F4F5F8 ; border-collapse:collapse; border:0px solid lightgray; cursor:pointer; } td{ padding:10px; padding-top:10px; padding-bottom:10px; font-family:Arial; font-size:14px; border:0px solid #DFDADA; border-bottom:1px solid #E7E8EB; color:#202122; } #profileButton{ border:0px;background:black;padding-right:40px;margin-left:30px;border-left:1px solid #464546;padding:10px; } #profileButton:hover{ border:0px;background:#2c2c2c;padding-right:40px;margin-left:30px;border-left:1px solid #464546;padding:10px; } #topLogo { width:270px;background:#f5e9f4;height:60px;padding:10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; padding:10px; float:left; } #smallBars{ color:white;float:right;display:none;margin:10px;margin-left:100px; } #smButtonAlert{ display:none; margin-top:10px; margin-right:50px; float:right; border:0px; background:black; margin-right:30px; padding-right:30px; } #smButtonAlertA{ border:0px;background:black;margin-right:30px;border-left:1px solid #464546;padding:10px;padding-right:30px; } #smButtonAlertA:hover{ border:0px;background:#2c2c2c;margin-right:30px;border-left:1px solid #464546;padding-right:30px; } #smButtonMailB{ border:0px;background:black;margin-right:30px;border-left:1px solid #464546;padding:10px;padding-right:30px; } #smButtonMailB:hover{ border:0px;background:#2c2c2c;margin-right:30px;border-left:1px solid #464546;padding-right:30px; } #smButtonMail{ display:none; margin-top:10px; margin-right:50px; float:right; border:0px; background:black; margin-right:30px; padding-right:30px; } #topLogoB { min-width:680px;width:auto;background:#1b0117;height:60px; -webkit-transition: all 0.0s; -o-transition: all 0.3s; transition: all 0.0s; position: relative; padding:10px; float:right; color:white; text-align:right; padding:15px; margin:5xp; margin-bottom:0px; } #sidebar .h6 { color: #000; background:transparent; /SUBSCRIBE FOR NEWS LETTER/ } #sidebar.active { margin-left: -270px; } #topLogo.active { margin-left: -270px; /background:red;/ } #topLogo h1 .logo { color: #000; font-size:24px; padding:10px; } #topLogo h1 .logo span { font-size: 24px; color: #58057a ; } #sidebar h1 { margin-bottom: 20px; font-weight: 700; font-size: 30px; } #sidebar h1 .logo { color: #58057a ; font-weight:bold; } #sidebar h1 .logo span { font-size: 12px; color: #58057a ; display: block; font-weight:normal; } #sidebar ul.components { padding: 0; } #sidebar ul li { font-size: 16px; } #sidebar ul li > ul { margin-left: 10px; } #sidebar ul li > ul li { font-size: 16px; } #sidebar ul li a { padding: 10px 0; display: block; color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #sidebar ul li a span { / menu button / color: #000 ; } #sidebar ul li a:hover { / menu background / color: #000 ; border-bottom:1px solid red;/ #cc54fc ;/ font-weight:bold; background-color: #faf0ee; } #sidebar ul li.active > a { color: #580579 ; } .selectBG{ border:1px solid #CBC8C8; padding:5px; } .selectBG:hover{ border:1px solid #47D2FE; padding:5px; } .selectBG:focus{ border:1px solid #47D2FE; padding:5px; } .selectBG:active{ border:1px solid #47D2FE; padding:1px; } #sidebar .custom-menu { display: inline-block; position: absolute; top: 0px; right: 0; margin-right: -20px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .pageHeader > div{ width:33.3%; height:auto; background:pink; border:2px solid red; } .pageHeader{ display:flex; justify-content:space-between; } .left{ float:left; text-align:center; background:blue; } .center{ display:inline-block; margin:0 auto; background:yellow; } .right{ float:right; background:green; } .pageSearchHeader{ position:relative;float:left;min-width:200px;width:49.5%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-right:0.5% } .pageMenuHeader{ position:relative;float:left;min-width:200px;width:49.5%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-left:0.5% } .pageHeaderContainer{ min-height:60px;width:100%;padding:8px;background:white; } .pageUpperRightMenu{ border-right:1px solid lightgray;float:right;font-size:1vw;margin-right:2px; } / ================================================================================================================ / / ================================================================================================================ / / ================================================================================================================ / @media (prefers-reduced-motion: reduce) { #sidebar .custom-menu { -webkit-transition: none; -o-transition: none; transition: none; } } #sidebar .custom-menu .btn { width: 60px; height: 60px; border-radius: 50%; position: relative; } #sidebar .custom-menu .btn i { margin-right: -40px; font-size: 14px; } #sidebar .custom-menu .btn.btn-primary { background: #ffffff; border-color: transparent; } #sidebar .custom-menu .btn.btn-primary:after { z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #ffffff ; / Toggle button background / border-radius: 10px; } #sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus { background: #ffffff !important; border-color: transparent !important; } a[data-toggle="collapse"] { position: relative; } .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } / ================================================================================================================ / / ================================================================================================================ / / ================================================================================================================ / @media only screen and (max-width: 500px) { .loginForm{ width:90%; border:1px solid gray; margin-top:10%; margin-left:5%; height:500px; } .selectBG{ border:1px solid #CBC8C8; padding:5px; } .selectBG:hover{ border:1px solid #47D2FE; padding:5px; } .selectBG:focus{ border:1px solid #47D2FE; padding:5px; } .selectBG:active{ border:1px solid #47D2FE; padding:1px; } .pageHeader > div{ width:100%; height:auto; background:pink; border:1px solid red; } .pageHeader{ display:flex; justify-content:space-between; } .left{ float:left; text-align:center; background:blue; } .center{ display:inline-block; margin:0 auto; background:yellow; } .right{ float:right; background:green; } .pageSearchHeader{ position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-right:0px } .pageMenuHeader{ display:none;position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-left:0px } .pageHeaderContainer{ height:auto;width:100%;padding:8px;background:white; } .pageUpperRightMenu{ border-right:1px solid lightgray;float:right;font-size:2.5vw;margin-right:2px; } } / ================================================================================================================ / / ================================================================================================================ / / ================================================================================================================ / @media only screen and (max-width: 991px) { #sidebarCollapse span { display: none; } #topLogo { width:100%;background:#f5e9f4;height:60px;padding:10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; padding:10px; } #topLogoB { min-width:500px;background:black;height:60px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; padding:10px; display:none; margin:5px; margin-bottom:0px; } #smallBars{ color:white;float:right;display:block;margin:5px;margin-left:50px; } #smButtonAlert{ display:block; margin-top:10px; margin-right:50px; float:right; border:0px; padding:10px; background:black; margin-right:10px; padding-right:30px; border-left:1px solid #464546; } #smButtonMail{ display:block; margin-top:10px; margin-right:50px; float:right; border:0px; padding:10px; background:2c2c2c; margin-right:10px; padding-right:30px; border-left:1px solid #464546; } #smButtonAlert:hover{ display:block; margin-top:10px; margin-right:50px; float:right; border:0px; padding:10px; background:#2c2c2c; margin-right:10px; padding-right:30px; border-left:1px solid #464546; } #smButtonMail:hover{ display:block; margin-top:10px; margin-right:50px; float:right; border:0px; padding:10px; background:#2c2c2c; margin-right:10px; padding-right:30px; border-left:1px solid #464546; } .mainDash{ width:100%; height:auto; min-height:400px; border:1px solid #f5f0f7; background:#fff; padding:5px; } .subDashA { width:100%; height:auto; min-height:300px; border:1px solid #f5f0f7; background:#fff; padding:5px; } .subDashB { width:100%; height:auto; min-height:300px; border:1px solid #f5f0f7; background:#fff; padding:5px; } .subDashC { width:100%; height:auto; min-height:400px; border:1px solid #f5f0f7; background:#fff; padding:5px; } .pageHeader > div{ width:100%; height:auto; background:pink; border:1px solid red; } .pageHeader{ display:flex; justify-content:space-between; } .left{ float:left; text-align:center; float:left; background:blue; width:100%; } .center{ display:inline-block; margin:0 auto; /float:left;/ background:yellow; width:100%; } .right{ float:right; float:left; background:green; width:100%; } .pageSearchHeader{ position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-right:0px } .pageMenuHeader{ display:none;position:relative;float:left;min-width:200px;width:100%;border:0px solid red;background:white;padding:0px;margin-bottom: 3px;margin-left:0px } .pageHeaderContainer{ height:auto;width:100%;padding:8px;background:white; } .pageUpperRightMenu{ border-right:1px solid lightgray;float:right;font-size:1vw;margin-right:2px; } } / ================================================================================================================ / / ================================================================================================================ / / ================================================================================================================ / #content { width: 100%; padding: 0; min-height: 100vh; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #f9f5fa ; } .btn.btn-primary { background: #f5e9f4; /toggle button/ border-color: #3445b4; } .btn.btn-primary:hover, .btn.btn-primary:focus { background: #fff !important; border-color: #3445b4 !important; } .footer p { background: linear-gradient(90deg, rgba(254,254,254,1) 0%, rgba(245,233,244,1) 100%); text-align: center; } .form-control { height: 40px !important; background: #fff; color: #000; font-size: 13px; border-radius: 4px; -webkit-box-shadow: none !important; box-shadow: none !important; border: transparent; } .form-control:focus, .form-control:active { border-color: #fff; } .form-control::-webkit-input-placeholder { / Chrome/Opera/Safari / color: rgba(255, 255, 255, 0.5); } .form-control::-moz-placeholder { / Firefox 19+ / color: rgba(255, 255, 255, 0.5); } .form-control:-ms-input-placeholder { / IE 10+ / color: rgba(255, 255, 255, 0.5); } .form-control:-moz-placeholder { / Firefox 18- */ color: rgba(255, 255, 255, 0.5); } .subscribe-form .form-control { background: #fff; border:1px solid #e0a4f8 ; }

| ver. 1.4 | . | PHP 7.3.33 | Generation time: 0 | proxy | phpinfo | Settings