Created
October 4, 2016 21:26
-
-
Save tiagodealmeida/3e2c1f4e0ca10ceca0b8a1c7633030dc to your computer and use it in GitHub Desktop.
CSS update for task 1.9
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*** 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