Difference between revisions of "Twisted Toppings"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
imported>Felix
Line 146: Line 146:
 
     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 158:
 
     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 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 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.5em;
 +
    width: 120%;
 +
}
 +
.two > img {
 +
    height: auto;
 +
    margin: 1em -1em 0;
 +
    width: calc(100% + 2em);
 +
}
 +
.three > img {
 +
    height: auto;
 +
    margin: 0 -1em;
 +
    width: calc(100% + 2em);
 
}
 
}
 
}}<div class="bg">[[File:TTbg.jpg|link=]]</div>
 
}}<div class="bg">[[File:TTbg.jpg|link=]]</div>
Line 545: Line 568:
 
</div>
 
</div>
 
<div id="trio">
 
<div id="trio">
<div class="one"><span>1</span>Step one.</div>
+
<div class="one"><span>1&thinsp;</span>Pick your favourite size and [[#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>
 
</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>

Revision as of 20:20, 7 March 2017

TTbg.jpg
TTbigpizza.png
TTbigpizza2.png
Twisted Toppings TTtinypizza.png D St. & Canary St. TTtinypizza.png Facebook-Icon.png Twitter-Icon.png TTtinypizza.png Prospect, California TTtinypizza.png (555)867-5309