Cafe May

/roomintro <!-- scrolling images --> <div style="background-color: green"> <marquee loop="true" scrollamount="5" style="border: 2px solid green; background-image: url(https://i.pinimg.com/originals/9b/df/c6/9bdfc671d55cfaca030f354d3289530e.jpg); padding: 0px; background-size: 100%; height: 100px; background-position: 50% 80%; padding-bottom: 0px; border-bottom: none"> <!-- image reference <div class="cafe-image" style="background-image: url();" title=""></div> --> <div class="cafe-image" style="background-image: url(http://www.mattersofthebelly.com/wp-content/uploads/2015/03/hibiscus-ice-tea-26.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Hibiscus Ice Tea"></div> <div class="cafe-image" style="background-image: url(https://78.media.tumblr.com/d9d4be32d2b7bbe9d416f62b5729e273/tumblr_o7lynvpyd31utrf7no1_500.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Hot Lemon Tea"></div> <div class="cafe-image" style="background-image: url(https://sifu.unileversolutions.com/image/en-SA/recipe-topvisual/2/1260-709/montenegro-orange-ice-tea-50254751.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Montenegro Orange Ice Tea"></div> <div class="cafe-image" style="background-image: url(https://img.leafcdn.tv/640/clsd/getty/d269f87ffa8f4eb7b5fa4d5c08102648);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Fresh Mint Tea"></div> <div class="cafe-image" style="background-image: url(https://www.thecocktailproject.com/sites/default/files/incredible-thumb-Makers-Mark-Peach-Tea.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Peach Ice Tea"></div> <div class="cafe-image" style="background-image: url(https://t2.uc.ltmcdn.com/en/images/0/0/3/img_how_to_make_an_indian_masala_chai_tea_from_scratch_3300_600.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Masala Chai Tea"></div> <div class="cafe-image" style="background-image: url(https://www.organicfacts.net/wp-content/uploads/nettletea.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Nettle Tea"></div> <div class="cafe-image" style="background-image: url(http://www.xenadrine.com/wp-content/uploads/2015/10/cranberry-drink-recipe.png);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Cranberry Cinnamon Tea"></div> <div class="cafe-image" style="background-image: url(http://webtokri.com/wp-content/uploads/2016/07/ginger-tea.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Ginger Tea"></div> <div class="cafe-image" style="background-image: url(https://thealmondeater.com/wp-content/uploads/2017/08/Raspberry-Hibiscus-Iced-Tea-Recipe-1.jpg);background-size: cover; display: inline-block; border: 1.5px dashed skyblue; box-shadow: green 0px 0px 20px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Raspberry Hibiscus Iced Tea"></div> </marquee> <!-- table with the buttons --> <center> <table style="width: 100%; background: linear-gradient(to right, red, orange, yellow, lightblue, blue,blue,blue,blue,blue, lightblue, yellow, orange, red)"> <tbody><tr> <!-- Column 1: rules, site and theme --> <td style="width: 25%"> <a href="https://cafelewows.weebly.com/rules.html"><button style="color: green; border: 1px solid yellow; border-radius: 7px; background-color: aliceblue; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(34, 139, 34, 0.5) 0px 0px 10px inset, rgba(0, 0, 0, 0.7) 0px 0px 15px;">Rules</button></a><br> <a href="https://cafelewows.weebly.com/"><button style="color: green; border: 1px solid yellow; border-radius: 7px; background-color: aliceblue; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(34, 139, 34, 0.5) 0px 0px 10px inset, rgba(0, 0, 0, 0.7) 0px 0px 15px;">Website</button></a><br> <a href="https://cafelewows.weebly.com/theme.html"><button style="color: green; border: 1px solid yellow; border-radius: 7px; background-color: aliceblue; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(34, 139, 34, 0.5) 0px 0px 10px inset, rgba(0, 0, 0, 0.7) 0px 0px 15px;">Theme</button></a> </td> <!-- Center Column: welcome and quote --> <td style="text-align: center"> <div style="font-style: italic; background: lightblue; border-radius: 15px; padding: 3px; padding-bottom: 10px; border: 2px solid yellow; font-size: 8pt; box-shadow: inset 0 0 30px rgba(51,255,51,0.7), 0 0 20px rgba(51,255,51,0.8); color: blue">"I am sort of a tea addict. I structure my day by cups of tea." - S. T. Joshi</div> <div style="font-weight: bold; background: lightblue; border-radius: 15px; padding: 3px; margin-top: -5px; border: 2px solid yellow; box-shadow: inset 0 0 20px rgba(51,255,51,0.7), 0 0 10px rgba(51,255,51,0.4); color: blue;">Welcome to The Café!</div> </td> <!-- Column 3: article, foodmons link and beginner tips. --> <td style="text-align: right; width: 25%"> <a href="http://www.smogon.com/articles/behind-the-kitchen"><button style="color: green; border: 1px solid yellow; border-radius: 7px; background-color: aliceblue; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(34, 139, 34, 0.5) 0px 0px 10px inset, rgba(0, 0, 0, 0.7) 0px 0px 15px;">Article</button></a><br> <a href="http://www.smogon.com/forums/threads/cafe-le-wow-foodmons-wip.3626213/"><button style="color: green; border: 1px solid yellow; border-radius: 7px; background-color: aliceblue; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(34, 139, 34, 0.5) 0px 0px 10px inset, rgba(0, 0, 0, 0.7) 0px 0px 15px;">Foodmons</button></a><br> <a href="https://docs.google.com/document/d/e/2PACX-1vT4wuf0CBSpr3Zyuv6KZCcquEUFuABt1XfLsE1SZYddtnfWrDQwpbMcARtGt4A7x5jTVVvg7aLjI3zS/pub"><button style="color: green; border: 1px solid yellow; border-radius: 7px; background-color: aliceblue; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(34, 139, 34, 0.5) 0px 0px 10px inset, rgba(0, 0, 0, 0.7) 0px 0px 15px;">Beginner Tips</button></a> </td> </tr> </tbody></table> </center> </div>