Difference between revisions of "Twisted Toppings"
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: | + | 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; | ||
− | |||
− | |||
− | |||
} | } | ||
.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; | ||
− | + | 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.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> | + | <div class="one"><span>1 </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> | + | <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> | </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> |