Skip to content

Instantly share code, notes, and snippets.

@tiagodealmeida
Created October 4, 2016 21:26
Show Gist options
  • Save tiagodealmeida/3e2c1f4e0ca10ceca0b8a1c7633030dc to your computer and use it in GitHub Desktop.
Save tiagodealmeida/3e2c1f4e0ca10ceca0b8a1c7633030dc to your computer and use it in GitHub Desktop.
CSS update for task 1.9
/*** Home Page ***/
#homeContent {
font-family: Fester, 'Economica', Futura, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
color: #34495e;
}
.p {
color: #34495e;
}
a {
color: #34495e;
}
body {
background-color: WhiteSmoke;
}
#readmore {
color: #34495e;
background-color: WhiteSmoke;
}
/*** Home Page ***/ /*** Carousel ***/
.carousel-caption {
font-family: Fester, 'Economica', Futura, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
color: WhiteSmoke;
}
.carousel-indicators li {
background-color: WhiteSmoke;
background-color: rgba(70,70,70,.25);
border:1px solid red;
}
.carousel-indicators .active {
background-color: #34495e;
}
.carousel {
margin-left: -15px;
margin-right: -15px;
}
/*** End Of Carousel ***/
/**** Contact Page ****/
.myname {
position: relative;
padding: auto;
}
h1 {
letter-spacing: 2px;
}
.email h3 {
letter-spacing: 2px;
}
span:hover {
color: #ff0000;
}
span {
transition: color 3s;
-webkit-transition: color 600ms;
}
.package {
font-family: Fester, 'Gentium Book Basic', Georgia, "Times New Roman", serif;
font-size: 1.2em;
font-weight: 100;
letter-spacing: 0.05em;
padding-top: 50px;
padding-left: 100px;
}
/*** Contact Page ***/ /*** Background Image ***/
#background {
max-width: 100%;
height: 400px;
background-image: url("../img/contact_me2");
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 300px;
opacity: 0.8;
z-index: -1;
}
/*** End Of Contact Page ***/
/*** Navigation Bar ***/
.nav a {
font-family: Fester, 'Gentium Book Basic', Georgia, "Times New Roman", serif;
font-size: 1.2em;
font-weight: 100;
color: WhiteSmoke;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
margin-left: 30px;
margin-right: 30px;
}
.myBrand a:hover {
color: #ff0000;
text-decoration: underline;
}
a {
transition: color 3s;
-webkit-transition: color 600ms;
}
/*** End Of Navigation Bar ***/
/*** FAQ page ***/
.panel-body {
font-family: Fester, 'Gentium Book Basic', Georgia, "Times New Roman", serif;
font-size: 1.2em;
font-weight: 100;
color: #34495e
}
.panel-heading {
background-color: red;
}
.panel-title {
font-family: Fester, 'Gentium Book Basic', Georgia, "Times New Roman", serif;
font-size: 1.2em;
font-weight: 100;
color: #34495e;
background-color: WhiteSmoke;
}
#accordion {
padding-top: 60px;
}
/*** End Of FAQ Page ***/
/*** Work Page ***/
#work1 {
padding-top: 60px;
width: 100%;
font-family: Fester, 'Economica', Futura, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
color: #34495e;
}
#work2 {
padding-top: 20px;
width: 100%;
font-family: Fester, 'Economica', Futura, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
color: #34495e;
}
/*** End Of Work Page ***/
/*** About Page ***/
/*** Background Image About Page ***/
body {
background-color: WhiteSmoke;
}
/*** Content About Page ***/
.jumbotron {
background-color: WhiteSmoke;
}
.container {
font-family: Fester, 'Gentium Book Basic', Georgia, "Times New Roman", serif;
letter-spacing: 0.05em;
color: #34495e;
padding-top: 20px;
}
#aboutme {
text-align: center;
}
#aboutme p {
font-size: 1.6em;
}
.row h2 {
text-align: center;
}
.services h1 {
text-align: left;
}
.services ul {
list-style-type: circle;
font-size: 1.6em;
padding-right: 220px;
}
#story {
text-align: left;
}
#story p {
font-size: 1.3em;
font-weight: 100;
text-align: justify;
}
#image {
margin-top: -70px;
}
/*** End Of About Page ***/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment