108 lines
2.4 KiB
CSS
Executable File
108 lines
2.4 KiB
CSS
Executable File
/**
|
|
* All of the CSS for your public-facing functionality should be
|
|
* included in this file.
|
|
*/
|
|
/**
|
|
* Environment for all styles (variables, additions, etc).
|
|
*/
|
|
/*--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------*/
|
|
.pk-widget-author {
|
|
--pk-author-social-link-color: #000000;
|
|
--pk-author-with-bg-color: #FFFFFF;
|
|
--pk-author-with-bg-links-color: #FFFFFF;
|
|
--pk-author-with-bg-links-hover-color: rgba(255,255,255, 0.6);
|
|
--pk-author-with-bg-decsription-color: #FFFFFF;
|
|
--pk-author-avatar-border-radius: 100%;
|
|
--pk-author-description-font-size: 90%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
.pk-widget-author {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.pk-widget-author .pk-widget-author-bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.pk-widget-author .pk-widget-author-bg img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
font-family: 'object-fit: cover;';
|
|
}
|
|
|
|
.pk-widget-author .pk-widget-author-container {
|
|
position: relative;
|
|
padding: 0 2rem;
|
|
z-index: 2;
|
|
}
|
|
|
|
.pk-widget-author .pk-author-avatar img {
|
|
border-radius: var(--pk-author-avatar-border-radius);
|
|
}
|
|
|
|
.pk-widget-author .pk-author-data {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.pk-widget-author .pk-author-data .author-description {
|
|
font-size: var(--pk-author-description-font-size);
|
|
}
|
|
|
|
.pk-widget-author .pk-author-footer {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.pk-widget-author .pk-author-button {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.pk-widget-author .pk-social-links-wrap {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.pk-widget-author .pk-social-links-items {
|
|
justify-content: center;
|
|
}
|
|
|
|
.pk-widget-author .pk-social-links-link {
|
|
color: var(--pk-author-social-link-color);
|
|
}
|
|
|
|
.pk-author-social-links .pk-social-links-link {
|
|
padding: 0 0.25rem;
|
|
}
|
|
|
|
.pk-widget-author-with-bg {
|
|
color: var(--pk-author-with-bg-color);
|
|
}
|
|
|
|
.pk-widget-author-with-bg a,
|
|
.pk-widget-author-with-bg .section-heading,
|
|
.pk-widget-author-with-bg .pk-social-links-link {
|
|
color: var(--pk-author-with-bg-links-color) !important;
|
|
}
|
|
|
|
.pk-widget-author-with-bg a:hover,
|
|
.pk-widget-author-with-bg .pk-social-links-link:hover {
|
|
color: var(--pk-author-with-bg-links-hover-color) !important;
|
|
}
|
|
|
|
.pk-widget-author-with-bg .author-description {
|
|
color: var(--pk-author-with-bg-decsription-color) !important;
|
|
}
|
|
|
|
.pk-widget-author-with-bg .pk-widget-author-container {
|
|
padding: 2rem;
|
|
}
|