67 lines
1.1 KiB
HTML
67 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Rapport Oracle</title>
|
|
<style>
|
|
body {
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
background-color: #f9f9f9;
|
|
padding: 20px;
|
|
color: #333;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 20px 0;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
th, td {
|
|
padding: 8px 10px;
|
|
border: 1px solid #ddd;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
}
|
|
|
|
th {
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
cursor: pointer;
|
|
}
|
|
|
|
th:hover {
|
|
background-color: #45a049;
|
|
}
|
|
|
|
tr:hover {
|
|
background-color: #f1f1f1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
tr.selected {
|
|
background-color: #d1eaff !important;
|
|
}
|
|
|
|
th.asc::after {
|
|
content: " 🔼";
|
|
}
|
|
th.desc::after {
|
|
content: " 🔽";
|
|
}
|
|
|
|
/* Style pour les couleurs conditionnelles */
|
|
.orange {
|
|
background-color: #ff9800;
|
|
}
|
|
|
|
.red {
|
|
background-color: #f44336;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<h2>Rapport Oracle</h2> |