| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- body {
- background-color: #f8f9fa;
- }
- .ariane {
- width: 1140px;
- margin-bottom: 10px;
- margin-right: auto;
- margin-left: auto;
- }
- .container {
- width: 1200px;
- margin-top: 30px;
- margin-bottom: 50px;
- padding: 30px;
- background-color: white;
- border-radius: 5px;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
- }
- h1 {
- color: #007bff;
- margin-bottom: 30px;
- }
- .form-group label {
- font-weight: bold;
- }
- .btn-primary {
- width: 100%;
- margin-top: 20px;
- }
- .video-container {
- border: 1px solid #ddd;
- border-radius: 5px;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
- background-color: #f9f9f9;
- margin-bottom: 10px;
- overflow: hidden;
- transition: max-height 0.3s ease;
- }
- .video-content {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 15px;
- }
- .video-details {
- display: flex;
- flex-direction: column;
- justify-content: flex-start; /* Aligne le contenu en haut */
- flex-grow: 1;
- }
- .video-info {
- font-size: 0.9em;
- color: #666;
- width: 100%;
- }
- .video-title {
- font-size: 1.2em;
- font-weight: bold;
- margin: 5px 0 10px 0;
- }
- .title-little {
- margin: 0 !important;
- }
- .actions {
- display: flex;
- flex-direction: row-reverse;
- margin-top: -5px;
- }
- .actions .btn {
- margin-left: 5px;
- }
- .video-preview {
- width: 200px;
- height: 113px;
- object-fit: cover;
- margin-right: 10px;
- }
- /*
- * Navbar
- */
- .navbar-brand {
- padding-top: .75rem;
- padding-bottom: .75rem;
- font-size: 1rem;
- background-color: rgba(0, 0, 0, .25);
- box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
- }
- .navbar .navbar-toggler {
- top: .25rem;
- right: 1rem;
- }
- .navbar .form-control {
- padding: .75rem 1rem;
- border-width: 0;
- border-radius: 0;
- }
- .big_topic{
- display: none;
- }
- .little_topic:hover{
- background-color: #dbf3fa;
- cursor: ns-resize;
- }
|