Komunikacja

Nasza siedziba główna

Dolina Informatyki Technocity
Muallimköy Mah. Gebze / Kocaeli

Nasze adresy e-mailowe

hello@vocens.com
destek@vocens.com

Zadzwoń do nas

+90 (850) 123 45 67
Dni powszednie: 09:00 - 18:00

/* Formularz Voc — formularz kontaktowy (dla minimalnych i wąskich przestrzeni) */ .voc-formularz-pojemnik-pola { wyświetlacz:elastyczny; kierunek flex: kolumna; przerwa: 0,8rem; /* Spacje zostały znacznie zmniejszone */ tło: przezroczyste; /* Usunięto tło i grube wypełnienie */ obramowanie: brak; dopełnienie: 0; szerokość: 100%; } .voc-form-group { wyświetlacz:elastyczny; kierunek flex: kolumna; przerwa: 0,3rem; /* Odstęp pomiędzy znacznikiem a danymi wejściowymi został zawężony */ szerokość: 100%; margines-dół: 0 !ważne; } .voc-label { kolor: rgba(255, 255, 255, 0,8) !ważne; grubość czcionki: 600; rozmiar czcionki: 13px !ważne; /* Bardziej minimalny rozmiar czcionki */ rodzina czcionek: „Inter”, bezszeryfowa; wyświetlacz:elastyczny; wyrównanie elementów: środek; przerwa: 0,2rem; } .voc-required-mark { kolor: var(--brand-red, #f7374f) !ważne; } .voc-input { szerokość: 100%; tło: rgba(0, 0, 0, 0.2) !ważne; obramowanie: 1px stały rgba(255, 255, 255, 0.1) !ważne; kolor: #fff !ważne; dopełnienie: 0,7rem 1rem !ważne; /* Rozcieńczony */ promień granicy: 8px !ważne; /* Bardziej minimalne owalne rogi */ rozmiar czcionki: 14px !ważne; rodzina czcionek: „Inter”, bezszeryfowa; zarys: brak; przejście: cała łatwość 0,3 s; filtr tła: rozmycie (5px); } .voc-input::placeholder { kolor: rgba(255, 255, 255, 0,3) !ważne; } .voc-input:focus { kolor obramowania: var(--brand-red, #f7374f) !important; tło: rgba(0, 0, 0, 0.4) !ważne; box-shadow: 0 0 0 2px rgba(247, 55, 79, 0.1); } /* Wybierz (wyskakujące menu) Ustawienia niestandardowe */ .voc-select { wygląd: brak; obraz tła: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4% 22%20wysokość%3D%22292.4%22%3E%3Cścieżka%20wypełnienie%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5% 200-9,3%201,8-12,9%205,4A17,6%2017,6%200%200%200%200%2082,2c 0%205%201,8%209,3%205,4%2012.9l128%20127.9c3,6%203,6%207,8%2 05,4%2012,8%205,4s9,2-1,8%2012,8-5,4L287%2095c3,5-3,5%205,4- 7,8%205,4-12,8%200-5-1,9-9,2-5,5-12,8z%22%2F%3E%3C%2Fsvg%3E”) !ważne; powtarzanie w tle: brak powtórzeń !ważne; pozycja tła: prawa 1rem góra 50% !ważne; rozmiar tła: 0,6 rem auto !ważne; } .voc-wybierz opcję { tło: #0f172a; kolor: #fff; } /* Ustawienia obszaru tekstowego */ .voc-textarea { zmiana rozmiaru: pionowa; minimalna wysokość: 80px !ważne; /* Wysokość znacznie zmniejszona */ } /* Projekt pola wyboru KVKK */ .voc-checkbox-wrapper { margines górny: 0,2 rem; } .voc-checkbox-label { wyświetlacz:elastyczny; wyrównanie elementów: elastyczny start; przerwa: 0,6rem; kursor: wskaźnik; kolor: rgba(255, 255, 255, 0,7); wysokość linii: 1,4; rozmiar czcionki: 12px !ważne; /* Tekst KVKK został zmniejszony */ } .voc-checkbox-input { wygląd: brak; minimalna szerokość: 16px; wysokość: 16px; obramowanie: 1px stały rgba(255, 255, 255, 0.2) !ważne; promień granicy: 4px !ważne; tło: rgba(0, 0, 0, 0.2) !ważne; kursor: wskaźnik; pozycja: względna; przejście: cała łatwość 0,2 s; margines u góry: 1px; } .voc-checkbox-input:checked { tło: var(--brand-red, #f7374f) !important; kolor obramowania: var(--brand-red, #f7374f) !important; } .voc-checkbox-input:checked::after { treść: ''; pozycja: absolutna; po lewej: 4px; piłka: 2px; szerokość: 4px; wysokość: 8px; obramowanie: jednoliciebiałe; szerokość obramowania: 0 2px 2px 0; transformacja: obrót (45 stopni); } .voc-checkbox-content a { kolor: var(--brand-red, #f7374f) !ważne; dekoracja tekstu: podkreślenie; rozmiar czcionki: 12px !ważne; } /* Przycisk Wyślij (minimalny) */ .voc-submit-btn { margines górny: 0,5 rem; tło: var(--brand-red, #f7374f) !important; kolor: #fff !ważne; granica: brak !ważne; wypełnienie: 0,8rem 1,5rem !ważne; /* Rozcieńczony */ promień granicy: 8px !ważne; /* Kompatybilne krawędzie */ grubość czcionki: 600; rozmiar czcionki: 14px !ważne; rodzina czcionek: „Inter”, bezszeryfowa; kursor: wskaźnik; wyświetlacz:elastyczny; wyrównanie elementów: środek; justify-content: środek; przerwa: 0,5rem; przejście: cała łatwość 0,3 s; szerokość: 100%; } .voc-submit-btn:hover { tło: #e02040 !ważne; transformacja: tłumaczenieY(-1px); } /* Ładowanie Spinnera */ .voc-spinner { wyświetlacz: blok inline; szerokość: 14px; wysokość: 14px; obramowanie: 2 piksele stałe rgba (255 255 255, 0,3); promień granicy: 50%; kolor górnego obramowania: #fff; animacja: vocSpin 1s łatwość wchodzenia i wychodzenia nieskończona; } @keyframes vocSpin { do {przekształć: obróć (360 stopni); } }