Link to article: Secure, Cafe, Parlor.
/*
Cafe Theme
[2026 Wikidot Theme]
by Fish^12
*/
@import url(https://fonts.bunny.net/css?family=open-sans:400);
@import url(https://fonts.bunny.net/css?family=chiron-goround-tc:400);
@import url(https://fonts.bunny.net/css?family=cherry-bomb-one:400);
@import url(https://fonts.bunny.net/css?family=borel:400);
:root {
--pred: #ffcce1;
--pyellow: #E1EFFA;
--pblue: #ccf1ff;
--pcyan: #d7eeff;
--ppurple: #e0d7ff;
--agreen: #009f6b;
--ablue: #0087bd;
--ayellow: #ffd300;
--aorange: #ff6d00;
--ared: #c40233;
--white: #f5f5f5;
--black: #333333;
--trans: transparent;
--open: "Open Sans";
--chir: "Chiron GoRound TC";
--cher: "Cherry Bomb One";
--bore: "Borel";
--timer: 200ms;
--header-title: "";
--header-subtitle: "";
--sp_header-logo: none;
--sp_header-logo-adaptive-size: 0;
--sp_header-title-size: 0;
--sp_header-subtitle-size: 0;
--sp_header-height: 20rem;
--sp_top-bar-height: 2rem;
--sp_top-bar-gradient-top-color: var(--ablue);
--sp_top-bar-gradient-bottom-color: var(--ablue);
--sp_top-bar-link-color: var(--white);
--sp_top-bar-link-hover-color: var(--black);
--sp_top-bar-link-hover-background: var(--pblue);
--sp_dropdown-link-color: var(--black);
--sp_dropdown-link-hover-color: var(--white);
--sp_dropdown-link-background: var(--pblue);
--sp_dropdown-link-hover-background: var(--ablue);
--sp_dropdown-link-border: none;
--sp_rate-module-text-color: var(--white);
--sp_rate-module-background: var(--ablue);
--sp_rate-module-sub-color: var(--white);
--sp_rate-module-active-color: var(--white);
--sp_rate-module-button-color: var(--white);
--sp_rate-module-button-background: var(--ablue);
--sp_rate-module-button-hover-color: var(--black);
--sp_rate-module-button-hover-background: var(--pblue);
--sp_hovertip-background: var(--pred);
--sp_hovertip-border: var(--trans);
}
/* From the top! */
::selection {
background-color: rgba(255, 192, 203, 0.8);
}
#container {
overflow-x: hidden;
background-color: var(--pyellow);
}
#login-status {
color: var(--black);
font-weight: bold;
height: fit-content;
margin-right: 0.5em;
margin-top: 0;
z-index: 1;
}
#login-status a {
color: var(--white);
transition: var(--timer);
}
/* Pop-up page. */
.owindow {
background-color: var(--white);
border: solid 2px var(--grey);
}
.owindow .title {
cursor: auto;
text-align: center;
background-image: linear-gradient(to bottom, #99da0a, var(--green));
}
.owindow img {
background-color: var(--trans) !important;
}
/* Account and search buttons. */
#account-options {
margin-top: 2.2rem;
border: solid 2px var(--ablue);
background-color: var(--pblue);
width: fit-content;
text-align: center;
}
#account-options li a {
color: var(--black);
}
#account-options li a:hover {
color: var(--white);
background-color: var(--ablue);
}
#account-topbutton {
border: solid 2px var(--white);
padding-right: 6px;
}
a#account-topbutton:hover {
color: var(--black);
}
#account-topbutton:hover {
background-color: var(--pblue);
}
#search-top-box {
align-items: flex-start;
flex-direction: row-reverse;
margin-right: 0.5rem;
margin-top: -8rem;
}
#search-top-box-form {
z-index: 10;
}
#search-top-box-form input[type=submit] {
background-color: var(--ablue);
background-image: none;
color: var(--white);
border-color: var(--white);
border-width: 2px;
border-radius: 0;
box-shadow: none;
transition: var(--timer);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
background-color: var(--white);
background-image: none;
color: var(--black);
border-color: var(--white);
border-width: 2px;
border-radius: 0;
box-shadow: none;
}
/* Header. */
#header {
grid-template-areas:
"top-bar top-bar top-bar top-bar top-bar"
". . login login login"
". . . . search"
"h1 h1 h1 h1 h1"
"h2 h2 h2 h2 h2"
". . . . .";
grid-template-columns: repeat(5, 1fr);
background-image: none;
background-color: var(--pblue);
position: relative;
}
#header h2::before {
position: absolute;
content: "";
width: min(400px, 100%);
height: min(400px, 100%);
background-image:
url("http://smlt.wikidot.com/local--files/fish-12:cafethemed/cafelogo2.png"),
radial-gradient(var(--pyellow) 50%, var(--trans) 1rem);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
#header::after {
position: absolute;
content: "";
background-color: var(--pblue);
background-image: linear-gradient(to bottom, var(--pred) 0rem, var(--trans));
width: 100vw;
height: 10rem;
clip-path:
polygon(0 100%,
5vw 100%,
10vw 66%,
15vw 66%,
20vw 33%,
25vw 33%,
30vw 0%,
70vw 0%,
75vw 33%,
80vw 33%,
85vw 66%,
90vw 66%,
95vw 100%,
100% 100%);
top: 100%;
left: 0;
transform: rotate(180deg);
}
/* Top bar. */
#top-bar {
position: relative;
}
#top-bar::after {
position: absolute;
content: "";
background-color: var(--ablue);
width: 100vw;
height: 10rem;
clip-path:
polygon(0 100%,
5vw 100%,
10vw 66%,
15vw 66%,
20vw 33%,
25vw 33%,
30vw 0,
70vw 0,
75vw 33%,
80vw 33%,
85vw 66%,
90vw 66%,
95vw 100%,
100% 100%,
100% 0,
0 0);
top: 100%;
left: 0;
}
#top-bar ul li {
flex-basis: 6rem;
}
#top-bar ul li a {
transition: var(--timer);
}
#top-bar div[class*="top-bar"] > ul {
justify-content: center;
}
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
text-align: center;
}
#top-bar :is(.top-bar, .mobile-top-bar) > ul > li:where(:not(:last-child)) > ul {
box-shadow: none;
border: solid 2px var(--ablue);
border-top-width: 0;
inset-inline-start: 50%;
transform: translate(-50%, 0);
transition: var(--timer);
z-index: 10;
}
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
left: 50%;
}
#top-bar ul li ul {
border: solid 2px var(--ablue);
box-shadow: none;
border-width: 2px;
border-top-width: 0;
transform: translate(-50%, 0);
}
/* Side bar and side bar button. */
#top-bar .open-menu a {
background-color: var(--ablue);
border-width: 0;
border-radius: 5px;
color: var(--white);
outline: solid 2px var(--white);
font-weight: 100;
top: calc(1rem + 1.5px);
transition: var(--timer);
}
#top-bar .open-menu a:hover {
background-color: var(--pblue);
color: var(--black);
outline: solid 2px var(--ablue);
}
#side-bar {
background-color: var(--agreen);
direction: rtl;
scrollbar-width: thin;
scrollbar-color: var(--agreen) var(--white);
}
#side-bar .side-block.media,
#side-bar .side-block.resources,
#side-bar .side-block,
#interwiki .side-block {
background-color: var(--white);
border-radius: 10px;
box-shadow: none;
border: solid 1px var(--darkgrey);
color: var(--brown);
direction: ltr;
}
#side-bar .side-block.media a {
padding: 0;
}
#side-bar .side-block.resources a,
#side-bar .side-block a,
#interwiki .side-block a {
padding: 0 5px;
}
#side-bar .side-block.media a:hover {
background-color: var(--trans);
filter: invert(1);
}
/* Body content. */
body, html {
color: var(--black);
background-color: var(--white);
font-family: var(--open);
scrollbar-width: thin;
scrollbar-color: var(--ablue) var(--pblue);
}
::-webkit-scrollbar {
background-color: var(--ablue);
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {
background-color: var(--pblue);
}
a, a.newpage, a:visited, #interwiki a, #side-bar a, a.action-area-close {
color: var(--black);
font-weight: bold;
transition: var(--timer);
}
a.close-menu {
opacity: 0;
}
a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover, a.action-area-close:hover {
color: var(--white);
background-color: var(--black);
text-decoration: none !important;
}
#action-area a {
padding: 0 3px;
}
#page-title, .meta-title {
display: none;
}
div.page-rate-widget-box, div.rate-box-with-credit-button {
box-shadow: none;
border-radius: 0;
text-transform: capitalize;
}
/* Bottom of page and editor. */
.page-tags span {
border-top: 0;
}
#main-content .page-tags {
margin: 5em 0 0;
}
#main-content .page-tags a {
background-color: var(--agreen);
border: solid 2px var(--agreen);
color: var(--white);
padding: 0 5px;
}
#footer {
background-color: var(--aorange);
color: var(--black);
}
#page-info, .page-watch-options, .page-options-bottom {
text-align: center;
}
/* Stylings for resizing on mobile. */
@media only screen and (max-width: 767px) {
#top-bar .open-menu a {
top: 2.5rem;
left: 0.5rem;
}
#top-bar div[class*="top-bar"] > ul > li {
flex-basis: 33.3333333%;
}
}
/* Custom stylings for the article proper. */
.menuContainer {
position: relative;
padding: 1.5rem 11rem;
text-align: justify;
margin: 4rem 0;
}
.menuItem {
position: absolute;
content: "";
text-align: center;
height: fit-content;
width: max-content;
}
.menuSig {
position: absolute;
top: calc(100% + 4px);
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
background-color: var(--white);
color: var(--black);
border: solid 2px var(--black);
padding: 0 5px;
font-weight: bold;
font-family: var(--chir);
text-align: center;
}
.menuSig::before {
content: "- "
}
.modLeft {
transform: translate(0%, -50%) rotate(-3deg);
top: 50%;
left: -2rem;
}
.modRight {
transform: translate(0%, -50%) rotate(3deg);
top: 50%;
right: -2rem;
}
.modCenter {
transform: translate(-50%, -50%);
clip-path: polygon(1rem 0, calc(100% - 1rem) 0, 100% 50%, calc(100% - 1rem) 100%, 1rem 100%, 0 50%);
top: -5px;
left: 50%;
padding: 5px 1.5rem;
font-family: var(--chir);
font-size: clamp(1rem, 0.868rem + 0.702vw, 1.5rem);
max-width: calc(100% - 4rem);
}
.pageCafe {
text-align: center;
color: var(--ared);
font-size: min(15vw, 5rem);
font-family: var(--cher);
position: relative;
}
.subJpn1::before, .subJpn2::before {
position: absolute;
top: 95%;
left: 50%;
width: 100%;
font-size: 1rem;
font-weight: bold;
font-family: var(--bore);
transform: translate(-50%, -50%);
}
.subJpn1::before {
content: "セキュア ★カフェ ★パーラー";
}
.subJpn2::before {
content: "メニュー";
top: 65%;
}
.subPageCafe {
font-size: 0.6em;
padding-right: 5px;
}
.pageCafe p, .pageHead p, .modCenter p, .yelpBody p, .ribbon p {
margin-block-start: 0;
margin-block-end: 0;
}
.pageHead {
text-align: center;
color: var(--ared);
font-size: min(20vw, 4rem);
font-family: var(--bore);
font-style: italic;
position: relative;
}
.pageBody {
padding: 3rem 0;
position: relative;
z-index: 0;
}
.subPageBody::after {
position: absolute;
content: "";
top: 0;
left: 50%;
transform: translate(-50%, 0%);
width: 200vw;
height: 100%;
background-color: var(--ppurple);
background-image:
url(http://smlt.wikidot.com/local--files/fish-12:cafethemed/lace.png),
url(http://smlt.wikidot.com/local--files/fish-12:cafethemed/lace3.png);
background-position:
bottom,
top;
background-repeat: repeat-x;
z-index: -1;
}
.yelpContainer {
background-color: var(--white);
outline: solid 2px var(--black);
padding: 10px;
margin: 10px;
}
.yelpTitle {
font-size: 24px;
font-weight: 800;
font-family: var(--chir);
}
.yelpUser {
display: flex;
align-items: center;
justify-content: center;
width: stretch;
margin-left: 0.5rem;
flex-wrap: wrap;
}
.yelpIcon {
display: flex;
width: 2rem;
height: 2rem;
border-radius: 100%;
color: white;
background-color: red;
align-items: center;
text-align: center;
justify-content: center;
margin-right: 0.4rem;
}
.yelpName {
font-weight: 200;
flex: 1;
}
.yelpBody {
flex: 1 1 100%;
}
.yesStar, .noStar {
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
display: inline-block;
width: 1.5rem;
height: 1.5rem;
margin: 0 2px;
}
.yesStar {
background-color: var(--ared);
}
.noStar {
background-color: var(--black);
}
.blob1::after, .blob2::after, .blob3::after, .blob4::after, .blob5::after {
position: absolute;
content: "";
top: 0;
width: 100%;
aspect-ratio: 1;
}
.blob1::after {
clip-path: shape(from 75.00% 25.00%,curve to 75.00% 75.00% with 100.00% 50.00%,curve to 25.00% 75.00% with 50.00% 100.00%,curve to 25.00% 25.00% with 0.00% 50.00%,curve to 75.00% 25.00% with 50.00% 0.00%);
background-color: var(--ared);
left: calc(100% + 5rem);
}
.blob2::after {
clip-path: shape(from 44.07% 94.13%,curve to 20.70% 76.80% with 28.43% 89.24%,curve to 9.43% 49.67% with 12.97% 64.36%,curve to 17.12% 24.62% with 5.88% 34.98%,curve to 42.46% 10.93% with 28.36% 14.27%,curve to 72.04% 12.38% with 56.56% 7.60%,curve to 88.70% 33.16% with 87.51% 17.16%,curve to 85.02% 61.70% with 89.89% 49.16%,curve to 69.93% 86.63% with 80.15% 74.24%,curve to 44.07% 94.13% with 59.71% 99.03%);
background-color: var(--aorange);
right: calc(100% + 5rem);
}
.blob3::after {
clip-path: shape(from 94.42% 53.15%,curve to 78.59% 77.56% with 90.52% 69.07%,curve to 52.22% 90.51% with 66.66% 86.06%,curve to 26.74% 84.41% with 37.78% 94.97%,curve to 11.48% 59.98% with 15.70% 73.84%,curve to 11.07% 30.37% with 7.27% 46.11%,curve to 30.77% 12.43% with 14.87% 14.63%,curve to 59.48% 14.31% with 46.66% 10.24%,curve to 85.31% 27.81% with 72.30% 18.39%,curve to 94.42% 53.15% with 98.32% 37.23%);
background-color: var(--ayellow);
left: calc(100% + 5rem);
}
.blob4::after {
clip-path: shape(from 91.93% 60.40%,curve to 85.48% 76.53% with 92.37% 69.94%,curve to 71.22% 89.51% with 78.59% 83.13%,curve to 54.11% 95.27% with 63.86% 95.89%,curve to 35.34% 91.87% with 44.36% 94.65%,curve to 17.67% 83.78% with 26.33% 89.09%,curve to 7.96% 68.35% with 9.02% 78.48%,curve to 7.46% 49.19% with 6.91% 58.22%,curve to 9.10% 29.96% with 8.01% 40.15%,curve to 20.08% 16.68% with 10.18% 19.78%,curve to 38.02% 8.30% with 29.98% 13.59%,curve to 56.01% 3.57% with 46.05% 3.01%,curve to 73.52% 10.52% with 65.97% 4.13%,curve to 84.85% 25.34% with 81.07% 16.92%,curve to 90.06% 42.32% with 88.63% 33.76%,curve to 91.93% 60.40% with 91.49% 50.87%);
background-color: var(--ablue);
right: calc(100% + 5rem);
}
.blob5::after {
clip-path: shape(from 22.73% 83.51%,curve to 10.88% 70.81% with 13.92% 79.85%,curve to 5.22% 52.38% with 7.85% 61.77%,curve to 7.29% 34.44% with 2.58% 43.00%,curve to 18.36% 18.91% with 12.00% 25.88%,curve to 33.19% 6.36% with 24.71% 11.94%,curve to 51.29% 4.15% with 41.68% 0.79%,curve to 68.85% 11.85% with 60.91% 7.51%,curve to 85.54% 21.52% with 76.79% 16.20%,curve to 92.88% 37.12% with 94.30% 26.84%,curve to 92.83% 56.91% with 91.47% 47.39%,curve to 89.45% 75.21% with 94.20% 66.44%,curve to 75.71% 88.09% with 84.71% 83.99%,curve to 57.48% 92.03% with 66.71% 92.20%,curve to 39.90% 89.52% with 48.25% 91.87%,curve to 22.73% 83.51% with 31.55% 87.17%);
background-color: var(--agreen);
left: calc(100% + 5rem);
}
/* Stylings for resizing on mobile. */
@media only screen and (max-width: 767px) {
.menuContainer {
padding: 10px;
text-align: left;
}
.modLeft {
position: relative;
float: left;
transform: unset;
}
.modRight {
position: relative;
float: right;
transform: unset;
}
.menuSig {
left: 25%;
}
}
/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
font-size: 28px;
font-weight: bold;
color: #fff;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 3rem)
}
.ribbon {
--s: 1.8em; /* the ribbon size */
--d: .8em; /* the depth */
--c: .8em; /* the cutout part */
padding: 0 calc(var(--s) + .5em) var(--d);
line-height: 1.8;
background:
conic-gradient(at left var(--s) bottom var(--d),
#0000 25%,#0008 0 37.5%,#0004 0) 0 /50% 100% no-repeat,
conic-gradient(at right var(--s) bottom var(--d),
#0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
background-color: #CC333F; /* the main color */
width: fit-content;
}
background-color: #f2f2c2; outline: outset 10px #e8ff00;
background-color: #f2f2c2; outline: solid 2px var(--ayellow);
background-color: #e8ff00;
background-color: #f2f2c2; outline: solid 2px var(--ayellow);
background-color: var(--pblue); outline: outset 10px var(--ablue);
background-color: var(--pblue); outline: solid 2px var(--ablue);
background-color: var(--ablue); color: var(--white)
background-color: var(--pblue); outline: solid 2px var(--ablue);
background-color: var(--ppurple); outline: outset 10px #c38ad1;
background-color: var(--ppurple); outline: solid 2px #c38ad1;
background-color: #c38ad1; color: var(--white)
background-color: var(--ppurple); outline: solid 2px #c38ad1;
background-color: #a7cfa9; outline: outset 10px var(--agreen);
background-color: #a7cfa9; outline: solid 2px var(--agreen);
background-color: var(--agreen); color: var(--white)
background-color: #a7cfa9; outline: solid 2px var(--agreen);
background-color: #f06e72; outline: outset 10px var(--ared);
background-color: #f06e72; outline: solid 2px var(--ared);
background-color: var(--ared); color: var(--white)
background-color: #f06e72; outline: solid 2px var(--ared);
background-color: var(--black); outline: outset 10px var(--ared); color: red;
background-color: var(--black); outline: solid 2px var(--ared);
background-color: var(--ared); color: var(--black)
background-color: var(--black); outline: solid 2px var(--ared);
background-color: #d3d3d3; outline: outset 10px #8f8f96;
background-color: #d3d3d3; outline: solid 2px #8f8f96;
background-color: #8f8f96; color: var(--white)
background-color: #d3d3d3; outline: solid 2px #8f8f96;
background-color: var(--white); outline: outset 10px var(--black);
background-color: var(--white); outline: solid 2px var(--black);
background-color: var(--black); color: var(--white)
background-color: var(--white); outline: solid 2px var(--black);
width:155px
background-color: #ffadd0; outline: outset 10px #de78a3;
background-color: #ffadd0; outline: solid 2px #de78a3;
background-color: #de78a3; color: var(--white)
background-color: #ffadd0; outline: solid 2px #de78a3;
background-color: var(--ppurple); outline: outset 10px #989df0;
background-color: var(--ppurple); outline: solid 2px #989df0;
background-color: #989df0; color: var(--black)
background-color: var(--ppurple); outline: solid 2px #989df0;
width:160px
background-color: #ffbb4a; margin-top: 11rem; padding: 1.5rem; padding-top: 6rem;
border-radius: 100%; background-color: #E9F4F7; width: 250px;top: -1rem; left: 50%;transform: translate(-50%, -50%)
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab%3Aaf2026/gearschibi.png);background-size: contain
text-align: right;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/c/ce/M%C3%A9ningo-enc%C3%A9phalite_amibienne_primitive.JPG);background-size: contain
text-align: right;
text-align: right;
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/collab%3Aaf2026/ar.png);background-size: contain
text-align: right;
background-image: url(https://scp-sandbox-3.wdfiles.com/local--files/aprilfoolswip/butterfly.png);background-size: contain
text-align: right;
text-align: right;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/White_Horse_grazing.jpg/640px-White_Horse_grazing.jpg);background-size: contain
text-align: right;
:scp-wiki:component:sigma-plus
[info]
:scp-wiki:component:toggle-sidebar
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
ribbon
pageCafe
subJpn1
subPageCafe
subPageCafe
subPageCafe
pageBody
subPageBody
pageHead
subJpn2
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
modLeft
menuItem
modCenter
menuItem
modRight
menuSig
menuContainer
menuItem
ribbon
yelpContainer
yelpTitle
yelpUser
yelpIcon
yelpName
yelpName
yesStar
yesStar
noStar
noStar
noStar
yelpBody
yelpUser
yelpIcon
yelpName
yelpName
yesStar
yesStar
yesStar
yesStar
noStar
yelpBody
yelpUser
yelpIcon
yelpName
yelpName
yesStar
yesStar
yesStar
yesStar
yesStar
yelpBody
yelpUser
yelpIcon
yelpName
yelpName
yesStar
noStar
noStar
noStar
noStar
yelpBody
yelpUser
yelpIcon
yelpName
yelpName
yesStar
yesStar
yesStar
yesStar
yesStar
yelpBody
yelpUser
yelpIcon
yelpName
yelpName
yesStar
yesStar
yesStar
yesStar
yesStar
yelpBody
yelpUser
yelpIcon
yelpName
yelpName
yesStar
yesStar
yesStar
noStar
noStar
yelpBody
pageBody
subPageBody