ARLakhin
163 lines
2.7 KiB
SCSS
163 lines
2.7 KiB
SCSS
.add-new {
|
|
text-align: center;
|
|
width: 100%;
|
|
margin-block: 15px;
|
|
}
|
|
|
|
a.link {
|
|
border: 1px solid black;
|
|
border-radius: 20px 20px;
|
|
padding: 10px;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
a.link:hover {
|
|
background-color: black;
|
|
color: var(--white-color)
|
|
}
|
|
|
|
.header{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.header-title {
|
|
font-size: 2.5rem;
|
|
font-weight: var(--bold);
|
|
}
|
|
|
|
.main-container {
|
|
height: 100vh;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.informations-data {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 95%;
|
|
min-width: 300px;
|
|
max-width: 1500px;
|
|
margin: 0 auto;
|
|
padding-bottom: inherit;
|
|
}
|
|
|
|
.informations-data h2 {
|
|
font-weight: 700;
|
|
font-size: 2.5em;
|
|
}
|
|
|
|
.information-data {
|
|
border: 2px solid black;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 5px;
|
|
margin: 20px;
|
|
}
|
|
|
|
.information-elem {
|
|
font-weight: var(--semi-bold);
|
|
font-size: 1.5rem;
|
|
padding: 2.5px;
|
|
}
|
|
|
|
.add-new-organisation {
|
|
border: 1px solid #ccc;
|
|
padding: 10px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.information-button {
|
|
align-self: center;
|
|
margin-block: 8px;
|
|
}
|
|
|
|
.information-table table {
|
|
border-collapse: collapse;
|
|
text-align: center;
|
|
}
|
|
|
|
.information-table td, th {
|
|
padding: 5px;
|
|
border: 3px solid black;
|
|
}
|
|
|
|
.information-table tr :is(td, th):first-child {
|
|
width: 20%;
|
|
}
|
|
|
|
.description {
|
|
width: 15%;
|
|
}
|
|
|
|
.type_doc_header#tabs {
|
|
width: 75%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.type__doc__list__type__container {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-template-rows: repeat(2, 1fr);
|
|
place-items: center;
|
|
gap: 15px;
|
|
a.link {
|
|
font-size: 1.35rem;
|
|
}
|
|
}
|
|
|
|
a.link:has(.active__button) {
|
|
background-color: gray;
|
|
}
|
|
|
|
nav.pagy {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
margin-block: 20px;
|
|
font-size: 1.2rem;
|
|
|
|
a {
|
|
padding: 4px 10px;
|
|
border: 1px solid black;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
|
|
&.current { font-weight: 700; }
|
|
&[aria-disabled="true"] { opacity: 0.4; }
|
|
&:not([aria-disabled="true"]):hover { background-color: black; color: white; }
|
|
}
|
|
}
|
|
|
|
.organisation-actions {
|
|
display: flex;
|
|
gap: 12px;
|
|
margin-block: 16px;
|
|
}
|
|
|
|
a.link-action {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
border: 1px solid black;
|
|
border-radius: 20px;
|
|
padding: 8px 16px;
|
|
font-size: 1.2rem;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
|
|
&:hover {
|
|
background-color: black;
|
|
color: var(--white-color);
|
|
}
|
|
|
|
&.link-action--danger {
|
|
border-color: #c0392b;
|
|
color: #c0392b;
|
|
|
|
&:hover {
|
|
background-color: #c0392b;
|
|
color: var(--white-color);
|
|
}
|
|
}
|
|
}
|