AGSTATUS/assets/authorBlurb.css

95 lines
1.8 KiB
CSS
Raw Normal View History

2020-11-15 05:24:43 -07:00
.author-bio {
width: 50%;
2020-11-15 05:40:45 -07:00
float: right;
2023-11-01 04:15:18 -06:00
position: relative;
right: -7.5vw;
bottom: -1vh;
border-radius: 50px 10px 10px 50px;
2023-10-30 23:07:37 -06:00
border-width: 7px;
2020-11-15 05:33:43 -07:00
border-style: groove;
2023-11-01 04:15:18 -06:00
border-color: var(--astraBlue);
2020-11-15 05:40:45 -07:00
padding-left: 4px;
2023-10-31 16:08:45 -06:00
padding-bottom: 3%;
2020-11-15 05:40:45 -07:00
margin-top: 5%;
2023-10-31 01:51:22 -06:00
margin-bottom: 3%;
2023-11-01 04:15:18 -06:00
background-color: var(--transparentAstraBlue);
2020-11-15 05:24:43 -07:00
}
2020-11-15 05:54:17 -07:00
.author-bio img {
float: right;
2023-10-30 23:17:43 -06:00
max-width: 128px;
max-height: 128px;
2023-10-31 01:42:45 -06:00
margin-right: 4px;
margin-top: 4px;
2023-11-01 04:15:18 -06:00
border-style: groove;
border-color: var(--astraOrange);
border-width: 7px;
border-radius: 100px;
2020-11-15 05:54:17 -07:00
}
2020-11-15 05:57:57 -07:00
2023-10-30 23:17:43 -06:00
.author-bio .author-name {
2023-11-01 04:15:18 -06:00
position: relative;
top: 18px;
left: 24px;
width: max-content;
padding-left: 4px;
padding-right: 4px;
color: var(--astraOrange);
text-decoration-line: underline;
text-decoration-color: var(--astraOrange);
font-style: italic;
}
.author-bio .marquee {
float: left;
z-index: -1;
width: 90%;
padding: 0px;
margin: 0px;
position: relative;
bottom: 3.5vh;
}
.author-bio .marquee p {
color: #d35700;
margin: 0px;
padding: 0px;
2023-10-30 23:17:43 -06:00
}
.author-bio .bio {
2023-11-01 04:15:18 -06:00
margin-left: 24px;
2023-10-31 00:58:53 -06:00
margin-right: 24px;
2023-11-01 04:15:18 -06:00
margin-top: 24px;
2023-10-31 01:05:08 -06:00
padding-right: 8px;
2023-10-30 23:32:37 -06:00
padding-left: 8px;
2023-10-30 23:49:38 -06:00
padding-bottom: 4px;
2023-10-30 23:32:37 -06:00
border-radius: 12px;
2023-10-30 23:27:14 -06:00
border-width: 4px;
border-style: groove;
2023-11-01 04:15:18 -06:00
border-color: var(--astraBlue);
background-color: var(--transparentAstraBlue);
2023-10-30 23:17:43 -06:00
}
2023-11-01 04:15:18 -06:00
.author-bio .socialDiv {
position: relative;
top: 2vh;
margin-left: 24px;
padding-top: 4px;
padding-left: 16px;
padding-right: 16px;
2023-10-30 23:07:37 -06:00
padding-bottom: 4px;
2023-11-01 04:15:18 -06:00
width: fit-content;
border-style: groove;
border-width: 4px;
border-color: var(--astraOrange);
border-radius: 30px 30px 30px 15px;
background-color: var(--transparentAstraBlue);
}
.author-bio .social-link {
position: relative;
top: -2.5vh;
color: var(--astraOrange);
text-decoration-color: var(--astraOrange);
2023-10-30 23:49:38 -06:00
}