Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* General */
- .container {
- width: 70%;
- }
- /* Header */
- .header {
- background-color: rgba(255, 255, 255, 0.95);
- border-bottom: 1px solid #ddd;
- font-family: 'Oswald', sans-serif;
- font-weight: 300;
- font-size: 17px;
- padding: 1% 2% 1% 1%;
- }
- /* Menu */
- .header .menu {
- float: right;
- list-style: none;
- margin: 1% 0 1% 0;
- }
- .menu > li {
- display: inline;
- padding: 0 3% 0 1.5%;
- }
- .menu a {
- color: #898989;
- }
- /* Dropdown */
- .dropdown-menu {
- font-size: 16px;
- margin-top: 1%;
- min-width: 95px;
- }
- .dropdown-menu li a {
- color: #898989;
- padding: 8%;
- font-weight: 300;
- }
- /* Carousel */
- .slider {
- position: relative;
- width: 100%;
- height: 470px;
- border-bottom: 1px solid #ddd;
- }
- .slide {
- background: transparent url('http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/feature-gradient-transparent.png') center center no-repeat;
- background-size: cover;
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- .active-slide {
- display: block;
- }
- .slide-copy h1 {
- color: #363636;
- font-family: 'Oswald', sans-serif;
- font-weight: 400;
- font-size: 40px;
- margin-top: 20%;
- margin-bottom: 0;
- }
- .slide-copy h2 {
- color: #b7b7b7;
- font-family: 'Oswald', sans-serif;
- font-weight: 400;
- font-size: 40px;
- margin: 2%;
- }
- .slide-copy p {
- color: #959595;
- font-family: Georgia, "Times New Roman", serif;
- font-size: 1.15em;
- line-height: 1.75em;
- margin-bottom: 5%;
- margin-top: 2%;
- }
- .slide-img {
- text-align: right;
- width: 0.5%;
- height: auto;
- }
- /* Slide feature */
- .slide-feature {
- text-align: center;
- background-image: url('http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/ac.png');
- height: 470px;
- }
- .slide-feature img {
- margin-top: 2%;
- margin-bottom: 5%;
- }
- .slide-feature a {
- display: block;
- color: #6fc5e0;
- font-family: "HelveticaNeueMdCn", Helvetica, sans-serif;
- font-family: 'Oswald', sans-serif;
- font-weight: 400;
- font-size: 20px;
- }
- .slider-nav {
- text-align: center;
- margin-top: 1.5%;
- }
- .arrow-prev {
- margin-right: 2.8%;
- display: inline-block;
- vertical-align: top;
- margin-top: 0.7%;
- }
- .arrow-next {
- margin-left: 2.5%;
- display: inline-block;
- vertical-align: top;
- margin-top: 0.7%;
- }
- .slider-dots {
- list-style: none;
- display: inline-block;
- padding-left: 0;
- margin-bottom: 0;
- }
- .slider-dots li {
- color: #bbbcbc;
- display: inline;
- font-size: 30px;
- margin-right: 1%;
- }
- .slider-dots li.active-dot {
- color: #363636;
- }
- /* App links */
- .get-app {
- list-style: none;
- padding-bottom: 1%;
- padding-left: 1%;
- padding-top: 1%;
- }
- .get-app li {
- float: left;
- margin-bottom: 1%;
- margin-right: 1%;
- margin-left: 1%;
- }
- .get-app img {
- height: 40px;
- }
Add Comment
Please, Sign In to add comment