216 lines
No EOL
2.5 KiB
CSS
216 lines
No EOL
2.5 KiB
CSS
/*
|
|
* GENERAL
|
|
*/
|
|
|
|
body {
|
|
margin: 0 0;
|
|
}
|
|
|
|
#page-gen {
|
|
position: relative;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
background-color: #fff;
|
|
|
|
min-width: 1020px;
|
|
min-height: 640px;
|
|
}
|
|
|
|
#topmenu {
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100vw;
|
|
}
|
|
|
|
.panel-gen {
|
|
height: 100vh;
|
|
padding-left: 2vw;
|
|
padding-top: 10vh;
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
line-height: 1.2;
|
|
margin: 0 0;
|
|
}
|
|
|
|
a {
|
|
color :#727272 !important;
|
|
}
|
|
|
|
a:hover {
|
|
color: #03A9F4 !important;
|
|
}
|
|
|
|
a i {
|
|
color: inherit;
|
|
}
|
|
|
|
/*
|
|
* LANDING PANEL
|
|
*/
|
|
|
|
/*Bigger things*/
|
|
|
|
#container-landing{
|
|
padding-top: 25vh;
|
|
}
|
|
|
|
#greet {
|
|
margin-bottom: 0;
|
|
font-size: 7vw;
|
|
}
|
|
|
|
#landing-blurb {
|
|
overflow: hidden;
|
|
margin-left:0.4vw;
|
|
}
|
|
|
|
/*Navigation*/
|
|
|
|
#container-landing ul {
|
|
list-style: none;
|
|
font-size: 4vw;
|
|
padding-left: 0;
|
|
}
|
|
|
|
#container-landing ul li {
|
|
display: inline;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-right: 1vw;
|
|
|
|
}
|
|
|
|
/*
|
|
* ABOUT ME PANEL
|
|
*/
|
|
|
|
/*Bigger things*/
|
|
|
|
#container-aboutme {
|
|
width: 95%;
|
|
}
|
|
|
|
#container-aboutme p {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#img_bubble1 {
|
|
border-radius: 7em;
|
|
height:20vh;
|
|
display: inline;
|
|
}
|
|
|
|
|
|
/*
|
|
* INTOUCH PANEL
|
|
*/
|
|
|
|
#panel-intouch .fp-tableCell {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
#container-intouch {
|
|
margin-left:2vw;
|
|
width: 95%;
|
|
margin-top:2vh
|
|
}
|
|
|
|
form p textarea {
|
|
width: 90vw;
|
|
height: 20vh;
|
|
resize: none;
|
|
}
|
|
|
|
/*
|
|
* MODIFIERS
|
|
*/
|
|
|
|
.accentsize { font-size: 3vw; }
|
|
.basesize { font-size: 2vw; }
|
|
|
|
.bold { font-weight: bold; }
|
|
|
|
.pos-abs { position: absolute; }
|
|
|
|
.mt-z { margin-top: 0; }
|
|
.mt2 { margin-top: 0.5em;}
|
|
.mb-z { margin-bottom: 0; }
|
|
|
|
.vcenter {
|
|
top: 40vh;
|
|
position: relative;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.primarytext {color :#727272;}
|
|
.accent {color:#03A9F4;}
|
|
|
|
.ta-center { text-align: center; }
|
|
|
|
/*
|
|
* SOCIAL MEDIA BOXES
|
|
*/
|
|
|
|
|
|
.social ul {
|
|
list-style: none;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.social ul li {
|
|
display: inline;
|
|
}
|
|
|
|
.social ul li a i {
|
|
font-size: 7vh;
|
|
}
|
|
|
|
/*
|
|
* CONTACT FORM POPUP
|
|
*/
|
|
|
|
#contact-popup {
|
|
position: fixed;
|
|
top: 20vh;
|
|
height: 50vh;
|
|
width: 50vw;
|
|
background-color: #03A9F4;
|
|
left: 25vw;
|
|
border-radius: 15vw;
|
|
text-align: center;
|
|
padding-top: 15vh;
|
|
display: none;
|
|
}
|
|
|
|
#thanks {
|
|
color: #fff;
|
|
font-family: Oswald;
|
|
font-size: 4vw;
|
|
}
|
|
|
|
|
|
/*
|
|
* FONT DATA
|
|
*/
|
|
|
|
.opensans { font-family: OpenSans; }
|
|
.oswald { font-family: Oswald; }
|
|
.courgette { font-family: Courgette; }
|
|
|
|
@font-face {
|
|
font-family: OpenSans;
|
|
src: url("../fonts/OpenSans-CondLight.ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Oswald;
|
|
src: url("../fonts/Oswald-Light.ttf") format("truetype");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Courgette;
|
|
src: url("../fonts/Courgette-Regular.ttf") format("truetype");
|
|
} |