/* Swatches */
/* A
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-a {
color: #ffffff;
text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bar-background-start}*/), to( #2d3642));
background-image: -webkit-linear-gradient(#ffffff /*{a-bar-background-start}*/, #2d3642 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(#ffffff /*{a-bar-background-start}*/, #2d3642 /*{a-bar-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient(#ffffff /*{a-bar-background-start}*/, #2d3642 /*{a-bar-background-end}*/); /* IE10 */
background-image: -o-linear-gradient(#ffffff /*{a-bar-background-start}*/, #2d3642 /*{a-bar-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient(#ffffff /*{a-bar-background-start}*/, #2d3642 /*{a-bar-background-end}*/);
}
.ui-body-c, .ui-overlay-c {
background-image: -webkit-gradient(linear,left top,left bottom,from(#),to(#));
background-image: -webkit-linear-gradient(#,#);
background-image: -moz-linear-gradient(#,#);
background-image: -ms-linear-gradient(#,#);
background-image: -o-linear-gradient(#,#);
background-image: linear-gradient(#,#);
}
.ui-footer .ui-btn-up-a,.ui-footer .ui-btn-hover-a {
border: none;
font-weight: bold;
/* color: #fff {a-bup-color}*/;
text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
background: transparent;
background-image: url("../tab_buttons/");
background-size: 100% 100%;
}
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a {
font-family: Helvetica, Arial, sans-serif; }
.evenrowbackground{
background: #fff;
opacity: 0.75;
}
.evenrowbackground, .evenrowbackground a.ui-link-inherit{
color: #000 !important;
}
.oddrowbackground{
background: #fff;
opacity: 0.75;
}
.oddrowbackground, .oddrowbackground a.ui-link-inherit{
color: #000 !important;
}
.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-active,.ui-btn-up-b:visited, .ui-btn-up-b a.ui-link-inherit,.locationdesc .ui-btn-up-c, .locationdesc .ui-btn-hover-c:hover {
color: #;
background: #;
border-color: #;
background-image: -webkit-gradient(linear, left top, left bottom, from( # /*{b-bup-background-start}*/), to( # /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( # /*{b-bup-background-start}*/, # /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( # /*{b-bup-background-start}*/, # /*{b-bup-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient( # /*{b-bup-background-start}*/, # /*{b-bup-background-end}*/); /* IE10 */
background-image: -o-linear-gradient( # /*{b-bup-background-start}*/, # /*{b-bup-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient( # /*{b-bup-background-start}*/, # /*{b-bup-background-end}*/);
}
.ui-bar-b {
background: rgba(115, 115, 115, 0.7);
border: 1px solid rgba(115, 115, 115, 0.7);
}
.ui-bar-d {
border: 1px solid #ccc /*{d-bar-border}*/;
background: #bbb /*{d-bar-background-color}*/;
color: #333;
text-shadow: 0 /*{d-bar-shadow-x}*/ 0px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
background-image: -o-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
}
/* -----------------------------------------------------------------------------------------------------------*/
.ui-btn-up-e {
border: 1px solid #000000 /*{e-bup-border}*/;
font-weight: bold;
color: # /*{e-bup-color}*/;
text-shadow: none;
background: #fadb4e /*{e-bup-background-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bup-background-start}*/), to( # /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(#ffffff /*{e-bup-background-start}*/, #/*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(#ffffff /*{e-bup-background-start}*/, # /*{e-bup-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient(#ffffff /*{e-bup-background-start}*/, # /*{e-bup-background-end}*/); /* IE10 */
background-image: -o-linear-gradient(#ffffff /*{e-bup-background-start}*/, # /*{e-bup-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient(#ffffff /*{e-bup-background-start}*/, # /*{e-bup-background-end}*/);
}
.ui-li {
border: none;
}
.ui-btn-up-e:visited, .ui-btn-up-e a.ui-link-inherit, .ui-btn-hover-e
{
color: #;
}
/* Structure */
#mainpage .ui-content{padding:0;}
.ui-content
{
background-size: 100% 100%;
-webkit-background-size: 100% 100%;}
#mainpage .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner {
padding: .4em 4px .5em;
}
.touchslider {
width: 100% !important;
height: 100% !important;
/*
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: alternate;
animation-direction: alternate;
*/
}
.touchslider-item {
width: 100% !important;
height: 100% !important;
}
.touchslider .touchslider-viewport {
/*border: 5px solid #fff1e0;
background: #fff1e0;*/
/*-webkit-border-radius: 6px;
border-radius: 6px;*/
}
.touchslider .touchslider-item {
overflow: hidden;
}
.touchslider .touchslider-nav {
text-align: center;
margin-top: 16px;
}
.touchslider .touchslider-nav a {
cursor: pointer;
color: #000;
}
.touchslider .touchslider-nav a:active {
background: #689db2;
}
.ui-btn-hover-e {
background-image: none;
background: none;
text-shadow: none;
border: none;
}
.ui-dialog .ui-content, .ui-popup .ui-content {
height: auto !important;
}
.ui-popup .ui-content
{
padding:20px !important;
}
.ui-footer .ui-btn-inner {
font-size: 10px;
}
.ui-popup-container{
max-width: 92.5%;
width:400px;
}
#mainpage .ui-header .ui-btn-inner {
font-size: 13px;
}
/**** FAN WALL ****/
#fanwall .messages {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 25px;
border-radius: 0.6em;
background: #ddd;
display: block;
}
#fanwall .body img {
width: 60px;
height: 60px;
border-radius: 0.6em;
margin: auto 10px;
display: block;
}
#fanwall .name {
border-bottom: 2px dashed #B3AFAF;
margin: 0 0 10px 80px;
color: #b3afaf;
font-size: 12px;
padding-bottom: 5px;
display: block;
}
#fanwall .comment {
color: #b3afaf;
font-size: 9px;
padding-bottom: 5px;
display: block;
}
#fanwall A:visited,#fanwall A:link,#fanwall A:active,#fanwall A:hover{text-decoration: none}
#fanwall .ui-grid-a {
margin-top: 30px;
margin-left: 10px;
display: block;
font-size: 10px;
color: #b3afaf;
}
#fanwall .ui-grid-a img{
float: left;
padding-top: 1.5px;
padding-right: 5px;
}
#fanwall .ui-block-b {
float: right;
margin-right: 0px;
padding-left: 25%;
}
/* Ordering Part */
#orderingsystem
{
background-size: 100% 100%;
}
#orderingsystem .clear {clear: both;}
body
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#orderingsystem .cart-line {
padding: 0px 0 5px 0;
clear: both;
margin-bottom: 5px;
}
#orderingsystem .cart-line .cart-main {
clear: both;
line-height: 25px;
}
#orderingsystem .cart-line .cart-detail {
font-size: 10px;
font-style: italic;
clear: both;
border: dotted 1px #aaa;
padding: 5px;
}
#orderingsystem .ui-btn-left .ui-btn-inner
{
display:none;
}
#orderingsystem .ui-btn-up-a,#orderingsystem .ui-btn-hover-a,#orderingsystem .ui-btn-down-a { color: #; }
#orderingsystem .ui-controlgroup
{
margin-left: 10px;
}
#orderingsystem .ui-bar-a { background: #f1f1f1 url('http://www.biznessapps.com/app_elem/cart/images/header.png') repeat-x top center;}
.error
{
background-color: #CC3300;
border: 1px solid #E1E16D;
border-radius: 0 4px 4px 0;
box-shadow: 0 0 6px #DDDDDD;
color: #FFFFFF;
display: none;
font-size: 12px;
height: 15px;
padding: 4px 10px;
border-radius: 6px;
}
.error em
{
display: block;
width: 0;
height: 0;
border: 10px solid;
border-color: #CC3300 transparent transparent; /* positioning */
position: absolute;
bottom: -17px;
left: 60px;
}
.error > p
{
margin:0 !important;
}
.ui-btn-up-f,
.ui-btn-hover-f {
border: 1px solid #000 /*{a-bhover-border}*/;
background: #444 /*{a-bhover-background-color}*/;
font-weight: bold;
color: #fff /*{a-bhover-color}*/;
text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
background-image: -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
}
.ui-btn-up-f:visited,
.ui-btn-up-f a.ui-link-inherit,
.ui-btn-hover-f:visited,
.ui-btn-hover-f:hover,
.ui-btn-hover-f a.ui-link-inherit {
color: #fff /*{a-bhover-color}*/;
}
.ui-btn-left{
text-decoration:none
}
.ui-listview .ui-li-icon {
max-height: 25px;
max-width: 25px;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
.ui-btn-down-a,.ui-btn-down-b,.ui-btn-down-c,.ui-btn-down-d,.ui-btn-active,.ui-body-c, .ui-overlay-c, .ui-btn-hover-c, .ui-btn-up-c, .ui-btn-hover-a, .ui-btn-up-a, .ui-btn-up-b, .ui-body-d, .ui-overlay-d {
text-shadow: none;
}
.ui-body-c
{
color: # }
#mailinglist #mailcontainer{
border-radius: 0.63em;
background: #ddd;
padding: 0px 20px 10px 20px;
}
#mailinglist #mailcontainer .ui-field-contain {
border-width: 0;
padding: 0;
margin: 1em 0;
}
#mailinglist .ui-block-a{
height: 60px;
padding-top: 23px;
}
#mailinglist .ui-block-b{
height: 60px;
}
#mailinglist #mailcontainer .title{
padding: 20px 20px 20px 5px;
}
#mailinglist .fields{
border-top: #ccc dashed 3px;
border-bottom: #ccc dashed 3px;
}
#mailinglist #mailcontainer div.ui-input-text.ui-mini {
margin: .25em 0;
margin: 13px;
}
#mailinglist #mailcontainer .title .h1{
padding: 3px 0px 0px 40px;
}
#mailinglist #mailcontainer div.containermail {
width: 28px;
height:22px;
float: left;
}
#mailinglist #mailcontainer div.containermail div.smileyface {
width: 18px;
height: 20px;
float: right;
position: relative;
border-radius: 0px 0px 4px 0;
-webkit-border-radius: 0px 0px 4px 0;
-moz-border-radius: 0px 0px 4px 0;
display: block;
border: solid 4px #;
}
#mailinglist #mailcontainer div.containermail div.lefthand {
width: 2px;
top: 5px;
left: -4px;
height: 15px;
position: relative;
border-radius: 0 0 0 4px;
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
display: block;
border: solid 4px #;
}
#mailinglist #mailcontainer .containermail p.eyes {
width: 15px;
height: 3px;
background: #;
position: absolute;
left: 2px;
}
#mailinglist #mailcontainer div.containermail p.eyes.first {
margin-top: 4px;
}
#mailinglist #mailcontainer div.containermail p.eyes.second {
margin-top: 9px;
}
#mailinglist #mailcontainer div.containermail p.eyes.third {
margin-top: 14px;
}
#mailinglist .ui-submit{
margin-top: 10px;
}
#mailinglist .submittedmail
{
color:# }
.ui-popup-screen.in
{
opacity:0.3;
}
.ui-li-aside
{
width: 15%;
}
#mainpage .ui-icon-callus{
background-image: url(http://www.biznessapps.com/html5/images/callus.png);
}
.locationdesc .ui-icon-callus {
background-image: url(http://www.biznessapps.com/html5/images/callusbutton.png);
}
#mainpage .ui-icon-directions, .locationdesc .ui-icon-directions{
background-image: url(http://www.biznessapps.com/html5/images/directions.png);
border: none;
height: 30px;
}
.speech-bubble {
position: relative;
width: 175px;
padding: 15px;
padding-left: 30px;
color: #;
background: #;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
position: absolute;
left: 7px;
}
/* creates triangle */
.speech-bubble:after {
content: "";
display: block;
position: absolute;
bottom: -34px;
left: -0.5px;
width: 0;
height: 0;
border-width: 20px 0px 15px 18px;
border-style: solid;
border-color: # transparent transparent transparent;
}
.locationdesc .ui-icon-emailus {
background-image: url(http://www.biznessapps.com/html5/images/contactbutton.png);
}
#mainpage .ui-icon-share {
background-image: url(http://www.biznessapps.com/html5/images/sharefriend.png);
}
.locationdesc .ui-icon-website {
background-image: url(http://www.biznessapps.com/html5/images/webbutton.png);
}
#mainpage .ui-btn-icon-left>.ui-btn-inner>.ui-icon{
width: 30px;
height: 30px;
top: 35%;
background-color: transparent;
}
.locationdesc .ui-btn-icon-top>.ui-btn-inner>.ui-icon{
width: 30px;
height: 25px;
background-color: transparent;
margin-left: -14px;
-webkit-border-radius:0px;
-border-radius:0px;
}
#mainpage .ui-icon-shadow, .locationdesc .ui-icon-shadow{
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
#mainpage .ui-header .ui-btn-icon-left .ui-icon {
left:1px;
}
#mainpage .ui-header .ui-btn-inner {
padding-left: 0px;
}
#mainheader span .ui-btn-text {
left: 14px
}
#orderingsystem .ui-content .ui-btn-up-a,#orderingsystem .ui-content .ui-btn-hover-a:hover, .ui-btn-up-b, .ui-btn-hover-b:hover {
background: #;
-webkit-border-radius: .6em;
border-radius: .6em;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
border: 3px solid #f1f1f1 !important;
border-style: solid;
}
.ui-body-c textarea{
color: #000;
}
.locationdesc #city {
text-align: center;
padding-top: 10px;
}
.locationdesc #subheader {
text-align: center;
font-size: 12px;
padding-bottom: 5px;
}
.locationdesc .ui-mini .ui-btn-inner
{
padding: 0px;
}
.locationdesc .ui-navbar ul {
background: #;
-webkit-border-radius: .6em;
border-radius: .6em;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
border: 3px solid #f1f1f1;
}
.locationdesc .ui-btn-up-c, .locationdesc .ui-btn-hover-c:hover {
border-style: solid;
border-width: 0px 2px;
border-image: url(http://www.biznessapps.com/html5/images/seperator.png) 0 2 fill repeat;
}
.locationdesc .ui-navbar li:last-child .ui-btn
{
border-right-width:0px;
border-radius: 0 10px 10px 0;
}
.locationdesc .ui-navbar li:first-child .ui-btn
{
border-left-width:0px;
border-radius: 10px 0 0 10px;
}
.locationdesc #openhours
{
font-size:12.5px;
font-weight:100;
padding-left: 10px
}
.rssdesc .container{
padding: 10px;
font-size: 12px;
}
.rssdesc #rssdate{
width: 181px;
height: 48px;
position: absolute;
color: #;
top: 80px;
left: 13px;
font-size: 13px;
}
.rssdesc #rssdate img{
-webkit-filter: hue-rotate() saturate() brightness();
}
.rssdesc .date {
position: absolute;
top: 8px;
left: 20px;
}
.rssdesc #title
{
padding: 70px 20px 15px;
background: #ddd;
border-bottom: #ccc dashed 3px;
border-radius: 0.6em 0.6em 0 0;
}
.rssdesc #summary
{
padding:20px;
background: #ddd;
border-radius: 0 0 0.6em 0.6em;
}