/* Mobile Theming CSS
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-saffiremobile {
border: 1px solid #F7C942;
background: #fadb4e;
color: #33;
text-shadow: 0 1px 0 #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
background-image: linear-gradient(top, #fceda7, #fadb4e);
}
.ui-bar-saffiremobile,
.ui-bar-saffiremobile input,
.ui-bar-saffiremobile select,
.ui-bar-saffiremobile textarea,
.ui-bar-saffiremobile button {
font-family: verdana;
}
.ui-bar-saffiremobile .ui-link-inherit {
color: #333;
}
.ui-bar-saffiremobile .ui-link {
color: #FFD300;
font-weight: bold;
}
.ui-bar-saffiremobile .ui-link hover{
color: $BodyLinkHoverTextColor;
font-weight: bold;
}
.ui-header {
background: #336633;
color: #FFD300;
font-family: verdana;
text-shadow: 0 0px 0 #fff;
border-bottom: 2px solid #FFD300;
}
.ui-body-saffiremobile {
border: 0px solid #F7C942;
color: #FFFFFF;
text-shadow: 0 0px 0 #fff;
background: #336633;
}
.ui-body-saffiremobile,
.ui-body-saffiremobile input,
.ui-body-saffiremobile select,
.ui-body-saffiremobile textarea {
font-family: verdana;
}
.ui-body-saffiremobile .ui-link-inherit {
color: #333333;
}
.ui-body-saffiremobile .ui-link {
color: #FFD300;
font-weight: bold;
}
.ui-body-saffiremobile button {
font-family: vardana;
padding: 5px 30px 5px 30px;
border: 0px solid #FFFFFF;
background: #FFF200;
font-weight: bold;
color: #000000;
text-shadow: 0 0px 0 #fff;
border-radius: 0.9em 0.9em 0.9em 0.9em;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF200), to(#FFD300)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #FFF200, #FFD300); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #FFF200, #FFD300); /* FF3.6 */
background-image: -ms-linear-gradient(top, #FFF200, #FFD300); /* IE10 */
background-image: -o-linear-gradient(top, #FFF200, #FFD300); /* Opera 11.10+ */
background-image: linear-gradient(top, #FFF200, #FFD300);
}
.ui-collapsible-heading-toggle {
background: #FFFFFF;
border: 1px solid #666666;
}
.ui-collapsible-heading a .ui-btn-inner {
padding: 3px 0px 3px 15px;
}
.ui-collapsible-heading .ui-btn {
text-decoration: none;
}
.ui-collapsible-content {
clear: both;
color: #333333;
background: #FFFFFF;
margin-left: -7px;
margin-right: -7px;
}
.ui-footer {
background: #336633;
color: #FFFFFF;
font-family:verdana;
text-shadow: 0 0px 0 #fff;
}
.ui-btn-up-saffiremobile {
border: 1px solid #F7C942;
background: #fadb4e;
font-weight: bold;
color: #333;
text-shadow: 0 1px 0 #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#C9D143), to(#99Ca3C)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #C9D143, #99Ca3C); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #C9D143, #99Ca3C); /* FF3.6 */
background-image: -ms-linear-gradient(top, #C9D143, #99Ca3C); /* IE10 */
background-image: -o-linear-gradient(top, #C9D143, #99Ca3C); /* Opera 11.10+ */
background-image: linear-gradient(top, #C9D143, #99Ca3C);
}
.ui-btn-up-saffiremobile a.ui-link-inherit {
color: #333;
}
.ui-btn-hover-saffiremobile {
border: 1px solid #e79952;
background: #fbe26f;
font-weight: bold;
color: #111;
text-shadow: 0 1px 1px #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */
background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */
background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */
background-image: linear-gradient(top, #fcf0b5, #fbe26f);
}
.ui-btn-hover-saffiremobile a.ui-link-inherit {
color: #333;
}
.ui-btn-down-saffiremobile {
border: 1px solid #F7C942;
background: #fceda7;
font-weight: bold;
color: #111;
text-shadow: 0 1px 1px #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */
background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */
background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */
background-image: linear-gradient(top, #fadb4e, #fceda7);
}
.ui-btn-down-saffiremobile a.ui-link-inherit {
color: #333;
}
.ui-btn-up-saffiremobile,
.ui-btn-hover-saffiremobile,
.ui-btn-down-saffiremobile {
font-family: verdana;
text-decoration: none;
}
/*arrows*/
.ui-collapsible-contain .ui-collapsible-heading .ui-icon-plus,
.ui-icon-arrow-r {
/* background: url("images/icons-18-white.png")*/
background-position: -108px 0;
}
.ui-icon-arrow-l { background-position: -144px 0; }
.ui-icon-arrow-u { background-position: -180px 0; }
.ui-collapsible-contain .ui-collapsible-heading .ui-icon-minus,
.ui-icon-arrow-d { background-position: -216px 0; }
/* UserMenuUserBar */
#UserMenuUserBar {
border: 1px solid #F7C942;
background: #ffffff;
font-weight: bold;
color: #333;
margin-left: -7px;
margin-right: -7px;
margin-bottom: 10px;
padding: 5px 0px 5px 10px;
line-height: 16px;
width: 100%;
float: left;
}
.ui-collapsible-heading a span.ui-btn {
position: absolute;
left: auto;
right: 16px;
top: 50%;
margin: -12px 0 0 0;
width: 20px;
height: 20px;
padding: 1px 0px 1px 2px;
text-indent: -9999px;
}