262 lines
4.0 KiB
SCSS
262 lines
4.0 KiB
SCSS
.gray-container {
|
|
letter-spacing: 5px;
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
.container-header {
|
|
display: flex;
|
|
align-items: baseline;
|
|
margin-top: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.container-header p {
|
|
letter-spacing: 5px;
|
|
color: #aaaaaa;
|
|
padding-top: 10px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.container-header :hover {
|
|
color: var(--primary-color-3);
|
|
}
|
|
|
|
h4 {
|
|
display: inline;
|
|
padding-left: 1em;
|
|
color: #333333;
|
|
}
|
|
|
|
h4 > span {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.title h4 {
|
|
padding-left: 30px;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.about-item {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.links :hover {
|
|
color: var(--primary-color-3);
|
|
}
|
|
|
|
.about-item .length {
|
|
color: var(--primary-color-3);
|
|
}
|
|
|
|
.about-item .title {
|
|
margin: 2px 10px;
|
|
// text-transform: uppercase;
|
|
}
|
|
|
|
.about-item p {
|
|
margin-left: auto;
|
|
margin-bottom: 0px;
|
|
padding-top: 7px;
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
p {
|
|
color: #333333;
|
|
}
|
|
|
|
.storage :hover {
|
|
color: var(--primary-color-3);
|
|
}
|
|
|
|
.draft-bookmark {
|
|
color: #e7e6e6;
|
|
}
|
|
|
|
.finalized-bookmark {
|
|
color: #08bd63;
|
|
}
|
|
|
|
.dmp-card,
|
|
.dataset-card {
|
|
min-width: 712px;
|
|
/* min-height: 308px; */
|
|
background: #ffffff 0% 0% no-repeat padding-box;
|
|
box-shadow: 0px 3px 6px #0000001a;
|
|
border-radius: 4px;
|
|
opacity: 1;
|
|
margin-top: 2.43rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.remove-border-bottom ::ng-deep .mat-tab-header {
|
|
border-bottom: none;
|
|
}
|
|
|
|
input[type="text"] {
|
|
background: #fafafa 0% 0% no-repeat padding-box;
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
opacity: 1;
|
|
width: 347px;
|
|
height: 56px;
|
|
font-family: Arial, FontAwesome;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.edited-date {
|
|
text-align: left;
|
|
font-weight: 300;
|
|
font-family: "Roboto", sans-serif;
|
|
line-height: 2.4;
|
|
letter-spacing: 0px;
|
|
color: #212121;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.dmp-label {
|
|
background: var(--primary-color) 0% 0% no-repeat padding-box;
|
|
border-radius: 4px 0px;
|
|
opacity: 1;
|
|
min-width: 67px;
|
|
height: 37px;
|
|
color: #ffffff;
|
|
line-height: 2.4;
|
|
}
|
|
|
|
.dataset-label {
|
|
width: auto;
|
|
height: 37px;
|
|
background: var(--secondary-color) 0% 0% no-repeat padding-box;
|
|
border-radius: 4px 0px;
|
|
text-align: left;
|
|
line-height: 2.8;
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0px;
|
|
color: #212121;
|
|
}
|
|
|
|
.dmp-title,
|
|
.dataset-title {
|
|
text-align: left;
|
|
font-weight: 600;
|
|
font-family: "Roboto", sans-serif;
|
|
font-size: 1rem;
|
|
// opacity: 0.81;
|
|
padding-top: 0.75rem;
|
|
padding-bottom: 0.55rem;
|
|
color: #212121;
|
|
}
|
|
|
|
.dataset-subtitle,
|
|
.dmp-subtitle {
|
|
display: flex;
|
|
flex-direction: row;
|
|
text-align: left;
|
|
font-weight: 400;
|
|
font-family: "Roboto", sans-serif;
|
|
font-size: 0.875rem;
|
|
opacity: 1;
|
|
align-items: center;
|
|
color: #848484;
|
|
}
|
|
|
|
.dmp-title-draft,
|
|
.dataset-title-draft {
|
|
text-align: left;
|
|
font-weight: 600;
|
|
font-family: "Roboto", sans-serif;
|
|
font-size: 1rem;
|
|
// opacity: 0.81;
|
|
padding-top: 0.75rem;
|
|
padding-bottom: 0.55rem;
|
|
color: #f16868;
|
|
}
|
|
|
|
.icon-align {
|
|
display: inline-flex;
|
|
vertical-align: middle;
|
|
// line-height: .9em;
|
|
// padding-bottom: 0.4rem;
|
|
}
|
|
|
|
.dmp-subtitle,
|
|
.dataset-subtitle {
|
|
|
|
.icon-align {
|
|
display: inline-flex;
|
|
vertical-align: top;
|
|
margin-right: .2rem;
|
|
line-height: .95em;
|
|
}
|
|
}
|
|
|
|
.dataset-card-actions,
|
|
.dmp-card-actions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-top: 1px solid #dbdbdb;
|
|
line-height: 4;
|
|
color: #848484;
|
|
}
|
|
|
|
.dataset-card-actions a,
|
|
.dmp-card-actions a {
|
|
color: #848484 !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.dataset-card-actions a:hover,
|
|
.dmp-card-actions a:hover {
|
|
color: var(--primary-color) !important;
|
|
}
|
|
|
|
.dmp-dataset-descriptions-title {
|
|
color: #000000;
|
|
opacity: 0.6;
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 0.8rem;
|
|
}
|
|
|
|
.dmp-dataset-descriptions-name {
|
|
color: #000000;
|
|
opacity: 0.6;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.show-more {
|
|
color: black !important;
|
|
}
|
|
|
|
.show-more:hover {
|
|
color: var(--primary-color) !important;
|
|
}
|
|
|
|
.btn-load-more {
|
|
border: 2px solid #212121;
|
|
border-radius: 30px;
|
|
opacity: 1;
|
|
min-width: 132px;
|
|
width: auto;
|
|
height: 40px;
|
|
margin-top: 4.125rem;
|
|
}
|
|
|
|
.btn-load-more:hover {
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.draft {
|
|
color: #f16868;
|
|
}
|
|
|
|
.pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
::ng-deep .mat-menu-panel {
|
|
max-width: 282px !important;
|
|
}
|