k

2018-09-30 16:09:28 -06:00
parent fd90b0b981
commit 3ec6314cca
6 changed files with 42 additions and 7 deletions
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -0,0 +1,133 @@
+/* 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%; }