New
This commit is contained in:
Bel LaPointe
132
css/custom.css
Normal file
132
css/custom.css
Normal file
@@ -0,0 +1,132 @@
|
||||
/* 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 {
|
||||
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%; }
|
||||
@@ -1,46 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
|
||||
<!-- Basic Page Needs
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta charset="utf-8">
|
||||
<title>Your page title here :)</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Mobile Specific Metas
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- FONT
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- CSS
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/skeleton.css">
|
||||
|
||||
<!-- Favicon
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<link rel="icon" type="image/png" href="images/favicon.png">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Primary Page Layout
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="one-half column" style="margin-top: 25%">
|
||||
<h4>Basic Page</h4>
|
||||
<p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End Document
|
||||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||||
</body>
|
||||
</html>
|
||||
2424
css/styles.css
2424
css/styles.css
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user