Difference between revisions of "Twisted Toppings"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
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;
}
 
#catlinks.catlinks a {
 
    color: #5a8029 !important;
 
 
}
 
}
 
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: 2em;
+
    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;
}
 
.content {
 
    //min-height: 750px;
 
 
}
 
}
 
.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: 100%;
+
     height: auto;
     width: auto;
+
     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;
     min-height: 250px;
+
     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: 2em;
+
     font-size: 1.75em;
 
     font-weight: bold;
 
     font-weight: bold;
     height: 2em;
+
     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: 2em;
+
     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">&nbsp;</div>
 
<div class="navback">&nbsp;</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
* Emu
 
 
* Haggis
 
* Haggis
 
* Ham
 
* Ham
 
* Hot Dogs
 
* Hot Dogs
 
* Italian Sausage
 
* Italian Sausage
* Kangaroo
 
 
* 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>Step one.</div>
+
<div class="one"><span>1&thinsp;</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>Step two.</div>
+
<div class="two"><span>2&thinsp;</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>Step three.</div>
+
<div class="three"><span>3&thinsp;</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>
 
 
<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]]

Latest revision as of 16:00, 1 November 2020

TTbg.jpg
TTbigpizza.png
TTbigpizza2.png