134 lines
2.4 KiB
CSS
134 lines
2.4 KiB
CSS
/* 1eaedb */
|
|
body {
|
|
background:
|
|
radial-gradient(#282828 15%, transparent 16%) 0 0,
|
|
radial-gradient(#282828 15%, transparent 16%) 8px 8px,
|
|
radial-gradient(rgba(255,255,255,.05) 15%, transparent 20%) 0 1px,
|
|
radial-gradient(rgba(255,255,255,.05) 15%, transparent 20%) 8px 9px;
|
|
background-color: #333;
|
|
background-size: 16px 16px;
|
|
/*
|
|
background: #333;
|
|
*/
|
|
color: #ddd;
|
|
}
|
|
|
|
th, td {
|
|
border-color: #555;
|
|
}
|
|
|
|
.container {
|
|
padding: 10rem 0;
|
|
}
|
|
.container > .docs-section {
|
|
padding-bottom: 10rem;
|
|
}
|
|
|
|
.docs-section ~ .docs-section {
|
|
border-top: 1px solid #555;
|
|
padding: 2rem 0;
|
|
}
|
|
|
|
.leading-img {
|
|
height: 100%;
|
|
margin: auto;
|
|
}
|
|
|
|
.leading-img > img {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
width: auto;
|
|
height: auto;
|
|
margin: auto;
|
|
border-radius: 8px 60%;
|
|
}
|
|
|
|
.timeline {
|
|
border-left: 2px solid #555;
|
|
padding: 15px 0px;
|
|
}
|
|
|
|
.timeline-item {
|
|
display: block;
|
|
position: relative;
|
|
padding: 15px 20px 10px;
|
|
margin-left: 20px;
|
|
margin-bottom: 20px;
|
|
background-color: #333;
|
|
border-left: 2px solid #3ecefb;
|
|
box-shadow: 0px 0px 3px 0px rgba(255,255,255,.2);
|
|
}
|
|
|
|
.timeline-item:hover {
|
|
box-shadow: 0px 0px 8px 0px rgba(255,255,255,.2);
|
|
}
|
|
|
|
.timeline > .timeline-item::before {
|
|
content: '';
|
|
display: inline-block;
|
|
position: absolute;
|
|
background-color: #333;
|
|
border-radius: 50%;
|
|
width: 12px;
|
|
height: 12px;
|
|
top: 20px;
|
|
left: -31px;
|
|
border: 2px solid #3ecefb;
|
|
z-index: 2;
|
|
}
|
|
|
|
.timeline > .timeline-item::after {
|
|
content: '';
|
|
display: inline-block;
|
|
position: absolute;
|
|
background-color: #3ecefb;
|
|
border-radius: 10px;
|
|
width: 29px;
|
|
height: 2px;
|
|
top: 27px;
|
|
left: -31px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.timeline-item > h5 {
|
|
margin-bottom: .5rem;
|
|
}
|
|
|
|
.timeline-item-span {
|
|
display: inline-block;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
color: #3ecefb;
|
|
margin-bottom: .5rem;
|
|
}
|
|
|
|
.timeline-item-location {
|
|
display: inline-block;
|
|
margin-top: 0px;
|
|
padding-top: 0px;
|
|
margin-left: 10px;
|
|
padding-left: 12px;
|
|
border-left: 2px solid #555;
|
|
}
|
|
|
|
.skill-container {
|
|
min-width: 50px;
|
|
display: inline-block;
|
|
background-color: #555;
|
|
width: 100%;
|
|
height: 12px;
|
|
}
|
|
|
|
.skill-container > div {
|
|
height: 100%;
|
|
background-color: #3ecefb;
|
|
}
|
|
|
|
.skill-90 { width: 90%; }
|
|
.skill-80 { width: 80%; }
|
|
.skill-70 { width: 70%; }
|
|
.skill-60 { width: 60%; }
|
|
.skill-50 { width: 50%; }
|
|
.skill-40 { width: 40%; }
|
|
.skill-30 { width: 30%; }
|