Домашняя страница
Редактировал(а) root_xwiki 2025/10/08 09:01
ООО "Тверьспецавтохозяйство"
Корпоративный портал инструкций и справочников
Служба охраны труда
Инструкции по безопасности, нормам охраны труда и профилактике рисков на производстве.
Отдел планирования и развития персонала
Руководства по кадровому планированию, обучению и развитию сотрудников.
Нужна помощь?
Свяжитесь с ответственным за подразделение или администратором XWiki для обновления инструкций.
Связаться с поддержкой
* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--primary-green: #00A651;
--secondary-green: #28A745;
--bg-light: #F8F9FA;
--text-dark: #333333;
--card-border: #E9ECEF;
}
body {
background-color: var(--bg-light);
color: var(--text-dark);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header {
background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
justify-content: center;
}
.align-items-center {
align-items: center;
}
.col-lg-4 {
flex: 0 0 33.3333%;
max-width: 33.3333%;
padding: 0 15px;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
padding: 0 15px;
}
.col-md-8 {
flex: 0 0 66.6667%;
max-width: 66.6667%;
padding: 0 15px;
}
.col-md-2 {
flex: 0 0 16.6667%;
max-width: 16.6667%;
padding: 0 15px;
}
.card {
background: white;
border: 1px solid var(--card-border);
border-radius: 0.5rem;
width: 100%;
height: 100%;
}
.card-hover {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0, 166, 81, 0.2);
}
.icon-wrapper {
width: 90px;
height: 90px;
border: 2px solid rgba(0, 166, 81, 0.15);
display: flex;
align-items: center;
justify-content: center;
}
.bg-primary { background-color: rgba(0, 123, 255, 0.1) !important; }
.bg-success { background-color: rgba(40, 167, 69, 0.1) !important; }
.bg-info { background-color: rgba(23, 162, 184, 0.1) !important; }
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem 1.5rem;
border: none;
border-radius: 50rem;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
cursor: pointer;
}
.btn-primary {
background-color: #007bff;
color: white;
}
.btn-success {
background-color: #28a745;
color: white;
}
.btn-info {
background-color: #17a2b8;
color: white;
}
.btn-outline-primary {
background-color: transparent;
color: #007bff;
border: 2px solid #007bff;
}
.btn:hover {
opacity: 0.9;
transform: scale(1.05);
}
.h-100 { height: 100%; }
.d-flex { display: flex; }
.flex-column { flex-direction: column; }
.text-center { text-align: center; }
.text-white { color: white; }
.text-dark { color: var(--text-dark); }
.text-muted { color: #6c757d; }
.text-primary { color: #007bff; }
.fw-bold { font-weight: bold; }
.fw-semibold { font-weight: 600; }
.lead { font-size: 1.25rem; font-weight: 300; }
.h4 { font-size: 1.4rem; margin: 0; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 1.5rem; }
.mb-5 { margin-bottom: 3rem; }
.my-5 { margin: 3rem 0; }
.mt-5 { margin-top: 3rem; }
.py-4 { padding: 1.5rem 0; }
.py-2 { padding: 0.5rem 0; }
.py-3 { padding: 1rem 0; }
.p-4 { padding: 1.5rem; }
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.card-body { padding: 1.5rem; }
.flex-grow-1 { flex-grow: 1; }
.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); }
.rounded-3 { border-radius: 0.5rem; }
.rounded-circle { border-radius: 50%; }
.rounded-pill { border-radius: 50rem; }
.border-0 { border: none; }
.bg-light { background-color: #f8f9fa; }
.bg-dark { background-color: #212529; }
.logo-img { max-width: 100%; height: auto; }
@media (max-width: 1200px) {
.col-lg-4 { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 768px) {
.row { margin: 0; justify-content: center; }
.col-lg-4, .col-md-6, .col-md-8, .col-md-2 {
flex: 0 0 100%;
max-width: 100%;
padding: 0 10px;
margin-bottom: 1rem;
}
.container { padding: 0 10px; }
.header h1 { font-size: 1.5rem; }
.lead { font-size: 1rem; }
.card-body { padding: 1rem; }
.icon-wrapper { width: 75px; height: 75px; }
.btn { width: 100%; }
}