Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Android specific fixes and conditional loads

  • Loading branch information...
commit 1177230dcd19902fd370be193f836e889fb222fb 1 parent 0e1c8db
Troy Norris authored
Showing with 1,362 additions and 23 deletions.
  1. +3 −3 Ruxter/css/main.css
  2. +1,319 −0 Ruxter/css/mainAndroid.css
  3. +40 −20 Ruxter/index.html
View
6 Ruxter/css/main.css
@@ -570,7 +570,7 @@ table img {
}
.header-container {
- position: absolute;
+ position: fixed;
display: block;
background: url(../img/BGnav.png);
background-repeat: repeat-x;
@@ -651,7 +651,7 @@ table img {
/* The NAV element in mobile devices */
header nav {
display: block;
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
zoom: 1;
@@ -662,7 +662,7 @@ header nav {
}
/* The button on the top-right */
nav .btn-navbar {
- position: absolute;
+ position: fixed;
float: right;
right: 10px;
top: 6px;
View
1,319 Ruxter/css/mainAndroid.css
@@ -0,0 +1,1319 @@
+/* ==========================================================================
+ HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
+ ========================================================================== */
+
+html,
+button,
+input,
+select,
+textarea {
+ color: #333333;
+}
+
+a {
+ text-decoration: none;
+}
+
+a:visited {
+ text-decoration: none;
+}
+
+body {
+ font-size: 1em;
+ font: arial;
+ line-height: 1.4;
+ background: url(../img/BGnoise.jpg);
+}
+
+::-moz-selection {
+ background: #b3d4fc;
+ text-shadow: none;
+}
+
+::selection {
+ background: #b3d4fc;
+ text-shadow: none;
+}
+
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0;
+}
+
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+
+textarea {
+ resize: vertical;
+ width: 60%;
+ text-align: center;
+ line-height: 1.5em;
+ margin-left: 20%;
+ border-radius: 2px;
+}
+
+.chromeframe {
+ margin: 0.2em 0;
+ background: #ccc;
+ color: #000;
+ padding: 0.2em 0;
+}
+
+h1 {
+ text-align: center;
+ font-family: viga, arial;
+ font-size: 2.5em;
+}
+
+/* ===== Initializr Styles ==================================================
+ Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
+ ========================================================================== */
+
+body {
+ font: 16px/26px Arial;
+}
+
+.wrapper {
+ max-width: 800px; /* 1140px - 10% for margins */
+ margin: 0 auto;
+ position: relative;
+ z-index: 1;
+ vertical-align: center;
+}
+
+/* ===================
+
+ =================== */
+
+.headerWrapper {
+ max-width: 1000px;
+ vertical-align: center;
+}
+
+.bannerLogo {
+ min-width: 75px;
+}
+
+.tablePadded {
+ margin-left: 5%;
+ margin-bottom: 5%;
+}
+
+.footer-container {
+ text-align: center;
+ width: 100%;
+ float: left;
+}
+
+@media screen and (max-width: 665px) {
+ .HideCart {
+ display: none;
+ }
+}
+
+.HideCart {
+ margin-right: 2%;
+}
+
+.HideCart a {
+ margin-top: 4.25%;
+ float: right;
+ padding: 5px;
+}
+
+#Padded {
+ padding-bottom: 5%;
+ padding-top: 5%;
+}
+
+.BackTop {
+ color: #ececec;
+ background-color: #333;
+ line-height: 2em;
+ font-family: arial;
+ font-weight: lighter;
+ text-align: center;
+ text-decoration: none;
+ font-size: 1.5em;
+ width: 100%;
+}
+
+.BackTop:hover {
+ opacity: .8;
+}
+
+#GreySpan {
+ background-color: #cbcbcb;
+ line-height: 1em;
+ position: relative;
+ display: inline-block;
+ width: 100%;
+}
+
+#GreySpan a {
+ color: #333333;
+ text-decoration: none;
+ font-family: arial;
+ font-size: 1em;
+ text-align: center;
+}
+
+#GreySpan p {
+ color: #333333;
+ text-decoration: none;
+ font-size: 1em;
+ text-align: center;
+}
+
+.SmallImage {
+ max-height: 500px
+}
+
+.heroImage {
+ width: 100%;
+ background: url(../img/RuxterHero.jpg);
+ background-size: 100%;
+ background-position: top;
+ background-repeat: no-repeat;
+ position: relative;
+}
+
+.heroContain {
+ width: 100%;
+ max-width: 1200px;
+ display: block;
+ float: inherit;
+ margin: 0 auto;
+ text-align: center;
+}
+
+.righted {
+ float: right;
+}
+
+.heroWrapper {
+ float: right;
+ position: relative;
+ text-align: center;
+}
+
+.heroWrapper h1 {
+ font-family: viga, Arial;
+ z-index: 1;
+ position: relative;
+}
+
+.email {
+ width: 74%;
+ line-height: 1.75em;
+ margin-left: 5%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.heroButton {
+ background-color: #9a4d9e;
+ border: 1px solid #333;
+ border-radius: 4px;
+ color: white;
+ line-height: 2.2em;
+ font-size: 1.5em;
+ width: 75%;
+ -moz-box-shadow: inset 0 0 4px 1px #333;
+ -webkit-box-shadow: inset 0 0 4px 1px #333;
+ box-shadow: inset 0 0 4px 1px #333;
+ margin-left: 5%;
+ margin-top: 3%;
+ z-index: 1;
+ position: static;
+}
+
+.heroButton:hover,
+.contactButton:hover {
+ background-color: #743a77;
+}
+
+.contactButton {
+ background-color: #9a4d9e;
+ border: 1px solid #333;
+ border-radius: 4px;
+ color: white;
+ line-height: 2.2em;
+ font-size: 1.5em;
+ -moz-box-shadow: inset 0 0 4px 1px #333;
+ -webkit-box-shadow: inset 0 0 4px 1px #333;
+ box-shadow: inset 0 0 4px 1px #333;
+ margin-left: 5%;
+ width: 61%;
+ margin-left: 20%;
+ margin-bottom: 10%;
+ z-index: 1;
+ position: static;
+}
+
+.contactInput {
+ width: 60%;
+ line-height: 1.75em;
+ margin-left: 20%;
+ z-index: 1;
+ position: static;
+ border-radius: 2px;
+}
+
+#contactLable {
+ text-align: left;
+ margin-left: 20%;
+ line-height: 1.5em;
+ font-weight: normal;
+ font-size: 1.25em;
+ margin-bottom: -0.25%;
+}
+
+.tableButton {
+ background-color: #9a4d9e;
+ border: 0px;
+ border-radius: 4px;
+ box-shadow: 2px;
+ color: white;
+ line-height: 1.25em;
+ width: 50%;
+ text-align: center;
+ margin-left: 25%;
+ margin-bottom: 8%;
+}
+
+.tableButton:hover {
+ background-color: #743a77;
+}
+
+.contact p {
+ margin-left: 20%;
+ text-align: left;
+ margin-top: 5%;
+ display: inline-block;
+}
+
+#footerColumn {
+ width: 50%;
+ float: left;
+ background-color: #cbcbcb;
+ line-height: 2.5em;
+ color: #333333;
+ text-decoration: none;
+ font-family: arial;
+ font-size: 1em;
+ text-align: center;
+ position: relative;
+}
+
+#footerColumn:hover {
+ text-decoration: underline;
+}
+
+.socials {
+ display: inline-block;
+ width: 300px;
+ margin-bottom: 10%;
+}
+
+.socials a:hover {
+ opacity: .8;
+}
+
+.arrowImage {
+ float: right;
+ display: inline-block;
+ margin-top: 1%;
+ margin-right: 8%;
+}
+
+.checkMark {
+ float: right;
+ display: inline-block;
+ margin-top: 1%;
+ margin-right: 12%;
+}
+
+#About,
+#Coupons,
+#Service {
+ padding: 2em;
+ padding-bottom: 4em;
+}
+
+#Plans {
+ padding: 2em;
+ line-height: 2.25em;
+}
+
+#about img {
+ width: 100%;
+}
+
+.caption strong {
+ color: #9a4d9e;
+}
+
+#About,
+#Coupons,
+#Service,
+#Plans,
+#Contact p {
+ text-align: left;
+ color: #333333;
+}
+
+#About,
+#Coupons,
+#Service,
+#Plans,
+#Contact ul {
+ text-align: left;
+}
+
+h3 {
+ color: #9a4d9e;
+}
+
+.title {
+ color: white;
+}
+
+
+/* ==============
+ MOBILE: Main
+ ============== */
+
+.main {
+ padding: 0;
+ z-index: 1;
+ width: 100%;
+ position: relative;
+ background: url(../img/BGgradient.png);
+ background-position: bottom;
+ background-size: 100%;
+ background-repeat: no-repeat;
+ margin: 0;
+}
+
+.lined {
+ background: url(../img/TableBGbar.png);
+ background-position: top;
+ background-size: 100%;
+ background-repeat: no-repeat;
+}
+
+#Bigger {
+ font-size: 3em;
+ font-weight: normal;
+ font-family: arial;
+ margin-bottom: -2%;
+ text-align: center;
+}
+
+#Centered {
+ margin-left: 20%;
+ margin-bottom: -5%;
+}
+
+.footer-container footer {
+ color: white;
+ padding: 20px 0;
+}
+
+table {
+ background: url(../img/tableBGwhite.jpg);
+ background-size: 100% 100%;
+ margin-left: 1%;
+ border-top: 2px;
+ border-top-color: #333333;
+ width: 23%;
+ display: inline-table;
+ font-size: .8em;
+ vertical-align: top;
+ height: 80%;
+}
+
+@media handheld, screen and (max-width: 840px) {
+
+ .widetable {
+ display: none;
+ }
+}
+
+@media handheld, screen and (min-width: 841px) {
+
+ .mobiletable {
+ display: none;
+ }
+}
+
+table p {
+ margin-left: 5%;
+}
+
+table h3, h4 {
+ text-align: center;
+}
+
+h4 {
+ font-weight: normal;
+}
+
+table img {
+ width: 60%;
+ text-align: center;
+}
+
+.accordionBadge {
+ width: 30%;
+ margin-left: 35%;
+ margin-bottom: -5%;
+ margin-top: 2%;
+}
+
+/*General Accordion****************************************************************************/
+/*Set style of open slide*/
+/*.accordion section:target { background:#e2e2e2; padding-top: 15px;}
+.accordion section:target:hover { background:#e2e2e2; }
+.accordion section:target h3 {width:100%; text-align: center; }
+.accordion section:target h3 a{ color:#9a4d9e; padding:0; }
+.accordion section:target p {display:inline-block; margin-left: 5%;}
+.accordion section h3 a{padding:15px 0px;display:block; font:arial; font-size:1.5em; text-align:center; font-weight:normal;color:#9a4d9e; text-decoration:none; }
+*/
+/*set style of closed slide*/
+/*.accordion section{ float:left; overflow:hidden; color:#333; background: #e2e2e2; margin:0px; }
+.accordion section:hover {background:#e2e2e2;}
+.accordion section p { display:none; }
+.accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
+.accordion section:nth-child(1):after{content: url(<img src=" " />);}
+.accordion section:nth-child(2):after{content: url(<img src=" " />);}
+.accordion section:nth-child(3):after{content: url(<img src=" " />);}
+.accordion section:nth-child(4):after{content: url(<img src=" " />);}*/
+/*End General Accordion****************************************************************************/
+
+/*Vertical Accordion *************************************************************************/
+/*.vertical section{ width:100%; height: 50px;
+ -webkit-transition:height 0.2s ease-out;
+ -moz-transition:height 0.2s ease-out;
+ -o-transition:height 0.2s ease-out;
+ -ms-transition:height 0.2s ease-out;
+ transition:height 0.2s ease-out;
+ box-shadow: inset 0 0 7px 1px #333;
+ -moz-box-shadow: inset 0 0 7px 1px #333;
+ -webkit-box-shadow: inset 0 0 7px 1px #333;
+}*/
+/*Set height of the slide*/
+/*.vertical :target{ height:auto; float:left; width:100%;}
+
+.vertical section h3 { position:relative; left:0; top: -20px; }
+*/
+/*Set position of the number on the slide*/
+/*.vertical section:after{ top:10px; left:10px;}
+.vertical section:target:after{ left:10px;}
+*/
+/* ===============
+ ALL: IE Fixes
+ =============== */
+
+.ie7 .title {
+ padding-top: 20px;
+}
+
+
+
+/* ==========================================================================
+ Author's custom styles
+ ========================================================================== */
+
+@media handheld, screen and (max-width: 480px) {
+ body {
+ width:100%;
+ -webkit-text-size-adjust: 100%;
+ }
+ /* and other declarations */
+#wide {
+ display: none;
+}
+
+.wide {
+ display: none;
+}
+
+.password {
+ width: 74%;
+ line-height: 1.75em;
+ margin-left: 5%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.confirm {
+ width: 74%;
+ line-height: 1.75em;
+ margin-left: 5%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.header-container {
+ position: fixed;
+ display: block;
+ background: url(../img/BGnav.png);
+ background-repeat: repeat-x;
+ background-overflow: hidden;
+ float: left;
+ width: 100%;
+ height: auto;
+ min-height: 55px;
+ z-index: 2;
+ vertical-align: top;
+ font-size: .8em;
+}
+
+.smallHero {
+ text-align: center;
+ vertical-align: center;
+ margin: 0 auto;
+ position: relative;
+ overflow: hidden;
+}
+
+.heroWrapper {
+ display: none;
+}
+
+.heroImage {
+ display: none;
+}
+
+#leftedColumn {
+ width: 100%;
+ float: left;
+}
+
+#leftedColumn img {
+ width: 10%;
+ display: inline-block;
+}
+
+#leftedColumn p {
+ display: inline-block;
+ text-align: middle;
+ padding-top: 0px;
+}
+
+.verticalCenter {
+ vertical-align: top;
+ margin-top: 2%;
+ display: block;
+}
+
+.caption {
+ margin-top: 2%;
+ margin-bottom: 2%;
+ width: 100%;
+ position: relative;
+}
+
+.logo {
+ width: 20%;
+ margin-bottom: -5%;
+ margin-top: 8%;
+ text-align: center;
+ margin-left: 40%;
+}
+
+nav {
+ float: left;
+ width: 81%;
+}
+
+nav a {
+ display: block;
+ float: left;
+ font-size: .5;
+ line-height: .7;
+ margin-bottom: 10px;
+ text-align: left;
+ text-decoration: none;
+ font-weight: normal;
+ color: #333333;
+ background: transparent;
+}
+
+nav a:hover,
+nav a:visited {
+ color: #000000;
+}
+
+nav a:hover {
+ text-decoration: underline;
+}
+}
+
+
+
+
+
+@media screen and (min-width: 481px) and (max-width: 720px) {
+ body { width:100%; }
+ /* and other declarations */
+
+.header-container {
+ position: fixed;
+ background: url(../img/BGnav.png);
+ background-repeat: repeat-x;
+ background-overflow: hidden;
+ float: left;
+ width: 100%;
+ height: auto;
+ min-height: 55px;
+ z-index: 2;
+ vertical-align: top;
+ font-size: .8em;
+}
+
+.password {
+ width: 74%;
+ line-height: 1.75em;
+ margin-left: 5%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.confirm {
+ width: 74%;
+ line-height: 1.75em;
+ margin-left: 5%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.smallHero {
+ text-align: center;
+ vertical-align: center;
+ overflow: hidden;
+}
+
+.smallHero article {
+ vertical-align: center;
+ margin: 0 auto;
+ position: relative;
+ max-width: 600px;
+}
+
+#mobile {
+ display: none;
+}
+
+.mobile {
+ display: none;
+}
+
+#footerNav a {
+ display: inline-block;
+ margin-top: 2%;
+ margin-left: 0.8%;
+ text-decoration: none;
+ font-weight: normal;
+ font-size: .8em;
+ color: #333333;
+ background: transparent;
+}
+
+#leftedColumn {
+ width: 100%;
+ float: left;
+}
+
+#leftedColumn img {
+ width: 10%;
+ display: inline-block;
+}
+
+#leftedColumn p {
+ display: inline-block;
+}
+
+.verticalCenter {
+ vertical-align: top;
+ margin-top: 2%;
+ display: block;
+}
+
+.caption {
+ margin-top: 2%;
+ margin-bottom: 2%;
+ display: block;
+ width: 100%;
+ position: relative;
+}
+
+.heroWrapper {
+ display: none;
+}
+
+.heroImage {
+ display: none;
+}
+
+.logo {
+ width: 12%;
+ margin-bottom: -5%;
+ margin-top: 8%;
+ text-align: center;
+ margin-left: 44%;
+}
+
+nav ul {
+ margin: 0;
+ padding: 0;
+}
+
+nav a {
+ display: block;
+ float: right;
+ margin-top: 3%;
+ margin-bottom: 10px;
+ padding: 15px 0;
+ text-align: center;
+ text-decoration: none;
+ font-weight: normal;
+ color: #333333;
+ background: transparent;
+}
+
+nav a:hover,
+nav a:visited {
+ color: #000000;
+}
+
+nav a:hover {
+ text-decoration: underline;
+}
+
+}
+
+
+
+
+@media screen and (min-width: 721px) and (max-width: 1140px) {
+ body { width:100%; }
+ /* and other declarations */
+#mobile {
+ display: none;
+}
+
+.mobile {
+ display: none;
+}
+
+.password {
+ width: 34%;
+ line-height: 1.75em;
+ margin-left: 5%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.confirm {
+ width: 34%;
+ line-height: 1.75em;
+ margin-left: 4%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.header-container {
+ position: fixed;
+ background: url(../img/BGnav.png);
+ background-repeat: repeat-x;
+ background-overflow: hidden;
+ float: left;
+ width: 100%;
+ height: auto;
+ min-height: 55px;
+ z-index: 2;
+ vertical-align: top;
+ font-size: .8em;
+}
+
+.smallHero {
+ display: none;
+}
+
+#footerNav a {
+ display: inline-block;
+ margin-top: 2%;
+ margin-left: 1%;
+ text-decoration: none;
+ font-weight: normal;
+ font-size: .8em;
+ color: #333333;
+ background: transparent;
+}
+
+#leftedColumn {
+ width: 50%;
+ float: left;
+}
+
+#leftedColumn img {
+ width: 20%;
+ display: inline-block;
+}
+
+#leftedColumn p {
+ display: inline-block;
+}
+
+.verticalCenter {
+ vertical-align: top;
+ margin-top: 5%;
+ display: block;
+}
+
+.caption {
+ margin-top: 2%;
+ margin-bottom: 2%;
+ display: block;
+ width: 100%;
+ position: relative;
+}
+
+.logo {
+ width: 12%;
+ margin-bottom: -5%;
+ margin-top: 8%;
+ text-align: center;
+ margin-left: 44%;
+}
+
+.heroWrapper {
+ margin-top: 6em;
+ width: 55%;
+ max-width: 600px;
+ margin-bottom: 10%;
+}
+
+nav ul {
+ margin: 0;
+ padding: 0;
+}
+
+nav a {
+ display: block;
+ margin-bottom: 10px;
+ padding: 15px 0;
+ text-align: center;
+ margin-top: 3%;
+ text-decoration: none;
+ font-weight: normal;
+ color: #333333;
+ background: transparent;
+}
+
+nav a:hover,
+nav a:visited {
+ color: #000000;
+}
+
+nav a:hover {
+ text-decoration: underline;
+}
+
+}
+
+
+
+
+@media screen and (min-width: 1141px) {
+ body { width:100%; }
+ /* and other declarations */
+#mobile {
+ display: none;
+}
+
+.mobile {
+ display: none;
+}
+
+.password {
+ width: 34%;
+ line-height: 1.75em;
+ margin-left: 5%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.confirm {
+ width: 34%;
+ line-height: 1.75em;
+ margin-left: 4%;
+ margin-top: 3%;
+ z-index: 1;
+ position: relative;
+ border-radius: 2px;
+}
+
+.smallHero {
+ display: none;
+}
+
+.header-container {
+ position: fixed;
+ background: url(../img/BGnav.png);
+ background-repeat: repeat-x;
+ background-overflow: hidden;
+ float: left;
+ width: 100%;
+ height: auto;
+ min-height: 55px;
+ z-index: 2;
+ vertical-align: top;
+}
+
+.HideCart a {
+ font-size: .8em;
+}
+
+#footerNav a {
+ display: inline-block;
+ margin-top: 2%;
+ margin-left: 1%;
+ text-decoration: none;
+ font-weight: normal;
+ font-size: .8em;
+ color: #333333;
+ background: transparent;
+}
+
+#leftedColumn {
+ width: 50%;
+ float: left;
+}
+
+#leftedColumn img {
+ width: 20%;
+ display: inline-block;
+}
+
+#leftedColumn p {
+ display: inline-block;
+}
+
+.verticalCenter {
+ vertical-align: top;
+ margin-top: 6%;
+ display: block;
+}
+
+.caption {
+ margin-top: 2%;
+ margin-bottom: 2%;
+ display: block;
+ width: 100%;
+ position: relative;
+}
+
+.logo {
+ width: 12%;
+ margin-bottom: -5%;
+ margin-top: 8%;
+ text-align: center;
+ margin-left: 44%;
+}
+
+.heroWrapper {
+ margin-top: 10em;
+ width: 50%;
+ max-width: 600px;
+ margin-bottom: 15%;
+}
+
+nav ul {
+ margin: 0;
+ padding: 0;
+}
+
+nav a {
+ display: block;
+ margin-bottom: 10px;
+ padding: 15px 0;
+ margin-top: 3%;
+ text-align: center;
+ text-decoration: none;
+ font-weight: normal;
+ color: #333333;
+ background: transparent;
+}
+
+nav a:hover,
+nav a:visited {
+ color: #000000;
+}
+
+nav a:hover {
+ text-decoration: underline;
+}
+
+}
+
+
+
+
+/* ==========================================================================
+ Media Queries
+ ========================================================================== */
+
+@media only screen and (min-width: 480px) {
+
+/* ====================
+ INTERMEDIATE: Menu
+ ==================== */
+
+ nav a {
+ float: left;
+ width: auto;
+ display: inline-block;
+ padding: 2%;
+ margin-bottom: 0;
+ }
+
+ nav li:first-child a {
+ margin-left: 0;
+ }
+
+ nav li:last-child a {
+ margin-right: 0;
+ }
+
+/* ========================
+ INTERMEDIATE: IE Fixes
+ ======================== */
+
+ nav ul li {
+ display: inline;
+ }
+
+ .oldie nav a {
+ margin: 0 0.7%;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+
+/* ====================
+ WIDE: CSS3 Effects
+ ==================== */
+
+
+
+/* ============
+ WIDE: Menu
+ ============ */
+
+ .title {
+ position: fixed;
+ float: left;
+ }
+
+ nav {
+ display: inline;
+ float: right;
+ width: 80%;
+ }
+
+/* ============
+ WIDE: Main
+ ============ */
+
+ .main article {
+ width: 100%;
+ background-size: 100%;
+ z-index: 1;
+ margin: 0;
+ }
+
+ .main aside {
+ float: right;
+ width: 28%;
+ }
+}
+
+@media only screen and (min-width: 1140px) {
+
+/* ===============
+ Maximal Width
+ =============== */
+
+
+}
+
+/* ==========================================================================
+ Helper classes
+ ========================================================================== */
+
+.ir {
+ background-color: transparent;
+ border: 0;
+ overflow: hidden;
+ *text-indent: -9999px;
+}
+
+.ir:before {
+ content: "";
+ display: block;
+ width: 0;
+ height: 100%;
+}
+
+.hidden {
+ display: none !important;
+ visibility: hidden;
+}
+
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+ clip: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ position: static;
+ width: auto;
+}
+
+.invisible {
+ visibility: hidden;
+}
+
+.clearfix:before,
+.clearfix:after {
+ content: " ";
+ display: table;
+}
+
+.clearfix:after {
+ clear: both;
+}
+
+.clearfix {
+ *zoom: 1;
+}
+
+.bannerLogo {
+ display: inline;
+ float: left;
+ width: 15%;
+}
+
+.cart {
+ display: inline-block;
+ float: right;
+
+}
+
+.about img {
+ width: 100%;
+ padding-bottom: 2em;
+}
+
+/* ==========================================================================
+ Print styles
+ ========================================================================== */
+
+@media print {
+ * {
+ background: transparent !important;
+ color: #000 !important; /* Black prints faster: h5bp.com/s */
+ box-shadow: none !important;
+ text-shadow: none !important;
+ }
+
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+
+ /*
+ * Don't show links for images, or javascript/internal links
+ */
+
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: "";
+ }
+
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+
+ thead {
+ display: table-header-group; /* h5bp.com/t */
+ }
+
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+
+ img {
+ max-width: 100% !important;
+ }
+
+ @page {
+ margin: 0.5cm;
+ }
+
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+}
View
60 Ruxter/index.html
@@ -15,20 +15,38 @@
minimum-scale=1;
user-scalable=no;" />
<link rel="stylesheet" href="css/normalize.min.css">
- <link rel="stylesheet" href="css/main.css">
+ <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+ <script>
+ function loadCSSFile(filename) {
+ var fileref=document.createElement("link");
+ fileref.setAttribute("rel", "stylesheet");
+ fileref.setAttribute("type", "text/css");
+ fileref.setAttribute("href", filename);
+ if (typeof fileref!="undefined");
+ document.getElementsByTagName("head")[0].appendChild(fileref);
+ }
+ var isAndroid = navigator.userAgent.toLowerCase().indexOf("android") > -1;
+ if (isAndroid) {
+ loadCSSFile("css/mainAndroid.css");
+ alert("Loaded Android CSS");
+ } else {
+ loadCSSFile("css/main.css");
+ alert("Loaded Non-Android CSS");
+ }
+ </script>
+ <!--<link rel="stylesheet" href="css/main.css">-->
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/MobileAccordion.css">
<!--Azad's Stuff begin-->
<link rel="stylesheet" href="azad/css/normalise.css" media="screen">
<link rel="stylesheet" href="azad/css/atmosphere.css" media="screen">
<!-- Media Queries -->
- <link rel="stylesheet" href="azad/css/mobile-nav.css" media="screen and (min-width: 320px) and (max-width: 1024px)">
+ <!--<link rel="stylesheet" href="azad/css/mobile-nav.css" media="screen and (min-width: 320px) and (max-width: 1024px)">
<link rel="stylesheet" href="azad/css/smartphone.css" media="screen and (min-width:320px) and (max-width:480px)">
<link rel="stylesheet" href="azad/css/tablet.css" media="screen and (min-width: 481px) and (max-width: 767px)">
<link rel="stylesheet" href="azad/css/ipad.css" media="screen and (min-width: 768px) and (max-width: 1024px)">
- <link rel="stylesheet" href="azad/css/desktop.css" media="screen and (min-width: 1025px)">
+ <link rel="stylesheet" href="azad/css/desktop.css" media="screen and (min-width: 1025px)">-->
<!--Azad's Stuff end-->
- <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
@@ -498,24 +516,26 @@ <h4 id="contactLable">Message</h4>
<!--Beg of Scroll-->
<script src="js/smoothscroll.js"></script>
<script>
- jQuery(function($){
- $('#menu').click(function(){
- $('#menu').toggle();
+ if (!isAndroid) {
+ jQuery(function($){
+ $('#menu').click(function(){
+ $('#menu').toggle();
+ });
+ });
+ $('a').smoothScroll({
+ excludeWithin: ['.links', '.prev', '.next', '.tour', '.flex-next'],
+ offset: -35
});
- });
- $('a').smoothScroll({
- excludeWithin: ['.links', '.prev', '.next', '.tour', '.flex-next'],
- offset: -35
+ $(window).load(function() {
+ $('#supersized, #container').animate({
+ opacity: 1}, 600);
+ $("#nyan, #introBox").delay(1200).animate({
+ opacity: 1}, 1200);
+ $('#scrollInstructions').delay(1200).animate({
+ opacity: 0.5}, 1200);
+ $('#topRider').slideDown(1000);
});
- $(window).load(function() {
- $('#supersized, #container').animate({
- opacity: 1}, 600);
- $("#nyan, #introBox").delay(1200).animate({
- opacity: 1}, 1200);
- $('#scrollInstructions').delay(1200).animate({
- opacity: 0.5}, 1200);
- $('#topRider').slideDown(1000);
- });
+ }
</script>
<!--end of scroll-->
<!-- Add jQuery From the Google AJAX Libraries -->
Please sign in to comment.
Something went wrong with that request. Please try again.