n8n MCP Server

/* Styles pour le serveur MCP n8n */ /* Variables */ :root { --primary-color: #ff6d00; --primary-dark: #e65100; --secondary-color: #455a64; --light-color: #f5f5f5; --dark-color: #263238; --success-color: #4caf50; --warning-color: #ff9800; --danger-color: #f44336; --info-color: #2196f3; } /* Styles généraux */ body { font-family: 'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; background-color: #f8f9fa; } /* Personnalisation de Bootstrap */ .navbar-dark.bg-primary { background-color: var(--primary-color) !important; } .btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--primary-dark); border-color: var(--primary-dark); } .card { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); border: none; transition: transform 0.3s ease, box-shadow 0.3s ease; } .card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .card-header { background-color: #fff; border-bottom: 2px solid #f0f0f0; font-weight: 600; } /* Styles pour la page d'accueil */ .jumbotron { background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%); border-left: 5px solid var(--primary-color); } /* Styles pour les icônes */ .bi { vertical-align: middle; } /* Styles pour les badges */ .badge { padding: 0.5em 0.8em; font-weight: 500; } /* Styles pour les formulaires */ .form-control:focus { border-color: var(--primary-color); box-shadow: 0 0 0 0.25rem rgba(255, 109, 0, 0.25); } .form-check-input:checked { background-color: var(--primary-color); border-color: var(--primary-color); } /* Styles pour les alertes */ .alert { border-radius: 0.25rem; border: none; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); } /* Styles pour le footer */ footer { border-top: 1px solid #eee; } /* Styles pour la page de validation */ .validation-result { max-height: 500px; overflow-y: auto; } .issue-card { border-left: 4px solid #ddd; margin-bottom: 10px; padding: 10px; background-color: #f9f9f9; } .issue-card.error { border-left-color: var(--danger-color); } .issue-card.warning { border-left-color: var(--warning-color); } .issue-card.info { border-left-color: var(--info-color); } /* Styles pour la page d'intégration NextJS */ #integrations-list .card { margin-bottom: 15px; } /* Styles pour les tableaux */ .table { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); background-color: #fff; } .table thead th { background-color: #f8f9fa; border-bottom: 2px solid #eee; } /* Styles pour les boutons d'action */ .btn-group { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); } /* Styles pour les codes */ code { background-color: #f5f5f5; color: var(--primary-color); padding: 0.2em 0.4em; border-radius: 3px; } pre { background-color: #f8f9fa; border: 1px solid #eee; border-radius: 4px; padding: 15px; } /* Styles pour les tooltips */ .tooltip { font-size: 0.875rem; } /* Styles pour les spinners */ .spinner-border { width: 1.5rem; height: 1.5rem; } /* Styles pour les médias */ @media (max-width: 768px) { .jumbotron { padding: 2rem 1rem; } .card { margin-bottom: 20px; } } /* Styles pour l'impression */ @media print { .no-print { display: none !important; } .card { box-shadow: none; border: 1px solid #ddd; } }