mindapp 0.0.1

data/lib/generators/mindapp/templates/app/assets/stylesheets/jquery.mobile.datebox.css

@@ -0,0 +1,65 @@
+/* jQuery-Mobile-DateBox Plugin
+ * contains all plugin styles
+ */
+ 
+/* Base input element Styles */
+
+/*.ui-input-datebox { width: 95%; background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; padding-top: 0px; padding-bottom: 0px; padding-right: .4em; }*/
+.ui-input-datebox { width: 60%; background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: inline-block; padding-top: 0px; padding-bottom: 0px; padding-right: .4em; }
+.ui-input-datebox input { width: 70% !important; border: 1px solid transparent !important; vertical-align: middle; display: inline-block !important; background-color: transparent; zoom: 1; *display: inline; }
+.ui-input-datebox input:focus { outline: none;}
+.min-width-480px .ui-input-datebox { width: 60%; display: inline-block; zoom:1; *display: inline; }
+
+/* Calendar Mode Styles */
+
+.ui-datebox-gridheader { text-align: center; }
+.ui-datebox-gridheader h4 { text-align: center; display: inline-block; margin-top: 10px; margin-bottom: 10px; zoom:1; *display: inline;}
+.ui-datebox-gridplus { float: right; }
+.ui-datebox-gridminus { float: left; }
+.ui-datebox-gridrow { margin-left: 5px; margin-right: 5px; }
+.ui-datebox-grid { clear: both; margin-bottom: 5px; }
+.ui-datebox-griddate { width: 36px; height: 30px; display: inline-block; vertical-align: middle; text-align: center; line-height: 30px; font-weight: bold; font-size: 12px; zoom:1; *display: inline;}
+.ui-datebox-griddate-empty { border: 1px solid transparent; color: #888; }
+.ui-datebox-griddate-label { height: 15px !important; line-height: 15px !important; color: black;}
+
+/* Android Mode Styles */
+
+.ui-datebox-header h4 { margin-top: 5px; margin-bottom: 5px; text-align: center; }
+.ui-datebox-controls { text-align: center; }
+.ui-datebox-controls div { width: 77px; text-align: center; display: inline-block; zoom: 1; *display: inline;}
+.ui-datebox-scontrols { text-align: center; }
+.ui-datebox-scontrols div { width: 55px; text-align: center; display: inline-block; zoom: 1; *display: inline;}
+.ui-datebox-scontrols .ui-datebox-sinput { width: 68px; }
+.ui-datebox-scontrols .ui-datebox-sinput input { width: 48px; text-align: center; }
+.ui-datebox-input { width: 74px !important; margin-left: 1px; margin-right: 1px; text-align: center !important; display: inline-block !important; zoom:1; *display: inline; }
+
+/* Slide Mode Styles */
+
+.ui-datebox-sliderow-d { margin-bottom: 5px; text-align: center; height: 40px; width: 280px; overflow: hidden;}
+.ui-datebox-sliderow-ym { margin-bottom: 5px; text-align: center; height: 32px; width: 280px; overflow: hidden;}
+.ui-datebox-sliderow-hi { text-align: center; height: 32px; width: 280px; overflow: hidden;}
+.ui-datebox-sliderow-int { display: inline-block; white-space: nowrap;}
+
+.ui-datebox-slideyear { text-align: center; display: inline-block; zoom:1; *display:inline; width: 84px; vertical-align: middle; line-height: 30px; height: 30px; font-size: 14px; font-weight: bold; }
+.ui-datebox-slidemonth { text-align: center; display: inline-block; zoom:1; *display:inline; width: 51px; vertical-align: middle; line-height: 30px; height: 30px; font-size: 12px; font-weight: bold; }
+.ui-datebox-slideday { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 20px; height: 38px; font-size: 14px; font-weight: bold; }
+.ui-datebox-slidehour { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 22px; height: 24px; font-size: 14px; font-weight: bold; }
+.ui-datebox-slidemins { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 22px; height: 24px; font-size: 14px; font-weight: bold; }
+.ui-datebox-slidearrow { text-align: center; display: inline-block; zoom:1; *display:inline; width: 10px; vertical-align: middle; line-height: 38px; height: 38px; font-size: 10px; font-weight: bold; }
+.ui-datebox-slidewday { font-size: 10px; font-weight: normal; }
+
+/* Flip Mode Styles */
+.ui-datebox-flipcontent { text-align: center; height: 125px; margin-bottom: -40px;}
+.ui-datebox-flipcontent div { margin-left: 3px; margin-right: 3px; width: 77px; height: 120px; display: inline-block; text-align: center; zoom: 1; *display: inline; overflow: hidden;}
+.ui-datebox-flipcenter { border: 1px solid #eee; height: 40px; margin-left: 10px; margin-right: 10px; position: relative; top: -45px;}
+.ui-datebox-flipcontent ul { list-style-type: none; display: inline; }
+.ui-datebox-flipcontent li { height: 30px; }
+.ui-datebox-flipcontent li span { margin-top: 7px; display: block; }
+/* Shared Styles */
+
+.ui-datebox-container { border: 5px solid #111 !important; width: 280px; }
+.ui-datebox-screen { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
+.ui-datebox-screen-modal { background-color: black; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
+.ui-datebox-hidden { display: none; }
+.ui-dialog .ui-datebox-container { border: none !important; }
+.ui-dialog-datebox .ui-content { padding: 5px !important;}

data/lib/generators/mindapp/templates/app/assets/stylesheets/jquery.mobile.grids.collapsible.css

@@ -0,0 +1,122 @@
+/* my addition to supply convertible grids based on www.cssgrid.net by Andy Taylor */
+/* ==================================================================================================================== */
+/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
+/* ==================================================================================================================== */
+.row, .fixedrow {
+width: 100%;
+margin: 0 auto;
+overflow: hidden;
+}
+
+.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11 {
+margin-right: 3.8%;
+float: left;
+min-height: 1px;
+}
+
+.row .span1, .fixedrow .span1 {
+width: 4.85%;
+}
+
+.row .span2, .fixedrow .span2 {
+width: 13.45%;
+}
+
+.row .span3, .fixedrow .span3 {
+width: 22.05%;
+}
+
+.row .span4, .fixedrow .span4 {
+width: 30.75%;
+}
+
+.row .span5, .fixedrow .span5 {
+width: 39.45%;
+}
+
+.row .span6, .fixedrow .span6 {
+width: 48%;
+}
+
+.row .span7, .fixedrow .span7 {
+width: 56.75%;
+}
+
+.row .span8, .fixedrow .span8 {
+width: 65.4%;
+}
+
+.row .span9, .fixedrow .span9 {
+width: 74.05%;
+}
+
+.row .span10, .fixedrow .span10 {
+width: 82.7%;
+}
+
+.row .span11, .fixedrow .span11 {
+width: 91.35%;
+}
+
+.row .span12, .fixedrow .span12 {
+width: 100%;
+float: left;
+}
+
+.row .prepend1, .fixedrow .prepend1 {
+  
+}
+
+.last {
+margin-right: 0px;
+}
+
+img, object, embed {
+max-width: 100%;
+}
+
+img {
+  height: auto;
+}
+
+
+/* touchscreens */
+@media (min-width:768px) {
+.touch body {
+  font-size: 1em;
+  line-height: normal;
+  }
+
+
+/* Smaller screens */
+body {
+  font-size: 0.9em;
+  line-height: normal;
+  }
+}
+
+/* Mobile */
+@media (max-width:480px) {
+body {
+  font-size: 1em;
+  -webkit-text-size-adjust: none;
+  }
+  
+.row, body {
+  width: 100%;
+  min-width: 0;
+  margin-left: 0px;
+  margin-right: 0px;
+  padding-left: 0px;
+  padding-right: 0px;
+  }
+  
+.row .span1, .row .span2, .row .span3, .row .span4, .row .span5, .row .span6, .row .span7, .row .span8, .row .span9, .row .span10, .row .span11, .row .span12 {
+  width: auto;
+  float: none;
+  margin-left: 0px;
+  margin-right: 0px;
+  padding-left: 20px;
+  padding-right: 20px;
+  }
+}

data/lib/generators/mindapp/templates/app/assets/stylesheets/jquery.mobile.splitview.css

@@ -0,0 +1,130 @@
+body {
+  visibility: hidden;
+}
+
+.ui-panel {
+  -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
+  -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
+  box-shadow: 0 0 12px rgba(0,0,0,.6);
+}
+
+div[data-id="main"] {
+  z-index: 9999;
+}
+
+.ui-mobile body {
+  visibility: visible;
+}
+
+.ui-panel-left {
+  position:absolute;
+  left:0;
+  top:0;
+  bottom:0;
+}
+
+.ui-panel-right {
+  position:absolute;
+  right:0;
+  top:0;
+  bottom:0;
+}
+
+.ui-crumbs {
+  max-width: 25%;
+}
+
+.splitview .ui-splitview-hidden {
+  display:none;
+}
+
+@media (min-width:480px) {
+  .splitview body {
+    margin: 0;
+  }
+
+  .splitview .ui-page{
+    bottom: 0;
+  }
+
+  .splitview .ui-header {
+    position:absolute;
+    top:0;
+    bottom:auto; 
+    left:0;
+    right:0;
+    z-index: 1000;
+  }
+
+  .splitview .ui-footer {
+    position:absolute;
+    top:auto;
+    bottom:0;
+    left:0;
+    right:0;
+    z-index:1000;
+  }
+
+  .splitview .ui-content {
+    position:absolute;
+    top:40px;
+    bottom:0;
+    left:0;
+    right:0;
+    overflow:auto;
+    -webkit-overflow-scrolling:touch;
+    z-index:1;
+  }
+}
+
+/************************************************************************************************************
+popover css for portrait orientation, modified from 
+http://www.cagintranet.com/archive/create-an-ipad-like-dropdown-popover/
+************************************************************************************************************/
+.panel-popover .popover_triangle {left:7px;}
+.panel-popover {
+  color: black;
+  display:none;
+  font-weight: normal;
+  line-height: 1;
+  cursor: auto;
+  position: absolute;
+  top:55px;
+  left:10px;
+  background-color: white;
+  z-index:5000000;
+  border: 3px solid black;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+  -webkit-transition: opacity 0.25s linear;
+  -moz-transition: opacity 0.25s linear;
+  transition: opacity 0.25s linear; 
+  overflow-x:visible;
+  height:80%;
+}
+
+.panel-popover > .popover_triangle {
+  position: absolute;
+  top: -34px;
+  font-size: 0px;
+  line-height: 0%;
+  width: 0px;
+  border-top: 16px solid rgba(0,0,0,0);
+  border-left: 16px solid rgba(0,0,0,0);
+  border-right: 16px solid rgba(0,0,0,0);
+  border-bottom: 16px solid black; 
+}
+
+.panel-popover div[data-role="page"] {
+  height: inherit;
+  overflow-y:auto;
+}
+
+/**********************************************************************************************************
+CSS animations for panel resize using new data-width attribute.
+**********************************************************************************************************/

data/lib/generators/mindapp/templates/app/assets/stylesheets/mindapp.css

@@ -0,0 +1,134 @@
+body {
+  font-size: 1em;
+}
+.map { 
+  margin-bottom: 1em; 
+}
+.map img {
+    max-width: none !important;
+}
+#output_link {
+  text-align:center;
+  border: 3px solid #999;
+  background-color: #ddd;
+  height: 80px;
+  padding-top: 10px;
+}
+#output_link a {
+  font-size:36pt;
+}
+#tooltip{
+  position:absolute;
+  border:1px solid #333;
+  background:#f7f5d1;
+  padding:2px 5px;
+  color:#333;
+  display:none;
+}
+#notice {
+  color: #F90609;
+  background-color: #EBD1D1;
+  font-weight: bolder;
+  padding-left: 10px;
+}
+.step {
+  /*display: table-row;*/
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.steps_more {
+  font-size: 40px;
+  font-weight: bold;
+  vertical-align: middle;
+  color: white;
+  width: 80px;
+  height: 80px;
+  background:url(images/button_blue.png) no-repeat;
+  display: table-cell;
+  text-align:center;
+}
+.step_now {
+  font-size: 40px;
+  font-weight: bold;
+  vertical-align: middle;
+  color: white;
+  width: 80px;
+  height: 80px;
+  background:url(images/button_red.png) no-repeat;
+  display: table-cell;
+  text-align:center;
+}
+.steps_done {
+  font-size: 40px;
+  font-weight: bold;
+  vertical-align: middle;
+  color: white;
+  width: 80px;
+  height: 80px;
+  background:url(images/button_black.png) no-repeat;
+  display: table-cell;
+  text-align:center;
+}
+#title {
+  font-size: 16pt;
+  font-weight: bold;
+}
+#subtitle {
+  font-weight: bold;
+  text-align:right;
+}
+
+.ui-btn-inner { padding: 2px 25px; }
+.ui-btn-up-c,
+.ui-btn-hover-c,
+.ui-btn-down-c {
+  font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
+  /*font-size: 110%;*/
+}
+.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: 7px 75px 7px 15px; display: block; }
+.ui-link-inherit { font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;}
+label.ui-input-text {
+  font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
+  /*font-size: 110%;*/
+  text-shadow: none;
+}
+label.ui-select {
+  font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
+  /*font-size: 110%;*/
+  text-shadow: none;
+}
+.ui-body-c {
+  font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
+  /*font-size: 1.4em;*/
+  text-shadow: none;
+}
+.ui-header .ui-title, .ui-footer .ui-title { font-family: 'TH SarabunPSK'; text-align: center; display: block; margin: .2em 90px .3em;  padding: 0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
+
+.flickr_pagination {
+  text-align: center;
+  padding: .3em; }
+.flickr_pagination a, .flickr_pagination span {
+  padding: .2em .5em; }
+.flickr_pagination span.disabled {
+  color: #AAA; }
+.flickr_pagination span.current {
+  font-weight: bold;
+  color: #FF0084; }
+.flickr_pagination a {
+  border: 1px solid #DDDDDD;
+  color: #0063DC;
+  text-decoration: none; }
+.flickr_pagination a:hover, .flickr_pagination a:focus {
+  border-color: #003366;
+  background: #0063DC;
+  color: white; }
+.flickr_pagination .page_info {
+  color: #aaa;
+  padding-top: .8em; }
+.flickr_pagination .prev_page, .flickr_pagination .next_page {
+  border-width: 2px; }
+.flickr_pagination .prev_page {
+  margin-right: 1em; }
+.flickr_pagination .next_page {
+  margin-left: 1em; }
+