132 lines
1.9 KiB
CSS
132 lines
1.9 KiB
CSS
@import"https://fonts.googleapis.com/css?family=Original+Surfer";
|
|
@import"https://fonts.googleapis.com/css?family=Bree+Serif";
|
|
@import"https://fonts.googleapis.com/css?family=Bitter|Source+Sans+Pro";
|
|
|
|
body {
|
|
margin-top: 15px;
|
|
font-family: "Source Sans Pro", sans-serif;
|
|
background-image: url("../photo/background.jpg")
|
|
}
|
|
|
|
.title {
|
|
font-family: "Original Surfer", cursive;
|
|
font-size: 2.5em
|
|
}
|
|
|
|
.dark {
|
|
background: #bbb
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-family: "Original Surfer", cursive
|
|
}
|
|
|
|
.jobtitle {
|
|
margin-top: 5px
|
|
}
|
|
|
|
.list {
|
|
list-style: none
|
|
}
|
|
|
|
.head {
|
|
font-family: "Bitter", serif;
|
|
margin-left: 5px;
|
|
font-size: 1.2em
|
|
}
|
|
|
|
.panel-heading {
|
|
background: #bbb
|
|
}
|
|
|
|
#profile-picture {
|
|
width: 15%;
|
|
margin-left: 20px;
|
|
visibility: hidden
|
|
}
|
|
|
|
.glyphicon {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.body {
|
|
margin-bottom: 60px
|
|
}
|
|
|
|
.logo {
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
height: 40px
|
|
}
|
|
|
|
.bootstrapLogoFooter {
|
|
float: right;
|
|
height: 25px;
|
|
margin-top: 11px
|
|
}
|
|
|
|
.logo-large {
|
|
height: 50px;
|
|
padding-top: 10px;
|
|
padding-right: 10px
|
|
}
|
|
|
|
@media(min-width: 428px) {
|
|
#profile-picture {
|
|
width: 15%;
|
|
margin-left: 20px;
|
|
visibility: hidden
|
|
}
|
|
|
|
.title {
|
|
font-family: "Original Surfer", cursive;
|
|
font-size: 3.7em
|
|
}
|
|
}
|
|
|
|
@media(min-width: 600px) {
|
|
#profile-picture {
|
|
visibility: visible
|
|
}
|
|
|
|
.title {
|
|
font-family: "Original Surfer", cursive;
|
|
font-size: 3.7em
|
|
}
|
|
}
|
|
|
|
@media(min-width: 768px) {
|
|
#profile-picture {
|
|
visibility: visible
|
|
}
|
|
|
|
.title {
|
|
font-family: "Original Surfer", cursive;
|
|
font-size: 4em
|
|
}
|
|
}
|
|
|
|
@media(min-width: 992px) {
|
|
.bootstrapLogoFooter {
|
|
margin-top: 13px
|
|
}
|
|
}
|
|
|
|
.intro {
|
|
display: block;
|
|
font-size: 1.11em
|
|
}
|
|
|
|
.phone-logo,
|
|
.email-logo {
|
|
float: left
|
|
}
|
|
|
|
a {
|
|
color: #000
|
|
}
|
|
|
|
.logo-panel {
|
|
height: 20px;
|
|
padding-right: 7px
|
|
} |