Файловый менеджер - Редактировать - /var/www/html/mediawiki-1.43.1/extensions/MediaUploader/resources/jquery.arrowSteps/jquery.arrowSteps.less
Ðазад
@import '../variables.less'; .arrowSteps { list-style-type: none; list-style-image: none; border: 1px solid #666; position: relative; @media ( max-width: @mobile-w ) { width: inherit; position: inherit; } } .arrowSteps li { float: left; padding: 0; margin: 0; border: 0 none; height: 50px; color: #72777d; background-color: #eaecf0; position: relative; &::after, &::before { left: 100%; top: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } @media ( max-width: @mobile-w ) { width: auto !important; /* stylelint-disable-line declaration-no-important */ list-style-type: none !important; /* stylelint-disable-line declaration-no-important */ float: left; padding: 0 0.1em; position: inherit; height: inherit; background: inherit; margin: 0 0 0 1.8em; } } .arrowSteps li div { padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; white-space: nowrap; overflow: hidden; } #mediauploader-steps li.head { color: #36c; background-color: #eaf3ff; font-weight: bold; } .arrowSteps li.arrow { &::after { border-left-color: #eaecf0; /* half the height of .arrowSteps li */ border-width: 25px; margin-top: -25px; z-index: 1; } &::before { border-left-color: #fff; /* half the height of .arrowSteps li + width of the arrow border */ border-width: 30px; margin-top: -30px; z-index: 1; } &::after, &::before { @media ( max-width: @mobile-w ) { display: none; } } } #mediauploader-steps li.head::after { border-left-color: #eaf3ff; } /* * Arrow is added *after* the div with the content, so we need to push * the content slightly to the right (the previous one's arrow is * overlapped on this element) to make sure it remains balanced. */ .arrowSteps li:not( :first-child ):not( :last-child ) div { padding-left: 30px; @media ( max-width: @mobile-w ) { padding: inherit; text-align: center; } } /* * First item: nothing on the left, arrow on the right, and 25px wide * (+5px separation). * If we want this one to appear centered, we're going to have to push * it slightly to the right, so that it closer to the right hand side, * which is extended because of the arrow. * Last item: previous arrow is poking into the element (25 + 5 = 30px), * so let's also move it slightly to the right to appear centered. */ .arrowSteps li:first-child div, .arrowSteps li:last-child div { padding-left: 15px; @media ( max-width: @mobile-w ) { padding: inherit; text-align: center; } }
| ver. 1.1 | |
.
| PHP 8.4.18 | Ð“ÐµÐ½ÐµÑ€Ð°Ñ†Ð¸Ñ Ñтраницы: 0 |
proxy
|
phpinfo
|
ÐаÑтройка