Hey, Family in My Future! Will you help me style my own Eshas restaurant website? Question 1: I would like Roboto font in the head as well as the paragraph writing. Neither of them look like Roboto style. What did I do wrong? 2. How do I narrow the linear gradient band? 3. Have you seen Big Hero Six? I saw it last night and it was so cool! Looking forward to seeing you Tuesday! :-) Best, Rebecca Heres my code and a picture of my janky website: Thanx! body { background-color: #232323; } h1 { font-family: Londrina Shadow, cursive; font-size: 75px; text-align: center; margin: 60px 0 0 0; color: #aaaaaa; } h2 { font-family: Londrina Shadow, cursive; text-align: center; margin: 0px 0 70px 0; color: #bbbbbb; } p { background-color: rgba(255,255,255,1); padding: 10px; line-height: 28px; text-align: justify; position: absolute; bottom: 0; margin: 0; height: 30px; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; } small { opacity: 0; } .show-description p { height: 150px; } .show-description small { opacity: 1; } div { height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; margin: 40px 0 0 0; border-radius: 12px; } .price { float: right; } p { font-family: Roboto; margin: 0 auto; background: linear-gradient(bottom,rgba(0,0,0,1), rgba(0,0,0,.4)); color: rgba(255,255,255,1); background-color: rgba(0,0,0,1); background: -webkit-linear-gradient(bottom,rgba(0,0,0,1), rgba(0,0,0,.4)); background: -moz-linear-gradient(bottom,rgba(0,0,0,1), rgba(0,0,0,.4)); padding: 10px; line-height: 28px; position:absolute; text-align: justify; bottom: 0; margin: 0; } .first { background: url(i.imgur/WRBB9YS.png); background-repeat: no-repeat; background-position: center; margin-top: 20px; margin-bottom: 0px; } .second { background: url(i.imgur/fhoKFym.png); background-repeat: no-repeat; background-position: center; margin-top:10px; margin-bottom: 30px; } .dessert { background: url(i.imgur/P8dxFm3.png); background-repeat: no-repeat; margin-bottom: 30px; background-position: center; } @media (max-width: 500px) { h1 { margin-top: 20px; font-size: 50px; line-height: 40px; } h2 { margin-top: 20px; margin-bottom: 30px; font-size: 20px; line-height: 40px } div { margin: 20px 12px 0 12px; } p { font-size: 20px; line-height: 24px; } small { font-size: 16px; } } Rebeccas Place Whole and Delicious Food Cranberry and Pecan Holiday Salad$10 A medley of fresh flavors made with apples, pecans, celery, fennel, green onion, lemon and lime zests, orange juice, maple syrup and olive oil. Roasted Brussel Sprouts in a Maple Miso Glaze$14 A hearty, tangy, home-cooked side dish marinated in a miso, tamari, and apple cider glaze and roasted. Raw pumpkin pie$12 With a crust made with pecans, dates, and ground vanilla beans, how can one go wrong? Filling is made with coconut milk more dates, ginger juice, vanilla, and other spicy spices. $(div).on(click, function() { $(this).toggleClass(show-description); });
Posted on: Sat, 22 Nov 2014 19:15:38 +0000