feedhenry-gists

#menu{
  height: 50px;
  padding: 0px;
  z-index: 1;

  position: relative;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, color-
  stop(0%,#3a3a3a), color-stop(50%,#141414), color-stop(50%,#000000), color-
  stop(100%,#000000));

feedhenry-gists

// what to do when app is loaded and ready to go
$fh.ready(function () {
  ...
  // Make act call to get latest config from server
  $fh.act({
    act: 'getConfig'
  }, function (result) {
    ...
    // Got config from server, so overwrite our local config
    ...

feedhenry-gists

#fh_app_page {
  background-image:url(<background_image_url>);
}

feedhenry-gists

#fh_app_page {
  background-color:transparent;
}
#fh_app_main_screen {
  background-image:url(<background_image_url>);
}

feedhenry-gists

.nav_tabs ul {
  background-image:none;
  background-color:transparent;
}

feedhenry-gists

.nav_tabs {
  height:<height>;
}
*#fh_app_page {
  bottom:<height>;
}

feedhenry-gists

  tabs: [{
        name: 'Tab 1', ...
      }, {
        name: 'Tab 2', ...
      }, {
        name: 'Tab 3', ...
      }]

feedhenry-gists

var config = {
  prefs: {
    // Title of app appears in header
    title: 'Template App',

    // Max of 5 tabs here
    // Each tab needs a name, which is the text shown on the Tab,
    // and an icon, shown above the text. This icon is located in img/tabs/
    tabs: [{
      name: 'Tab 1',

feedhenry-gists

* {
  /* prevent  callout to copy image, etc when tap to hold */
  -webkit-touch-callout: none; 

  /* make  transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-tap-highlight-color: rgba(0,0,0,0); 

  /* prevent  copy paste, to allow, change 'none' to 'text' */
  -webkit-user-select: none; 

feedhenry-gists

html, body {
  width: 100%;
  height: 100%;
  overflow:hidden;
}