73 lines
2.5 KiB
CSS
73 lines
2.5 KiB
CSS
|
.terminal {
|
||
|
|
background-color: #000000; /* Fond noir */
|
||
|
|
color: #00ff00; /* Texte vert, typique des anciens terminaux */
|
||
|
|
font-family: 'Courier New', Courier, monospace; /* Police à chasse fixe */
|
||
|
|
padding: 5px; /* Espace réduit autour du texte */
|
||
|
|
border-radius: 5px;
|
||
|
|
border: 1px solid #00ff00; /* Bordure verte */
|
||
|
|
white-space: pre-wrap;
|
||
|
|
overflow-x: auto; /* Défilement horizontal si nécessaire */
|
||
|
|
box-shadow: 0 0 10px rgba(0, 255, 0, 0.5); /* Ombre verte pour un effet rétro */
|
||
|
|
display: flex; /* Active Flexbox */
|
||
|
|
line-height: 1.2; /* Espacement entre les lignes */
|
||
|
|
display: inline-block; /* Pour que le fond s'adapte au contenu */
|
||
|
|
width: 100%; /* Largeur maximale */
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal,
|
||
|
|
.terminal * {
|
||
|
|
border: none !important; /* Supprime toutes les bordures à l'intérieur du terminal */
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal .highlight {
|
||
|
|
margin: 0; /* Supprime les marges */
|
||
|
|
padding: 0; /* Supprime les paddings */
|
||
|
|
background-color: transparent; /* Fond transparent pour éviter les conflits */
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal .highlight pre {
|
||
|
|
margin: 0; /* Supprime les marges */
|
||
|
|
padding: 0; /* Supprime les paddings */
|
||
|
|
background-color: transparent; /* Fond transparent */
|
||
|
|
color: inherit; /* Hérite la couleur du texte du parent */
|
||
|
|
font-family: inherit; /* Hérite la police du parent */
|
||
|
|
line-height: inherit; /* Hérite l'espacement des lignes du parent */
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal .highlight pre span {
|
||
|
|
display: inline; /* Évite les espaces inutiles causés par inline-block */
|
||
|
|
margin: 0; /* Supprime les marges */
|
||
|
|
padding: 0; /* Supprime les paddings */
|
||
|
|
}
|
||
|
|
|
||
|
|
.terminal .go {
|
||
|
|
color: #00ff00; /* Couleur pour le texte de sortie du terminal */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* raw html output css */
|
||
|
|
|
||
|
|
/* Styles communs pour les deux classes */
|
||
|
|
.error-box, .output {
|
||
|
|
padding: 10px; /* Espace intérieur */
|
||
|
|
font-size: 0.9em; /* Taille de police plus petite */
|
||
|
|
width: fit-content; /* Ajuste la largeur au contenu */
|
||
|
|
border-radius: 5px; /* Coins arrondis */
|
||
|
|
display: inline-block; /* Pour que la boîte s'ajuste au contenu */
|
||
|
|
}
|
||
|
|
|
||
|
|
.error-box pre, .output pre {
|
||
|
|
margin: 0; /* Supprime la marge par défaut du <pre> */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles spécifiques à la classe error-box */
|
||
|
|
.error-box {
|
||
|
|
border: 2px solid #ff0000; /* Bordure rouge */
|
||
|
|
background-color: #ffe6e6; /* Fond légèrement rouge */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles spécifiques à la classe output */
|
||
|
|
.output {
|
||
|
|
border: 2px solid #00ff00; /* Bordure verte */
|
||
|
|
background-color: #e6ffe6; /* Fond légèrement vert */
|
||
|
|
}
|