Difference between revisions of "Twisted Toppings"
Jump to navigation
Jump to search
imported>Felix |
Warmstarter (talk | contribs) m |
||
(13 intermediate revisions by 4 users not shown) | |||
Line 84: | Line 84: | ||
padding-left: 1.25em; | padding-left: 1.25em; | ||
position: relative; | position: relative; | ||
− | |||
− | |||
− | |||
} | } | ||
div#footer { | div#footer { | ||
Line 146: | Line 143: | ||
border-bottom: 1px dotted white; | border-bottom: 1px dotted white; | ||
border-top: 1px dotted white; | border-top: 1px dotted white; | ||
− | line-height: | + | font-size: 1.15em; |
+ | line-height: 2.25em; | ||
position: absolute; | position: absolute; | ||
top: 90px; | top: 90px; | ||
Line 157: | Line 155: | ||
max-width: 1200px; | max-width: 1200px; | ||
margin: 0 auto; | margin: 0 auto; | ||
+ | } | ||
+ | #menu a { | ||
+ | color: #00ffff; | ||
} | } | ||
.nav { | .nav { | ||
+ | font-size: 1.15em; | ||
margin-bottom: -1.5em; | margin-bottom: -1.5em; | ||
position: relative; | position: relative; | ||
Line 211: | Line 213: | ||
.toppings > li:nth-of-type(8) { | .toppings > li:nth-of-type(8) { | ||
color: cyan; | color: cyan; | ||
+ | } | ||
+ | .toppings > li:nth-of-type(9) { | ||
+ | color: gold; | ||
} | } | ||
.toppings > li > ul { | .toppings > li > ul { | ||
Line 266: | Line 271: | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
− | |||
− | |||
− | |||
} | } | ||
.ttfooter { | .ttfooter { | ||
background: rgba(0,0,0,.4); | background: rgba(0,0,0,.4); | ||
border-top: 1px dotted white; | border-top: 1px dotted white; | ||
+ | font-size: 1.15em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
Line 293: | Line 296: | ||
order: 0; | order: 0; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
− | height: 300px; | + | max-height: 300px; |
width: calc(100% - 2px); | width: calc(100% - 2px); | ||
border: 1px dotted rgba(255,255,255,.75); | border: 1px dotted rgba(255,255,255,.75); | ||
Line 303: | Line 306: | ||
} | } | ||
.panel img { | .panel img { | ||
− | height: | + | height: auto; |
− | width: | + | width: 100%; |
} | } | ||
#first-panel { | #first-panel { | ||
Line 335: | Line 338: | ||
0% {left: 100%;} | 0% {left: 100%;} | ||
3.3333333333333333% {left: 0px;} | 3.3333333333333333% {left: 0px;} | ||
− | 33.333333333333333%{left: 0px;} | + | 33.333333333333333% {left: 0px;} |
36.666666666666667% {left: -100%;} | 36.666666666666667% {left: -100%;} | ||
100% {left: -100%;} | 100% {left: -100%;} | ||
} | } | ||
+ | /*--Trio--*/ | ||
#trio { | #trio { | ||
display: flex; | display: flex; | ||
Line 350: | Line 354: | ||
border: 1px dotted white; | border: 1px dotted white; | ||
flex: 1 1 25%; | flex: 1 1 25%; | ||
+ | font-size: 1.15em; | ||
+ | height: 238px; | ||
margin-right: 2.5em; | margin-right: 2.5em; | ||
− | + | overflow: hidden; | |
padding: 1em; | padding: 1em; | ||
position: relative; | position: relative; | ||
+ | text-align: justify; | ||
} | } | ||
#trio > div:last-of-type { | #trio > div:last-of-type { | ||
Line 362: | Line 369: | ||
background: #00ff00 none repeat scroll 0 0; | background: #00ff00 none repeat scroll 0 0; | ||
border: 2px dotted white; | border: 2px dotted white; | ||
− | border-radius: 5em; | + | border-radius: 0 0 5em; |
color: #00ffff; | color: #00ffff; | ||
display: flex; | display: flex; | ||
float: left; | float: left; | ||
− | font-size: | + | font-size: 1.75em; |
font-weight: bold; | font-weight: bold; | ||
− | height: | + | height: 2.5em; |
justify-content: center; | justify-content: center; | ||
left: -1em; | left: -1em; | ||
+ | margin: 0 -0.5em -1.25em 0; | ||
position: relative; | position: relative; | ||
text-shadow: 1px 1px 1px black, -2px 1px 1px black, 1px -1px 1px black, -1px -1px 1px black; | text-shadow: 1px 1px 1px black, -2px 1px 1px black, 1px -1px 1px black, -1px -1px 1px black; | ||
− | top: -1em; | + | top: -1.1em; |
− | width: | + | width: 2.5em; |
} | } | ||
#trio .two span { | #trio .two span { | ||
Line 383: | Line 391: | ||
background: #0000ff none repeat scroll 0 0; | background: #0000ff none repeat scroll 0 0; | ||
color: #ff00ff; | color: #ff00ff; | ||
+ | } | ||
+ | .one > img { | ||
+ | height: auto; | ||
+ | margin: 0.25em -1.75em; | ||
+ | width: 125%; | ||
+ | } | ||
+ | .two > img { | ||
+ | height: auto; | ||
+ | margin: 1em -1em 0; | ||
+ | width: calc(100% + 2em); | ||
+ | } | ||
+ | .three > img { | ||
+ | height: auto; | ||
+ | margin: 0 -1em; | ||
+ | width: calc(100% + 2em); | ||
+ | } | ||
+ | /*--Note--*/ | ||
+ | .note { | ||
+ | border: 1px dotted white; | ||
+ | font-size: 1.15em; | ||
+ | margin: 1em auto; | ||
+ | padding: 1em; | ||
+ | width: calc(855px - 2em); | ||
+ | } | ||
+ | .note sup { | ||
+ | position: relative; | ||
+ | top: 0.25em; | ||
+ | } | ||
+ | .note > span { | ||
+ | display: block; | ||
+ | } | ||
+ | .note > .title { | ||
+ | font-size: 1.35em; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .note > .asterisk { | ||
+ | font-size: 0.75em; | ||
} | } | ||
}}<div class="bg">[[File:TTbg.jpg|link=]]</div> | }}<div class="bg">[[File:TTbg.jpg|link=]]</div> | ||
Line 388: | Line 433: | ||
<div class="pizza2">[[File:TTbigpizza2.png|link=]]</div> | <div class="pizza2">[[File:TTbigpizza2.png|link=]]</div> | ||
<div class="navback"> </div> | <div class="navback"> </div> | ||
− | <div class="wrapper"> | + | <div class="wrapper" id="menu"> |
<div class="nav">[[File:twistedtoppings.png|class=logo|link=]]<ul class="toppings"> | <div class="nav">[[File:twistedtoppings.png|class=logo|link=]]<ul class="toppings"> | ||
<li>Crusts | <li>Crusts | ||
Line 399: | Line 444: | ||
* Thin | * Thin | ||
* Waffle | * Waffle | ||
+ | * Cauliflower | ||
+ | *Croissant | ||
</li> | </li> | ||
<li>Sauces | <li>Sauces | ||
Line 441: | Line 488: | ||
* Ricotta | * Ricotta | ||
* Romano | * Romano | ||
+ | *Vegan Cheez | ||
</li> | </li> | ||
<li>Fruit | <li>Fruit | ||
+ | * Apples | ||
+ | * Bananas | ||
* Blueberries | * Blueberries | ||
* Cherries | * Cherries | ||
Line 451: | Line 501: | ||
* Lemon | * Lemon | ||
* Peaches | * Peaches | ||
+ | *Pineapple | ||
+ | * Strawberries | ||
</li> | </li> | ||
<li>Veggies | <li>Veggies | ||
Line 487: | Line 539: | ||
* Bratwurst | * Bratwurst | ||
* Chicken | * Chicken | ||
+ | * Chikkin | ||
* Crab Meat | * Crab Meat | ||
* Eggs | * Eggs | ||
− | |||
* Haggis | * Haggis | ||
* Ham | * Ham | ||
* Hot Dogs | * Hot Dogs | ||
* Italian Sausage | * Italian Sausage | ||
− | |||
* Lamb | * Lamb | ||
* Mussels | * Mussels | ||
Line 503: | Line 554: | ||
* Salami | * Salami | ||
* Salmon | * Salmon | ||
+ | * SHAM (Vegan Ham) | ||
* Shrimp | * Shrimp | ||
* Sloppy Joe | * Sloppy Joe | ||
Line 535: | Line 587: | ||
* White Chocolate Chips | * White Chocolate Chips | ||
* Gummy Bears | * Gummy Bears | ||
+ | </li> | ||
+ | <li>Prefab Pizzas | ||
+ | * Sherman Tank | ||
+ | * Wassup Rabbit? | ||
+ | * Did I do that? | ||
+ | * Yo Mama! | ||
+ | * Fairy Princess | ||
+ | * Cowboy Jim | ||
+ | * Grab the Milk! | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 545: | Line 606: | ||
</div> | </div> | ||
<div id="trio"> | <div id="trio"> | ||
− | <div class="one"><span>1</span> | + | <div class="one"><span>1 </span> All pizzas are personal pan sized. You just pick your [[#menu|crust]]. We'll prepare it for you and hand it over on a pan or peel.<br/>[[File:TTpeel.png|link=]]</div> |
− | <div class="two"><span>2</span> | + | <div class="two"><span>2 </span>Pick out your [[#menu|sauces, cheeses, and toppings]] at our topping bar. Put on as much or as little as you like!<br/>[[File:TTtoppings.jpg|link=]]</div> |
− | <div class="three"><span>3</span> | + | <div class="three"><span>3 </span>Let us swiftly bake it for you until it's the perfect combination of gooey and crisp... then, <font color="#00ff00">enjoy</font>!<br/>[[File:TTenjoy.png|link=]]</div></div> |
+ | <div class="note"><span class="title">Meetings, workshops, celebrations?</span>If your group needs a quieter, more exclusive place to enjoy your pizza, why not try our private back room?<span class="asterisk" id="disclaimer"><font color="#00fff"> | ||
+ | |||
+ | Bring in your receipt from Down the Rabbit Hole and get 10% off</font> | ||
</div></div> | </div></div> | ||
− | |||
<div class="ttfooter"><span>Twisted Toppings [[File:TTtinypizza.png|15px|link=]] D St. & Canary St. [[File:TTtinypizza.png|15px|link=]] [[File:Facebook-Icon.png|18px|link=]] [[File:Twitter-Icon.png|18px|link=]] [[File:TTtinypizza.png|15px|link=]] Prospect, California [[File:TTtinypizza.png|15px|link=]] (555)867-5309</span></div> | <div class="ttfooter"><span>Twisted Toppings [[File:TTtinypizza.png|15px|link=]] D St. & Canary St. [[File:TTtinypizza.png|15px|link=]] [[File:Facebook-Icon.png|18px|link=]] [[File:Twitter-Icon.png|18px|link=]] [[File:TTtinypizza.png|15px|link=]] Prospect, California [[File:TTtinypizza.png|15px|link=]] (555)867-5309</span></div> | ||
+ | [[Category:Business]] |