Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Помощь с модификацией шаблона

Авг
70
12
Пользователь
помогите вставить данный
COD:
.adminLogin-password {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-password:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}
.adminLogin-wrapper {
    min-height: 100vh;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1f1f1f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.adminLogin-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(255, 140, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 140, 0, 0.08) 0%, transparent 50%);
}

.adminLogin-container {
    background: rgba(42, 42, 42, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(255, 140, 0, 0.3);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.5),
        0 0 100px rgba(255, 140, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 40px;
    max-width: 440px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.adminLogin-container::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff8c00, #ffa500, #ff8c00);
    border-radius: 22px;
    z-index: -1;
    opacity: 0.3;
}

.adminLogin-header {
    text-align: center;
    margin-bottom: 30px;
}

.adminLogin-logo {
    display: block;
    margin: 0 auto 20px;
}

.adminLogin-title {
    color: #ff8c00;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 8px;
}

.adminLogin-subtitle {
    color: #cccccc;
    font-size: 0.95em;
    opacity: 0.8;
    margin: 0;
}

.adminLogin-formGroup {
    margin-bottom: 20px;
}

.adminLogin-label {
    color: #ffa500;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 0.95em;
}

.adminLogin-inputWrapper {
    position: relative;
}

.adminLogin-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-input:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}

.adminLogin-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff8c00;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminLogin-submitGroup {
    margin-top: 30px;
    text-align: center;
}

.adminLogin-button {
    background: linear-gradient(135deg, #ff8c00, #ff6b00) !important;
    border: none !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 14px 20px !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.adminLogin-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.4) !important;
}

.adminLogin-buttonText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adminLogin-boardTitle {
    color: #cccccc;
    font-size: 0.9em;
    opacity: 0.7;
    margin-top: 10px;
}

@media (max-width: 480px) {
    .adminLogin-container {
        padding: 30px 20px;
    }
 
    .adminLogin-title {
        font-size: 1.6em;
    }
 
    .adminLogin-button {
        padding: 12px 16px !important;
        font-size: 0.95em !important;
    }
}

Screenshot_2025-12-19-18-58-02-213_com.android.chrome.jpg
Screenshot_2025-12-19-18-58-09-117_com.android.chrome.jpg
 
Ноя
1,711
4,553
Команда форума
Администратор
 
Мар
32
389
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
extra.less

Регулярное выражение

#^.*$#su

CSS:
$0
.adminLogin-password {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-password:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}
.adminLogin-wrapper {
    min-height: 100vh;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1f1f1f 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.adminLogin-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 80%, rgba(255, 140, 0, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 140, 0, 0.08) 0%, transparent 50%);
}

.adminLogin-container {
    background: rgba(42, 42, 42, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(255, 140, 0, 0.3);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.5),
        0 0 100px rgba(255, 140, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 40px;
    max-width: 440px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.adminLogin-container::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff8c00, #ffa500, #ff8c00);
    border-radius: 22px;
    z-index: -1;
    opacity: 0.3;
}

.adminLogin-header {
    text-align: center;
    margin-bottom: 30px;
}

.adminLogin-logo {
    display: block;
    margin: 0 auto 20px;
}

.adminLogin-title {
    color: #ff8c00;
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 8px;
}

.adminLogin-subtitle {
    color: #cccccc;
    font-size: 0.95em;
    opacity: 0.8;
    margin: 0;
}

.adminLogin-formGroup {
    margin-bottom: 20px;
}

.adminLogin-label {
    color: #ffa500;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 0.95em;
}

.adminLogin-inputWrapper {
    position: relative;
}

.adminLogin-input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 140, 0, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    padding: 12px 45px 12px 16px !important;
    font-size: 1em !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.adminLogin-input:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.2) !important;
    outline: none !important;
}

.adminLogin-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #ff8c00;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adminLogin-submitGroup {
    margin-top: 30px;
    text-align: center;
}

.adminLogin-button {
    background: linear-gradient(135deg, #ff8c00, #ff6b00) !important;
    border: none !important;
    border-radius: 12px !important;
    color: white !important;
    padding: 14px 20px !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.adminLogin-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.4) !important;
}

.adminLogin-buttonText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adminLogin-boardTitle {
    color: #cccccc;
    font-size: 0.9em;
    opacity: 0.7;
    margin-top: 10px;
}

@media (max-width: 480px) {
    .adminLogin-container {
        padding: 30px 20px;
    }
 
    .adminLogin-title {
        font-size: 1.6em;
    }
 
    .adminLogin-button {
        padding: 12px 16px !important;
        font-size: 0.95em !important;
    }
}


А вообще, если вставлять данный код и получить изменённый вид админки, то нужно вставлять этот код в extra.less мастер стиля, тем самым предварительно включить режим разработчика. Вставив его в обычный extra.less своего стиля ничего не произойдёт.
 
Последнее редактирование:
Сверху