Spaces:
Running
Running
change
Browse files- static/style.css +12 -52
static/style.css
CHANGED
@@ -223,6 +223,7 @@ body::before {
|
|
223 |
.summary-action-btn {
|
224 |
margin-bottom: 35px;
|
225 |
background: white;
|
|
|
226 |
color: black;
|
227 |
width: 150px;
|
228 |
height: 50px;
|
@@ -473,7 +474,7 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
|
473 |
font-size: 20px;
|
474 |
padding: 10px 20px;
|
475 |
background: white;
|
476 |
-
border: 2px solid
|
477 |
color: black;
|
478 |
border-radius: 8px;
|
479 |
cursor: pointer;
|
@@ -517,68 +518,27 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
|
517 |
|
518 |
.action-container {
|
519 |
display: flex;
|
520 |
-
justify-content: center;
|
521 |
align-items: center;
|
522 |
-
gap:
|
523 |
margin-top: 5px;
|
524 |
}
|
525 |
.language-dropdown {
|
526 |
padding: 10px ;
|
527 |
border-radius: 5px;
|
528 |
-
border:1px solid
|
529 |
-
font-size: 16px;
|
530 |
width: 200px;
|
531 |
-
background-color:transparent;
|
532 |
-
color: white;
|
533 |
|
534 |
}
|
535 |
-
.
|
536 |
-
|
537 |
-
}
|
538 |
-
.translate{
|
539 |
background-color:white;
|
540 |
color: black;
|
541 |
-
border-radius: 5px;
|
542 |
border: none;
|
543 |
-
font-size: 20px;
|
544 |
-
width: 200px;
|
545 |
-
height: 40px;
|
546 |
-
border: 2px solid black;
|
547 |
-
}
|
548 |
-
.translate:hover {
|
549 |
-
transform: translateX(8px);
|
550 |
-
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
551 |
-
}
|
552 |
-
.result{
|
553 |
-
text-align: center;
|
554 |
-
}
|
555 |
-
.results-containe{
|
556 |
-
background: white;
|
557 |
-
border-radius: 12px;
|
558 |
-
padding: 2rem;
|
559 |
-
margin-top: 50px;
|
560 |
-
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
561 |
-
height: 230px;
|
562 |
-
}
|
563 |
-
.visualiser{
|
564 |
-
background-color:white;
|
565 |
-
color: black;
|
566 |
border-radius: 5px;
|
567 |
-
|
568 |
-
|
569 |
-
width: 200px;
|
570 |
-
height: 40px;
|
571 |
}
|
572 |
-
.
|
573 |
-
|
574 |
-
|
575 |
-
}
|
576 |
-
.summary-action-btn:hover {
|
577 |
-
transform: translateX(8px);
|
578 |
-
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
579 |
-
}
|
580 |
-
|
581 |
-
.question-btn:hover {
|
582 |
-
transform: translateX(8px);
|
583 |
-
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
|
584 |
-
}
|
|
|
223 |
.summary-action-btn {
|
224 |
margin-bottom: 35px;
|
225 |
background: white;
|
226 |
+
border: 2px solid black;
|
227 |
color: black;
|
228 |
width: 150px;
|
229 |
height: 50px;
|
|
|
474 |
font-size: 20px;
|
475 |
padding: 10px 20px;
|
476 |
background: white;
|
477 |
+
border: 2px solid black;
|
478 |
color: black;
|
479 |
border-radius: 8px;
|
480 |
cursor: pointer;
|
|
|
518 |
|
519 |
.action-container {
|
520 |
display: flex;
|
|
|
521 |
align-items: center;
|
522 |
+
gap: 200px; /* Espacement entre les éléments */
|
523 |
margin-top: 5px;
|
524 |
}
|
525 |
.language-dropdown {
|
526 |
padding: 10px ;
|
527 |
border-radius: 5px;
|
528 |
+
border: 1px solid #ccc;
|
529 |
+
font-size: 16px; /* Agrandit le texte */
|
530 |
width: 200px;
|
|
|
|
|
531 |
|
532 |
}
|
533 |
+
.summary-action-btn {
|
534 |
+
padding: 8px 15px;
|
|
|
|
|
535 |
background-color:white;
|
536 |
color: black;
|
|
|
537 |
border: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
538 |
border-radius: 5px;
|
539 |
+
cursor: pointer;
|
540 |
+
|
|
|
|
|
541 |
}
|
542 |
+
.summary-action-btn:hover {
|
543 |
+
background-color:white;
|
544 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|