body {
font-family: Georgia, serif;
font-size: 100%;
line-height: 175%;
margin: 0 15% 0;
}
header {
margin-top: 0;
padding: 3em 1em 2em 1em;
text-align: center;
}
a {
text-decoration: none;
}
h1 {
font: bold 1.5em "Marko One", Georgia, serif;
}
h2 {
font-size: 1em;
text-transform: uppercase;
letter-spacing: .5em;
text-align: center;
}
dt {
font-weight: bold;
}
strong {
font-style: italic;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#info p {
font-style: italic;
}
.price {
font-family: Georgia, serif;
font-style: italic;
}
p.warning, sup {
font-size: small;
}
.label {
font-weight: bold;
font-variant: small-caps;
font-style: normal;
}
h2 + p {
text-align: center;
font-style: italic;
}
About me
Appetizers
This season, we explore the spicy flavors of the southwest in our appetizer collection.
- Black bean purses
- Spicy black bean and a blend of mexican cheeses wrapped in sheets of phyllo and baked until golden.
$3.95
- Southwestern napoleons with
lump crab —
new item!
- Layers of light lump crab meat, bean and corn salsa, and our handmade flour tortillas.
$7.95
Main courses
Big, bold flavors are the name of the game this summer. Allow us to assist you with finding the perfect wine.
- Jerk rotisserie chicken with fried plantains —
new item!
- Tender chicken slow-roasted on the rotisserie, flavored with spicy and fragrant jerk sauce and served with fried plantains and fresh mango.
Very spicy.
$12.95
- Shrimp sate kebabs with peanut sauce
- Skewers of shrimp marinated in lemongrass, garlic, and fish sauce then grilled to perfection. Served with spicy peanut sauce and jasmine rice.
$12.95
- Grilled skirt steak with mushroom fricasee
- Flavorful skirt steak marinated in asian flavors grilled as you like it*. Served over a blend of sauteed wild mushrooms with a side of blue cheese mashed potatoes.
$16.95
Traditional Toasts
The ultimate comfort food, our traditional toast recipes are adapted from
The Whitehouse Cookbook
published in 1887.
- Cream toast
- Simple cream sauce over highest quality toasted bread, baked daily.
$3.95
- Mushroom toast
- Layers of light lump crab meat, bean and corn salsa, and our handmade flour tortillas.
$6.95
- Nun's toast
- Onions and hard-boiled eggs in a cream sauce over buttered hot toast.
$6.95
- Apple toast
- Sweet, cinnamon stewed apples over delicious buttery grilled bread.
$6.95
Dessert Selection
Be sure to save room for our desserts, made daily by our own
Johnson & Wales
trained pastry chef.
- Lemon chiffon cake —
new item!
- Light and citrus flavored sponge cake with buttercream frosting as light as a cloud.
$2.95
- Molten chocolate cake
- Bubba's special dark chocolate cake with a warm, molten center. Served with or without a splash of almond liqueur.
$3.95
$3.95 So now all we have to do is write a rule using a class selector to change the font to Georgia or some serif font, maka the prices italic, and gray them back: -price { font-fanily: Georgia, serif; font-style: italic; 5. Similarly, in the "info" div, I can change the appearance of the spans that have been marked up as belonging to the "label" class to make the labels stand out: -label { font-weight: bold; fant-variant: snall-caps; fon 6. Finally, there is a warning at the bottom of the page that I want to make small and red It has been given the class "warning." so I can use that as a selector to target just that paragraph for styling. While I'm at it, I'm go- ing to apply the same style to the sup element (the footnote asterisk) car- lier on the page so they match. Note that I've used a grouped selector, so I don't need to write a separate rule. "/>
Extracted text: 1. l'd like to add some attention-getting color to the "new item!" elements next to certain menu item names. They are marked up as strong, so we can apply the color property to the strong slement. Add this rule to the embedded style shest, save the file, and reload it in the browser: strong ( font-style: italic; color: torato; } That worked, but now the strong slement "Very spicy" in the description is "tomato" red too, and that's not what I want. The solution is to use a contextual selector that targets only the strong elements that appear in dt elements. Remove the color declaration you just wrote from the strong rule, and create a new rule that targets only the strong elements within definition list terms: dt strong ( color: tomato; } 2. Look at the documant source, and you will ses that the content has been divided into three unique divs: info, appetizers, and entrees. We can use these to our advantage when it comes to styling. For now, let's do something simple and apply a teal color to the text in the div with the ID "info". Because color inherits, we nesd to apply the property only to the div and it will be passed down to the hl and p: sinfo ( color: teal; } 3. Now let's get a little fancier and maks the paragraph inside the "info" section italic in a way that doesn't affect the other paragraphs on the pags. Again, a contextual selector is the answer. This rule selects only paragraphs contained within the info section of the document: sinfo p ( font-style: italic; } 4. I want to give special treatment to all of the prices an the menu. Fortunately, they have all been marked up with span elements: cspan class-"price">$3.95 So now all we have to do is write a rule using a class selector to change the font to Georgia or some serif font, maka the prices italic, and gray them back: -price { font-fanily: Georgia, serif; font-style: italic; 5. Similarly, in the "info" div, I can change the appearance of the spans that have been marked up as belonging to the "label" class to make the labels stand out: -label { font-weight: bold; fant-variant: snall-caps; fon 6. Finally, there is a warning at the bottom of the page that I want to make small and red It has been given the class "warning." so I can use that as a selector to target just that paragraph for styling. While I'm at it, I'm go- ing to apply the same style to the sup element (the footnote asterisk) car- lier on the page so they match. Note that I've used a grouped selector, so I don't need to write a separate rule.