fix путей
This commit is contained in:
Primakov Alexandr Alexandrovich
@@ -66,11 +66,12 @@ p {
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #4caf50;
|
||||
background-color: #1976d2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: #388e3c;
|
||||
background-color: #1565c0;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
@@ -593,13 +594,14 @@ select:focus {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid #444;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#question-counter {
|
||||
.question-counter {
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
color: #bbdefb;
|
||||
color: #64b5f6;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Улучшения для облака тегов */
|
||||
@@ -755,7 +757,7 @@ select:focus {
|
||||
.scale-average .highlight {
|
||||
color: var(--color-primary);
|
||||
font-size: 1.5em;
|
||||
animation: pulse 2s infinite;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.result-bar-container {
|
||||
@@ -837,15 +839,9 @@ select:focus {
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
0% { opacity: 0.8; }
|
||||
50% { opacity: 1; }
|
||||
100% { opacity: 0.8; }
|
||||
}
|
||||
|
||||
.question-result {
|
||||
@@ -863,7 +859,7 @@ select:focus {
|
||||
}
|
||||
|
||||
.question-counter.update {
|
||||
animation: pulse 0.5s;
|
||||
animation: fadeIn 0.5s;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
@@ -908,7 +904,7 @@ select:focus {
|
||||
|
||||
.loading-text {
|
||||
margin-top: 15px;
|
||||
animation: pulse 1.5s infinite;
|
||||
color: #64b5f6;
|
||||
}
|
||||
|
||||
/* Анимации */
|
||||
@@ -980,7 +976,8 @@ select:focus {
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
animation: pulse 2s infinite;
|
||||
background-color: #1976d2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.question-item.error {
|
||||
@@ -1002,7 +999,9 @@ select:focus {
|
||||
}
|
||||
|
||||
.tag-item.selected {
|
||||
animation: pulse 1s;
|
||||
background-color: var(--color-primary);
|
||||
color: white;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.scale-item label:hover {
|
||||
@@ -1011,7 +1010,9 @@ select:focus {
|
||||
}
|
||||
|
||||
.scale-item input:checked + label {
|
||||
animation: pulse 0.5s;
|
||||
background-color: var(--color-primary);
|
||||
color: white;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Анимированный лоадер */
|
||||
@@ -1155,10 +1156,15 @@ input[type="checkbox"], input[type="radio"] {
|
||||
.welcome-icon svg,
|
||||
.thank-you-icon svg,
|
||||
.completed-icon svg {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
color: var(--color-primary, #2196f3);
|
||||
opacity: 0.8;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.welcome-icon svg:hover,
|
||||
.thank-you-icon svg:hover,
|
||||
.completed-icon svg:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.welcome-title,
|
||||
@@ -1180,11 +1186,19 @@ input[type="checkbox"], input[type="radio"] {
|
||||
|
||||
.welcome-start-btn,
|
||||
.view-results-btn {
|
||||
margin-top: 20px;
|
||||
font-size: 1.1rem;
|
||||
padding: 12px 30px;
|
||||
font-size: 1.2rem;
|
||||
padding: 12px 24px;
|
||||
border-radius: 30px;
|
||||
animation: pulse 2s infinite;
|
||||
background-color: var(--color-primary);
|
||||
color: white;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.welcome-start-btn:hover,
|
||||
.view-results-btn:hover {
|
||||
background-color: #0d47a1;
|
||||
}
|
||||
|
||||
.start-again-btn {
|
||||
@@ -1207,12 +1221,6 @@ input[type="checkbox"], input[type="radio"] {
|
||||
}
|
||||
}
|
||||
|
||||
.welcome-icon svg,
|
||||
.thank-you-icon svg,
|
||||
.completed-icon svg {
|
||||
animation: pulse 3s infinite;
|
||||
}
|
||||
|
||||
/* CSS переменные для цветов */
|
||||
:root {
|
||||
--color-primary: #2196f3;
|
||||
@@ -1236,9 +1244,9 @@ input[type="checkbox"], input[type="radio"] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10px 20px;
|
||||
border-radius: 30px;
|
||||
transition: all 0.3s ease;
|
||||
min-width: 110px;
|
||||
background-color: #1976d2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav-btn svg {
|
||||
@@ -1246,8 +1254,13 @@ input[type="checkbox"], input[type="radio"] {
|
||||
}
|
||||
|
||||
.nav-btn:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
||||
background-color: #0d47a1;
|
||||
}
|
||||
|
||||
.nav-btn:disabled {
|
||||
background-color: #455a64;
|
||||
cursor: not-allowed;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Стили для статистики в админке */
|
||||
@@ -1827,4 +1840,342 @@ input[type="checkbox"], input[type="radio"] {
|
||||
flex-grow: 1;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* Добавляем стили для анимации конфети */
|
||||
.confetti-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 9999;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.confetti {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #90caf9;
|
||||
border-radius: 3px;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.confetti.square {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.confetti.triangle {
|
||||
width: 0;
|
||||
height: 0;
|
||||
background-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 0 5px 8.7px 5px;
|
||||
border-color: transparent transparent #90caf9 transparent;
|
||||
}
|
||||
|
||||
.confetti.circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.confetti.red {
|
||||
background-color: #f44336;
|
||||
border-color: transparent transparent #f44336 transparent;
|
||||
}
|
||||
|
||||
.confetti.blue {
|
||||
background-color: #2196f3;
|
||||
border-color: transparent transparent #2196f3 transparent;
|
||||
}
|
||||
|
||||
.confetti.green {
|
||||
background-color: #4caf50;
|
||||
border-color: transparent transparent #4caf50 transparent;
|
||||
}
|
||||
|
||||
.confetti.yellow {
|
||||
background-color: #ffeb3b;
|
||||
border-color: transparent transparent #ffeb3b transparent;
|
||||
}
|
||||
|
||||
.confetti.purple {
|
||||
background-color: #9c27b0;
|
||||
border-color: transparent transparent #9c27b0 transparent;
|
||||
}
|
||||
|
||||
@keyframes confetti-fall {
|
||||
0% {
|
||||
transform: translateY(-100vh) rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(100vh) rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes confetti-sway {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
25% {
|
||||
transform: translateX(10px);
|
||||
}
|
||||
50% {
|
||||
transform: translateX(-10px);
|
||||
}
|
||||
75% {
|
||||
transform: translateX(5px);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Медиа-запросы для адаптивности */
|
||||
@media (max-width: 768px) {
|
||||
/* Основные стили */
|
||||
.container {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
/* Навигация */
|
||||
.nav-container {
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
/* Формы */
|
||||
.form-group {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="number"],
|
||||
textarea,
|
||||
select {
|
||||
padding: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Кнопки */
|
||||
.btn {
|
||||
padding: 8px 16px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.questionnaire-actions {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.questionnaire-actions .btn {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Опросы */
|
||||
.question-item {
|
||||
padding: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* Навигация по опросу */
|
||||
.step-navigation {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.step-navigation .btn {
|
||||
width: 100%;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.question-counter {
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Шкала оценки */
|
||||
.scale-container {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.scale-values {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.scale-item {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
/* Облако тегов */
|
||||
.tag-cloud-container {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tag-item {
|
||||
margin: 5px;
|
||||
font-size: 14px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
/* Результаты опроса */
|
||||
.questionnaire-links {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.link-group {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.link-input-group {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.link-input-group input {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.stats-table th,
|
||||
.stats-table td {
|
||||
padding: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Модальные окна */
|
||||
.modal-content {
|
||||
width: 90%;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.modal-footer .btn {
|
||||
width: 100%;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
/* Улучшенные стили для навигации в опросе на мобильных устройствах */
|
||||
.step-navigation {
|
||||
flex-direction: column-reverse;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.step-navigation .btn {
|
||||
margin: 5px 0;
|
||||
width: 100%;
|
||||
height: 44px; /* Увеличиваем высоту для лучшего тача */
|
||||
}
|
||||
|
||||
.question-counter {
|
||||
margin: 10px 0;
|
||||
order: -1; /* Показываем счетчик вопросов сверху на мобильных */
|
||||
}
|
||||
|
||||
/* Улучшения для формы */
|
||||
.form-actions {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.form-actions .btn {
|
||||
width: 100%;
|
||||
height: 44px; /* Увеличиваем высоту для лучшего тача */
|
||||
}
|
||||
|
||||
/* Улучшения для textarea */
|
||||
textarea {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
/* Улучшения для облака тегов */
|
||||
.tag-input {
|
||||
width: 100%;
|
||||
height: 44px; /* Увеличиваем высоту для лучшего тача */
|
||||
font-size: 16px; /* Оптимальный размер шрифта для мобильных устройств */
|
||||
}
|
||||
|
||||
/* Убираем зум при фокусе на поля ввода */
|
||||
input[type="text"],
|
||||
input[type="email"],
|
||||
input[type="number"],
|
||||
textarea,
|
||||
select {
|
||||
font-size: 16px; /* Оптимальный размер шрифта для мобильных устройств */
|
||||
}
|
||||
}
|
||||
|
||||
/* Медиа-запросы для маленьких экранов */
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 8px 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.question-item {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.tag-item {
|
||||
margin: 3px;
|
||||
font-size: 13px;
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.scale-item label {
|
||||
min-width: 30px;
|
||||
height: 30px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* Уменьшаем размер чекбоксов и радиокнопок для лучшего тача */
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
transform: scale(1.2);
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user