File manager - Edit - /home/custbahd/irungikitchen.com/admin/vendor/jquery-smartwizard/src/css/smart_wizard_dots.css
Back
/*! * jQuery SmartWizard v5 * jQuery Wizard Plugin * http://www.techlaboratory.net/smartwizard * * Created by Dipu Raj * http://dipu.me * * Licensed under the terms of MIT License * https://github.com/techlab/jquery-smartwizard/blob/master/LICENSE */ /* SmartWizard Base Styles */ .sw { position: relative; } .sw *, .sw *::before, .sw *::after { box-sizing: border-box; } .sw > .tab-content { position: relative; overflow: hidden; } .sw .toolbar { padding: .8rem; } .sw .toolbar > .btn { display: inline-block; text-decoration: none; text-align: center; text-transform: none; vertical-align: middle; user-select: none; margin-left: .2rem; margin-right: .2rem; cursor: pointer; } .sw .toolbar > .btn.disabled, .sw .toolbar > .btn:disabled { opacity: .65; } .sw > .nav { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; } @media screen and (max-width: 640px) { .sw > .nav { flex-direction: column !important; flex: 1 auto; } } .sw > .nav .nav-link { display: block; padding: .5rem 1rem; text-decoration: none; } .sw > .nav .nav-link:hover, .sw > .nav .nav-link:active, .sw > .nav .nav-link:focus { text-decoration: none; } .sw > .nav .nav-link::-moz-focus-inner { border: 0 !important; } .sw > .nav .nav-link.disabled { color: #ccc !important; pointer-events: none; cursor: default; } .sw > .nav .nav-link.hidden { display: none !important; } .sw.sw-justified > .nav > li, .sw.sw-justified > .nav .nav-link { flex-basis: 0; flex-grow: 1; text-align: center; } .sw.sw-dark { color: rgba(255, 255, 255, 0.95); background: #000; } .sw.sw-loading { user-select: none; } .sw.sw-loading::after { content: ""; display: block; position: absolute; opacity: 1; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7); z-index: 2; transition: all .2s ease; } .sw.sw-loading::before { content: ''; display: inline-block; position: absolute; top: 45%; left: 45%; width: 2rem; height: 2rem; border: 10px solid #f3f3f3; border-top: 10px solid #3498db; border-radius: 50%; z-index: 10; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* SmartWizard Theme: Dots */ .sw-theme-dots > .tab-content > .tab-pane { padding: 10px; } .sw-theme-dots .toolbar > .btn { color: #ffffff; background-color: #17a2b8; border: 1px solid #17a2b8; padding: .375rem .75rem; border-radius: .25rem; font-weight: 400; } .sw-theme-dots > .nav { position: relative; margin-bottom: 10px; } .sw-theme-dots > .nav::before { content: " "; position: absolute; top: 18px; left: 0; width: 100%; height: 5px; background-color: #eeeeee; border-radius: 3px; z-index: 1; } .sw-theme-dots > .nav .nav-link { position: relative; margin-top: 40px; } .sw-theme-dots > .nav .nav-link::before { content: " "; position: absolute; display: block; top: -36px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 32px; height: 32px; border-radius: 50%; border: none; background: #f5f5f5; color: #428bca; text-decoration: none; z-index: 98; } .sw-theme-dots > .nav .nav-link::after { content: " "; position: absolute; display: block; top: -28px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 16px; height: 16px; border-radius: 50%; z-index: 99; } .sw-theme-dots > .nav .nav-link.inactive { color: #999999; cursor: not-allowed; } .sw-theme-dots > .nav .nav-link.inactive::after { background-color: #999999; } .sw-theme-dots > .nav .nav-link.active { color: #5bc0de !important; cursor: pointer; } .sw-theme-dots > .nav .nav-link.active::after { background-color: #5bc0de !important; } .sw-theme-dots > .nav .nav-link.done { color: #5cb85c; cursor: pointer; } .sw-theme-dots > .nav .nav-link.done::after { background-color: #5cb85c; } .sw-theme-dots > .nav .nav-link.disabled { color: #f9f9f9; cursor: not-allowed; } .sw-theme-dots > .nav .nav-link.disabled::after { background-color: #f9f9f9; } .sw-theme-dots > .nav .nav-link.danger { color: #d9534f; cursor: pointer; } .sw-theme-dots > .nav .nav-link.danger::after { background-color: #d9534f; } .sw-theme-dots.sw-dark { color: rgba(255, 255, 255, 0.95); background: #000; } .sw-theme-dots.sw-dark > .nav::before { background-color: #3c3c3c; } .sw-theme-dots.sw-dark > .nav .nav-link::before { background: #434343; color: black; }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Generation time: 2.41 |
proxy
|
phpinfo
|
Settings