2022-05-30 23:26:22 +02:00
|
|
|
/*COLLAPSIBLE*/
|
|
|
|
|
|
|
|
/*Wersja zwinięta*/
|
|
|
|
.collapsible {
|
2022-06-01 17:07:56 +02:00
|
|
|
/*Box alignment*/
|
|
|
|
margin-left: 5%;
|
|
|
|
margin-right: 5%;
|
|
|
|
width: 80%;
|
|
|
|
|
|
|
|
/*Content alignment*/
|
|
|
|
padding: 1%;
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
/*Visual*/
|
2022-06-07 23:48:57 +02:00
|
|
|
background-color: #007C36;
|
2022-05-30 23:26:22 +02:00
|
|
|
color: white;
|
|
|
|
cursor: pointer;
|
2022-06-01 17:07:56 +02:00
|
|
|
font-size: 15px;
|
|
|
|
|
|
|
|
/*Others*/
|
2022-05-30 23:26:22 +02:00
|
|
|
border: none;
|
|
|
|
outline: none;
|
2022-06-01 17:07:56 +02:00
|
|
|
|
2022-05-30 23:26:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.active, .collapsible:hover {
|
|
|
|
background-color: #555;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collapsible:after {
|
|
|
|
content: '\002B';
|
|
|
|
color: white;
|
|
|
|
font-weight: bold;
|
|
|
|
float: right;
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.active:after {
|
|
|
|
content: "\2212";
|
|
|
|
}
|
|
|
|
|
|
|
|
/*Wersja rozwinięta*/
|
2022-06-01 17:07:56 +02:00
|
|
|
.collapsibleContent {
|
2022-05-30 23:26:22 +02:00
|
|
|
padding: 0 18px;
|
|
|
|
max-height: 0;
|
|
|
|
/*szerokość drabinki*/
|
|
|
|
width: 75%;
|
|
|
|
overflow: hidden;
|
|
|
|
transition: max-height 0.2s ease-out;
|
|
|
|
background-color: #f1f1f1;
|
|
|
|
}
|