135 lines
No EOL
1.4 KiB
CSS
135 lines
No EOL
1.4 KiB
CSS
/*
|
|
* GENERAL
|
|
*/
|
|
|
|
body {
|
|
margin: 0 0;
|
|
}
|
|
|
|
#page {
|
|
position: relative;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
}
|
|
|
|
.social {
|
|
position: absolute;
|
|
bottom: 1em;
|
|
margin-left: 0;
|
|
right: 1em;
|
|
}
|
|
|
|
.social ul {
|
|
list-style: none;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.social ul li {
|
|
display: inline;
|
|
}
|
|
|
|
.social ul li a {
|
|
color: #000;
|
|
}
|
|
|
|
/*
|
|
* PANELS
|
|
*/
|
|
|
|
#panel-landing {
|
|
/*text-align: center;*/
|
|
height: 25vh;
|
|
|
|
background-color: #FFF;
|
|
}
|
|
|
|
#panel-resume {
|
|
background-color: #EF5350;
|
|
}
|
|
|
|
#panel-projects {
|
|
background-color: #42A5F5;
|
|
}
|
|
|
|
#panel-intouch {
|
|
background-color: #66BB6A;
|
|
}
|
|
|
|
/*
|
|
* LANDING PANEL
|
|
*/
|
|
|
|
#greet {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#landing-blurb {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#main-menu {
|
|
margin-left:3em;
|
|
}
|
|
|
|
#main-menu ul {
|
|
list-style: none;
|
|
margin-left:-2.3em;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
#main-menu ul li {
|
|
display: inline;
|
|
margin: 0 1em;
|
|
}
|
|
|
|
#main-menu ul li a {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#main-menu ul li a:hover {
|
|
color: #ff0000;
|
|
}
|
|
|
|
|
|
/*
|
|
* RESUME PANEL
|
|
*/
|
|
|
|
#panel-resume .fp-tableCell {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
#resume-container {
|
|
font-size: 1.5em;
|
|
margin-left:2.3em;
|
|
width: 80vw;
|
|
}
|
|
|
|
.em-resume {
|
|
color: #fff;
|
|
}
|
|
|
|
/*
|
|
* MODIFIERS
|
|
*/
|
|
|
|
.fs-5 { font-size: 3em; }
|
|
.fs-1-3 { font-size: 1.3em; }
|
|
|
|
.bold { font-weight: bold; }
|
|
|
|
.pos-abs { position: absolute; }
|
|
|
|
.mt-z { margin-top: 0; }
|
|
|
|
.mb-z { margin-bottom: 0; }
|
|
|
|
.vcenter {
|
|
top: 40vh;
|
|
position: relative;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.red { color: #ff0000; }
|
|
.white { color: #fff; } |