Skip to content
Browse files

Railsdog Radio theme first commit

  • Loading branch information...
0 parents commit b9626833ca31b51e23b5c238c3211983a5bc31a8 @BDQ BDQ committed
Showing with 3,709 additions and 0 deletions.
  1. BIN app/assets/images/bg.jpg
  2. BIN app/assets/images/footer_bkgd.jpg
  3. BIN app/assets/images/icons/american-express-curved-32px.png
  4. BIN app/assets/images/icons/discover-curved-32px.png
  5. BIN app/assets/images/icons/facebook.png
  6. BIN app/assets/images/icons/mastercard-curved-32px.png
  7. BIN app/assets/images/icons/social-icons-rollover.png
  8. BIN app/assets/images/icons/social-icons.png
  9. BIN app/assets/images/icons/twitter.png
  10. BIN app/assets/images/icons/visa-curved-32px.png
  11. BIN app/assets/images/kid.jpg
  12. BIN app/assets/images/logo.png
  13. BIN app/assets/images/narrow_bg.png
  14. BIN app/assets/images/satellite-radios-bg.jpg
  15. BIN app/assets/images/search_bg_s1.gif
  16. BIN app/assets/images/social-icons-rollover.png
  17. BIN app/assets/images/social-icons.png
  18. +82 −0 app/assets/javascripts/store/checkout.js
  19. +141 −0 app/assets/stylesheets/cart.css
  20. +276 −0 app/assets/stylesheets/checkout.css
  21. +263 −0 app/assets/stylesheets/datepicker.css
  22. +37 −0 app/assets/stylesheets/editor.css
  23. +55 −0 app/assets/stylesheets/errors.css
  24. +129 −0 app/assets/stylesheets/homepage.css
  25. +48 −0 app/assets/stylesheets/jq-autocomplete.css
  26. +866 −0 app/assets/stylesheets/jq-mobile-1.0a2.css
  27. +31 −0 app/assets/stylesheets/login.css
  28. +117 −0 app/assets/stylesheets/products.css
  29. +17 −0 app/assets/stylesheets/rdr.css
  30. +72 −0 app/assets/stylesheets/reset.css
  31. +229 −0 app/assets/stylesheets/screen.css
  32. +61 −0 app/assets/stylesheets/social.css
  33. +72 −0 app/assets/stylesheets/taxonomy.css
  34. +167 −0 app/assets/stylesheets/typography.css
  35. +9 −0 app/overrides/add_to_head.rb
  36. +3 −0 app/overrides/remove_account_summary.rb
  37. +3 −0 app/overrides/remove_brs_from_login_form.rb
  38. +4 −0 app/overrides/remove_brs_from_user_form.rb
  39. +3 −0 app/overrides/remove_card_expiration.rb
  40. +3 −0 app/overrides/remove_cart_code.rb
  41. +4 −0 app/overrides/remove_checkout_registration_header.rb
  42. +3 −0 app/overrides/remove_confirm_buttons.rb
  43. +3 −0 app/overrides/remove_delivery_buttons.rb
  44. +5 −0 app/overrides/remove_gateway_icons.rb
  45. +5 −0 app/overrides/remove_orders_show_header.rb
  46. +3 −0 app/overrides/remove_payment_buttons.rb
  47. +3 −0 app/overrides/remove_shipping.rb
  48. +4 −0 app/overrides/remove_summary_title.rb
  49. +4 −0 app/overrides/remvove_address_buttons.rb
  50. +4 −0 app/overrides/replace_account_header.rb
  51. +33 −0 app/overrides/replace_account_my_orders.rb
  52. +151 −0 app/overrides/replace_billing.rb
  53. +98 −0 app/overrides/replace_body.rb
  54. +34 −0 app/overrides/replace_cart_detail.rb
  55. +46 −0 app/overrides/replace_cart_form.rb
  56. +25 −0 app/overrides/replace_checkout.rb
  57. +32 −0 app/overrides/replace_checkout_registration.rb
  58. +61 −0 app/overrides/replace_confirm.rb
  59. +9 −0 app/overrides/replace_empty-cart.rb
  60. +26 −0 app/overrides/replace_gateway_fields.rb
  61. +34 −0 app/overrides/replace_line_item.rb
  62. +38 −0 app/overrides/replace_order_summary.rb
  63. +83 −0 app/overrides/replace_orders_show.rb
  64. +21 −0 app/overrides/replace_outside_cart_form.rb
  65. +21 −0 app/overrides/replace_payment.rb
  66. +64 −0 app/overrides/replace_product_show.rb
  67. +39 −0 app/overrides/replace_products.rb
  68. +27 −0 app/overrides/replace_shipping_method.rb
  69. +10 −0 app/overrides/replace_taxon_sidebar_navigation.rb
  70. +23 −0 app/overrides/replace_taxonomies.rb
  71. +13 −0 app/overrides/replace_user_registration_new.rb
  72. +30 −0 app/overrides/replace_user_sessions_new.rb
  73. +23 −0 app/overrides/replace_wrapper.rb
  74. +5 −0 app/overrides/tweak_button_login.rb
  75. +6 −0 app/overrides/tweak_remember_me_login.rb
  76. +15 −0 lib/spree_rdr_theme.rb
  77. +16 −0 spree_rdr_theme.gemspec
BIN app/assets/images/bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/footer_bkgd.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/american-express-curved-32px.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/discover-curved-32px.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/facebook.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/mastercard-curved-32px.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/social-icons-rollover.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/social-icons.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/twitter.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/icons/visa-curved-32px.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/kid.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/narrow_bg.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/satellite-radios-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/search_bg_s1.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/social-icons-rollover.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN app/assets/images/social-icons.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
82 app/assets/javascripts/store/checkout.js
@@ -0,0 +1,82 @@
+(function($){
+ $(document).ready(function(){
+ if($('.edit_order').is('*')){
+ //$('#checkout_form_address').validate();
+
+ var get_states = function(region){
+ var country = $('span#' + region + 'country :only-child').val();
+ return state_mapper[country];
+ }
+
+ var update_state = function(region) {
+ var states = get_states(region);
+
+ var state_select = $('span#' + region + 'state select');
+ var state_input = $('span#' + region + 'state input');
+
+ if(states) {
+ var selected = state_select.val();
+ state_select.html('');
+ var states_with_blank = [["",""]].concat(states);
+ $.each(states_with_blank, function(pos,id_nm) {
+ var opt = $(document.createElement('option'))
+ .attr('value', id_nm[0])
+ .html(id_nm[1]);
+ if(selected==id_nm[0]){
+ opt.attr('selected', 'selected');
+ }
+ state_select.append(opt);
+ });
+ state_select.removeAttr('disabled').show();
+ state_input.hide().attr('disabled', 'disabled');
+
+ } else {
+ state_input.removeAttr('disabled').show();
+ state_select.hide().attr('disabled', 'disabled');
+ }
+
+ };
+
+ var show_payment_method = function(){
+ $('li.payment_method').hide();
+ var id = $("input[name='order[payments_attributes][][payment_method_id]']:checked").val()
+
+ $('li.payment_method.' + id).show();
+ }
+
+ // Show fields for the selected payment method
+ $("input[type='radio'][name='order[payments_attributes][][payment_method_id]']").change(function(){
+ show_payment_method();
+ })
+
+ $('span#bcountry select').change(function() { update_state('b'); });
+ $('span#scountry select').change(function() { update_state('s'); });
+ update_state('b');
+ update_state('s');
+ show_payment_method()
+
+ $('input#order_use_billing').click(function() {
+ if($(this).is(':checked')) {
+ $('#shipping .inner').hide();
+ $('#shipping .inner input, #shipping .inner select').attr('disabled', 'disabled');
+ } else {
+ $('#shipping .inner').show();
+ $('#shipping .inner input, #shipping .inner select').removeAttr('disabled', 'disabled');
+
+ //only want to enable relevant field
+ if(get_states('s')){
+ $('span#sstate input').hide().attr('disabled', 'disabled');
+ }else{
+ $('span#sstate select').hide().attr('disabled', 'disabled');
+ }
+
+ }
+ }).triggerHandler('click');
+
+ $('form.edit_checkout').submit(function() {
+ $(this).find(':submit, :image').attr('disabled', true).removeClass('primary').addClass('disabled');
+ });
+
+ }
+ });
+})(jQuery);
141 app/assets/stylesheets/cart.css
@@ -0,0 +1,141 @@
+body#cart h1 {
+ border-bottom: 1px solid #D9D9D9;
+}
+
+table#cart-detail {
+ width: 100%;
+}
+
+table#cart-detail th {
+ color: #777;
+ font-weight: normal;
+ text-align: left;
+ padding-bottom: 5px;
+}
+
+table#cart-detail th, table#cart-detail td {
+ border-bottom: 1px solid #D9D9D9;
+}
+
+table#cart-detail td {
+ padding: 10px 0;
+ font-weight: bold;
+ font-size: 1.2em;
+ vertical-align: middle;
+}
+
+table#cart-detail tr.totals td, table#cart-detail tr.actions td {
+ padding: 20px 0;
+}
+
+table#cart-detail tr.totals td, table#cart-detail td.actions {
+ text-align: right;
+}
+
+table#cart-detail td.image {
+ width: 180px;
+}
+table#cart-detail td.normal {
+ font-weight: normal;
+ vertical-align: middle;
+}
+table#cart-detail td.normal img {
+ vertical-align: sub;
+
+}
+
+
+table#cart-detail td.image img {
+ vertical-align: middle;
+}
+
+table#cart-detail td.description {
+ width: 250px;
+ padding-right: 50px;
+}
+
+table#cart-detail td.quantity {
+ width: 75px;
+ padding: 0;
+}
+
+table#cart-detail td.quantity input {
+ margin: 0!important;
+ width: 75px;
+ border: 1px solid #949494;
+ padding: 4px;
+}
+
+table#cart-detail td.unit-price, table#cart-detail td.total {
+ width: 60px;
+}
+
+table#cart-detail td.actions {
+ width: 130px;
+}
+
+table#cart-detail td.operator {
+ color: #999;
+ font-weight: normal;
+ text-align: center;
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+table#cart-detail a.delete {
+ background-color: #333;
+}
+
+table#cart-detail .actions {
+ margin: 20px 0px;
+}
+
+table#cart-detail .actions div {
+ float: left;
+ margin: 10px;
+}
+
+table#cart-detail .move_item form{
+ display:none;
+ margin: 2px 8px;
+}
+
+body#cart a.checkout {
+ background-color: #E41E1E;
+}
+
+body#cart p.actions {
+ text-align: right;
+ font-size: 1.20em;
+}
+
+body#cart p.actions, body#cart p.actions a {
+ color: #999;
+ margin-bottom: 40px;
+}
+
+#edit_wishlist {
+ padding: 0px 140px 10px;
+ display: none;
+ border-bottom: 1px solid #D9D9D9;
+ margin-bottom: 20px;
+}
+#edit_wishlist label{
+ color: #777777;
+}
+#edit_wishlist input[type='text'] {
+ border: 2px solid #A0A0A0;
+ border-radius:2px;
+ margin-bottom: 4px;
+}
+#edit_wishlist input[type="checkbox"] {
+ vertical-align: baseline;
+}
+#edit_wishlist div {
+ float: left;
+}
+#edit_wishlist a.button{
+ float: left;
+ line-height: 15px;
+ margin: 25px 110px;
+}
276 app/assets/stylesheets/checkout.css
@@ -0,0 +1,276 @@
+/* Styles for Checkout pages */
+/* ul, ol { margin-left: 2em; } */
+
+ul, ol {
+ margin-left: 0em;
+ list-style: none;
+}
+body#checkout ul.fields {
+ list-style: none;
+}
+
+input.blue {
+ color: #fff;
+ background-color: #0095da;
+}
+
+input.red {
+ color: #fff;
+ background-color: #e41e1e;
+}
+
+select {
+ padding: 7px 5px 5px;
+ color: #333;
+}
+
+input[type='text'], input[type='password'] {
+ font-size: 18px;
+ padding: 7px 5px 5px;
+ border: 2px solid #A0A0A0;
+ border-radius:2px;
+ margin-bottom: 4px;
+ color: #333;
+
+}
+
+input[type='checkbox'] {
+ vertical-align: middle;
+}
+
+label {
+ color: #747474;
+ font-size: 14px;
+ margin-bottom: 2px;
+ display: block;
+}
+
+label.tick {
+ display: inline;
+ vertical-align: -2px;
+}
+
+body#checkout div[role='main-content'] {
+ float:left;
+}
+
+body#checkout div[role='checkout'] {
+ vertical-align:top;
+ padding: 0 0 100px 0;
+ float: left;
+}
+
+body#checkout div[role='checkout'] div[role='title'] {
+ margin: 40px 0 20px 0;
+ letter-spacing:2px;
+ color: #d4d4d4;
+ font: 40px Arvo, Georgia, "Times New Roman", Times, serif;
+
+}
+
+body#checkout div[role='checkout'] div#tabs {
+ font: 18px Georgia, "Times New Roman", Times, serif;
+ float: left;
+ z-index: 99;
+ background-color: #fff;
+ width:660px;
+}
+
+body#checkout div[role="checkout"] div#tabs ul {
+ margin: 0;
+ font: 45px "Arvo", sans-serif;
+}
+
+body#checkout div[role='checkout'] div#tabs li {
+ display: inline;
+ float: left;
+ background-color: #eceded;
+ border-bottom: 5px solid #b7cbe9;
+ width: 130px;
+ height: 70px;
+ padding-top: 10px;
+}
+
+body#checkout div[role='checkout'] div#tabs li.active {
+ background-color: #fff;
+ border: 5px solid #b7cbe9;
+ border-bottom: none;
+}
+
+body#checkout div[role='checkout'] div#tabs li.end {
+ border-right: 3px solid #eceded;
+}
+
+body#checkout div[role='checkout'] div#tabs li span.number {
+ color: #bfbfbf;
+ font-size: 54px;
+ padding: 0 0 0 5px;
+ display: inline-block;
+ font-family: Arial;
+}
+
+body#checkout div[role='checkout'] div#tabs li.active span.number {
+ color: #324781;
+}
+
+
+body#checkout div[role='checkout'] div#tabs li span.title {
+ color: #bfbfbf;
+ font-size: 18px;
+ width: 85px;
+ padding: 0 0 0 5px;
+ display: inline-block;
+}
+
+body#checkout div[role='checkout'] div#tabs li.active span.title {
+ color: #758ed0;
+}
+
+body#checkout div[role='content'] {
+ border: 5px solid #b7cbe9;
+ font-size: 18px;
+ color: #A0A0A0;
+ width: 530px;
+ padding: 100px 60px 50px 60px;
+}
+
+body#checkout div[role='content'] h2 {
+ font: 28px Arvo;
+ color: #747474;
+ margin: 0px;
+ padding: 0px 0px 20px 0px;
+}
+
+body#checkout div[role='content'] div.submit {
+ padding-top: 20px;
+ text-align: center;
+}
+
+body#checkout div[role='content'] hr {
+ margin: 40px -30px;
+ visibility: visible;
+ border: 1px solid #D4D4D4;
+}
+
+body#checkout div[role='content'] ul.fields {
+ color: #747474;
+ margin: 0px;
+}
+
+body#checkout div[role='content'] ul.fields li {
+ padding: 0px 0 16px 0;
+ text-align: left;
+ clear: both;
+}
+
+body#checkout div[role='content'] ul.fields li.options {
+ margin: 0px 50px;
+ padding: 0px;
+}
+
+body#checkout div[role='content'] ul.fields li.options label {
+ display: inline;
+ vertical-align: -5px;
+ font: 22px Arvo;
+ margin-left: 15px;
+}
+
+
+body#checkout div[role='content'] ul.fields .quart {
+ width: 127px;
+ float: left;
+ clear: none;
+}
+
+body#checkout div[role='content'] ul.fields .half {
+ width: 254px;
+ float: left;
+ clear: none;
+}
+
+body#checkout div[role='content'] ul.fields .three-quart {
+ width: 381px;
+ float: left;
+ clear: none;
+}
+
+
+body#checkout div[role='content'] ul.fields .last {
+ margin-left: 20px;
+}
+
+
+
+body#checkout div[role='content'] ul.fields input[type='text'] {
+ width: 100%;
+}
+
+body#checkout div[role='content'] ul.fields select {
+ width: 100%;
+}
+
+body#checkout div[role='aside'] {
+ border: 3px solid #eceded;
+ width: 250px;
+ float: left;
+ margin: 100px 0px 0px 22px;
+ padding: 10px;
+ color: #7f7f7f;
+ font-size: 14px;
+}
+
+body#checkout div[role='aside'] h3 {
+ color: #0095da;
+ font: 24px Arvo;
+ margin: 10px 5px 10px 15px;
+ padding: 0 0 10px 0;
+}
+
+body#checkout div[role='aside'] div[role='order'] table td {
+ padding-right: 10px;
+}
+
+body#checkout div[role='aside'] div[role='order'] table.total {
+ margin-top:20px;
+ width: 100%;
+ text-align: right;
+}
+
+body#checkout div[role='aside'] div[role='order'] th {
+ font-weight: normal;
+}
+
+body#checkout div[role='aside'] div[role='order'] table.items td {
+ padding-bottom: 10px;
+}
+
+body#checkout div[role='aside'] div[role='order'] table.total td {
+ padding-bottom: 5px;
+}
+
+
+body#checkout div[role='aside'] div[role='order'] tr.total th, div[role='aside'] div[role='order'] tr.total td {
+ font-weight: bold;
+}
+
+
+body#checkout div[role='aside'] div[role='order'] tr td.qty {
+ width: 36px;
+}
+
+body#checkout div[role='aside'] div[role='order'] tr td.description {
+ width: 160px;
+}
+
+
+body#checkout div[role='aside'] div[role='order'] tr td.price {
+ width: 36px;
+}
+
+body#checkout .hidden{
+ display: none;
+ visibility: visible;
+}
+
+/* End Styles for Checkout page */
+
263 app/assets/stylesheets/datepicker.css
@@ -0,0 +1,263 @@
+/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */
+
+/* The wrapper div */
+div.datePicker
+ {
+ position:absolute;
+ min-width:24em;
+ width:24em;
+ z-index:9999;
+ text-align:center;
+
+ /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
+ font:900 0.8em/0.8em Verdana, Sans-Serif;
+
+ /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
+ /* font:900 77%/77% Verdana; */
+
+ background:transparent;
+
+ /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
+ -moz-user-select:none;
+ -khtml-user-select:none;
+ }
+/* Styles for the static datePickers */
+div.staticDP
+ {
+ position:relative;
+ top:5px;
+ left:0;
+ }
+/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
+iframe.iehack
+ {
+ position:absolute;
+ background:#fff;
+ z-index:9998;
+ padding:0;
+ border:0;
+ display:none;
+ margin:0;
+ }
+/* The "button" created beside each input for non-static datePickers */
+a.date-picker-control:link,
+a.date-picker-control:visited,
+a.date-picker-control:hover,
+a.date-picker-control:active,
+a.date-picker-control:focus
+ {
+ /*position:relative;*/
+ /* Moz & FF */
+ display: -moz-inline-stack;
+ border:0 none;
+ padding:0;
+ margin:0 0 0 4px;
+ background:transparent url(/images/datepicker/cal.gif) no-repeat 50% 50%;
+ min-width:16px;
+ line-height:1;
+ cursor:pointer;
+ visibility:visible;
+ text-decoration:none;
+ vertical-align:middle;
+ }
+/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
+* html a.date-picker-control
+ {
+ width:16px;
+ }
+a.date-picker-control
+ {
+ /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
+ display:inline-block;
+ }
+a.date-picker-control span
+ {
+ display:block;
+ width:16px;
+ height:16px;
+ margin:auto 0;
+ }
+/* The next & previous buttons */
+div.datePicker th span
+ {
+ display:inline;
+ padding:0;
+ margin:0;
+ color:#000;
+ text-align:center;
+ line-height:1em;
+ border-width:0;
+ font-family: georgia, times new roman, palatino, times, bookman, serif;
+ background:transparent;
+ font-weight:bold;
+ cursor:pointer;
+ }
+div.datePicker th span.month-display,
+div.datePicker th span.year-display
+ {
+ text-transform:uppercase;
+ letter-spacing:1px;
+ font:normal 1.2em Verdana, Sans-Serif;
+ cursor:default;
+ }
+div.datePicker th span.prev-but,
+div.datePicker th span.next-but
+ {
+ font-size:1.8em;
+ cursor:pointer !important;
+ }
+
+div.datePicker th span.today-but
+ {
+ text-align:center;
+ margin:0 auto;
+ font:normal 1em Verdana, Sans-Serif;
+ width:100%;
+ text-decoration:none;
+ line-height:1.6em;
+ text-transform:uppercase;
+ cursor:pointer !important
+ }
+div.datePicker thead th span.fd-disabled
+ {
+ color:#aaa;
+ cursor:default !important;
+ }
+/* The mon, tue, wed etc day buttons */
+div.datePicker th span.fd-day-header
+ {
+ text-align:center;
+ margin:0 auto;
+ font:900 1em Verdana, Sans-Serif;
+ height:1.4em;
+ width:2em;
+ text-decoration:none;
+ text-transform:lowercase;
+ line-height:1.4em;
+ }
+/* The table */
+div.datePicker table
+ {
+ position:relative;
+ margin:0;
+ padding:0;
+ border:1px solid #ccc;
+ background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
+ text-align:center;
+ width:100%;
+ border-spacing:2px;
+ table-layout:fixed;
+ border-collapse:separate;
+ }
+/* Common TD & TH styling */
+div.datePicker table td
+ {
+ border:1px solid #ccc;
+ padding:0;
+ text-align:center;
+ vertical-align:middle;
+ /* Opera requires a line-height bigger than 1em in order to redraw properly */
+ line-height:1.2em;
+ cursor:pointer;
+ background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
+ width:3em;
+ height:3em !important;
+ height:2.8em;
+ outline:none;
+ }
+div.datePicker table th
+ {
+ border:0 none;
+ padding:0;
+ line-height:1em;
+ font-weight:bold;
+ color:#222;
+ text-align:center;
+ vertical-align:middle;
+ }
+div.datePicker table td.date-picker-unused
+ {
+ background:#fff url(/images/datepicker/backstripes.gif);
+ border-color:#dcdcdc;
+ padding:0;
+ cursor:default !important;
+ }
+div.datePicker table thead th.date-picker-title
+ {
+ width:auto;
+ height:auto;
+ padding:0.4em 0;
+ }
+/* The "mon tue wed etc" day header button styles */
+div.datePicker table th.date-picker-day-header
+ {
+ text-transform:lowercase;
+ width:3em;
+ }
+div.datePicker table th.date-picker-day-header span
+ {
+ display:block;
+ }
+/* The "todays date" style */
+div.datePicker table td.date-picker-today
+ {
+ background:#fff url(/images/datepicker/bullet2.gif) no-repeat 0 0;
+ color:rgb(100,100,100) !important;
+ }
+/* The "selected date" style */
+div.datePicker table td.date-picker-selected-date
+ {
+ color:#333 !important;
+ border-color:#333 !important;
+ }
+/* the "highlight days" style */
+td.date-picker-highlight
+ {
+ color:#a86666;
+ }
+/* The date "out of range" style */
+div.datePicker table td.out-of-range
+ {
+ color:#ccc !important;
+ font-style:oblique;
+ background:#fcfcfc !important;
+ cursor:default !important;
+ }
+/* The "disabled days" style */
+div.datePicker table td.day-disabled
+ {
+ color:#aaa !important;
+ background:transparent !important;
+ cursor:default !important;
+ }
+/* The "active cursor" style */
+div.datePicker table tbody td.date-picker-hover
+ {
+ background:#fff url(/images/datepicker/bg_header.jpg) no-repeat 0 0;
+ cursor:pointer;
+ border-color:rgb(100,130,170);
+ color:rgb(100,130,170);
+ }
+/*
+ Quirksmode necessity?
+ ---------------------
+
+ If your HTML document renders in quirksmode (i.e. has no doctype declaration)
+ then uncomment the following CSS rule to set a less drastic font-size in IE
+
+div.datePicker table th,
+div.datePicker table td
+ {
+ font-size:100%;
+ }
+*/
+
+/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
+* html div.datePicker table td
+ {
+ background-image:none;
+ }
+* html div.datePicker table td.date-picker-unused
+ {
+ background:#f2f2f2;
+ }
37 app/assets/stylesheets/editor.css
@@ -0,0 +1,37 @@
+.yui-editor-container A {color: black !important;}
+.editor-mask-container.active .editor-mask {
+ background-color: black;
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
+ -moz-opacity: 0.3; /* Mozilla 1.6 */
+ -webkit-opacity: 0.3; /* Mozilla 1.6 */
+ -khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
+ opacity: 0.3;
+ width: 100%;
+ height: 100%;
+ width: 100%;
+ z-index: 100;
+ position: fixed;
+ top: 0;
+ left: 0;
+}
+.editor-mask-container .editor-mask-label {display: none;}
+.editor-mask-container.active .editor-mask-label {
+ background-color: black;
+ color: white;
+ font-weight: bold;
+ height: 25px;
+ left: 50%;
+ margin-left: -130px;
+ padding: 30px 50px;
+ position: fixed;
+ top: 250px;
+ width: 200px;
+ z-index: 101;
+ display: block !important;
+}
+.yui-toolbar-imageUpload {
+ background: url("/images/upload_image.png") no-repeat scroll 50% 50% transparent !important;
+}
+.yui-toolbar-fileUpload {
+ background: url("/images/upload_file.png") no-repeat scroll 50% 50% transparent !important;
+}
55 app/assets/stylesheets/errors.css
@@ -0,0 +1,55 @@
+.flash {
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ font-size: 1.3em;
+ margin-bottom: 1em;
+ padding: 0.8em;
+}
+.flash.notice {
+ background: #ccddff url(../images/shadow_top.png) 0px -50px repeat-x;
+ color: #556699;
+ border: 1px solid #99aacc;
+ margin-top: 1em;
+}
+.flash.errors {
+ background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
+ color: #000000;
+ border: 1px solid #000000;
+ margin-top: 1em;
+}
+.formError {
+ font-size: 1.3em;
+ margin-bottom: 1em;
+ padding: 0.8em;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
+ color: #000000;
+ border: 1px solid #000000;
+}
+.formError p { margin: 0px; }
+.formError ul { margin-bottom: 0px; }
+.formError h2 {
+ font-weight: bold;
+ font-size: 1em;
+ margin: 0px;
+}
+#errorExplanation {
+ font-size: 1.3em;
+ margin: 1em 0;
+ padding: 0.8em;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
+ color: #000000;
+ border: 1px solid #000000;
+}
+#errorExplanation p { margin: 0px; }
+#errorExplanation ul { margin-bottom: 0px; }
+#errorExplanation h2 {
+ font-size: 1em;
+ margin: 0px;
+}
129 app/assets/stylesheets/homepage.css
@@ -0,0 +1,129 @@
+/* @override
+ http://localhost:3000/stylesheets/homepage.css?1295539030
+ http://localhost:3000/stylesheets/homepage.css
+*/
+
+body#homepage { background-image: url('/assets/bg.jpg') }
+
+#homepage #banner {
+ height: 340px;
+ position: relative;
+ height: 340px;
+ margin-bottom: 20px;
+ z-index: 2;
+}
+div#banner div.button {
+ position: absolute;
+ top: 49px;
+ left: 640px;
+}
+div#banner div.button img {
+ margin-bottom: 20px;
+}
+div#banner section {
+ height: 303px;
+}
+
+header a, #banner nav ul li a {
+ text-transform: uppercase;
+ text-decoration: none;
+}
+
+
+#banner nav {
+ width: 100%;
+}
+#banner nav ul {width:100%;}
+#banner nav ul li {
+ width: 215px;
+ list-style: none;
+ display: block;
+ float: left;
+ line-height: 1em;
+ text-align: center;
+ padding-top: 3px;
+}
+#banner nav ul li.first, #banner nav ul li.last {
+ width: 50px;
+ font-weight: bold;
+}
+#banner nav ul li a {
+ font: normal normal bold 1.2em/2.2em Helvetica,Arial,sans-serif;
+ text-shadow: #CE2828 1px 1px 1px;
+ color: #3E0303;
+}
+#banner nav ul li.current a,
+#banner nav ul li a:hover {
+ color: #fff;
+ text-shadow: #3E0303 1px 1px 1px;
+}
+
+
+
+
+#homepage #taxons {
+ background: url(../images/dogradio/homepage/taxons-bg.png);
+ width: 960px;
+ margin-bottom: 30px;
+}
+#homepage #taxons div {
+ width: 318px;
+ padding: 1px;
+ height: 309px;
+ float: left;
+ text-align: center;
+}
+#homepage #taxons h3 {
+ font-size: 1.5em;
+ margin: 20px 0 10px 0;
+}
+#homepage #taxons h3 a {
+ text-decoration: none;
+}
+
+
+#homepage #contact {
+ float: left;
+ background-color: #F3F3F3;
+ border-radius: 10px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ padding: 30px 30px 60px 30px;
+ color: #666;
+ font-family: Trebuchet MS;
+}
+
+#homepage #all-products , #homepage #contact {
+ float: left;
+}
+#homepage #all-products {
+ width: 460px;
+ margin-right: 40px;
+}
+#homepage #all-products .left, #homepage #all-products .right {
+ width: 210px;
+ float: left;
+}
+#homepage #all-products .left {
+ margin-right: 40px;
+}
+
+#homepage #contact {
+ width: 400px;
+ }
+#homepage #contact h2 {
+ color: #D72A2A;
+}
+#homepage #contact p {
+ font-size: 1.5em;
+ margin-bottom: 1em;
+}
+#homepage #contact table {
+ width: 100%;
+}
+#homepage #contact td {
+ font-size: 1.2em;
+ padding-bottom: 10px;
+}
+
+
48 app/assets/stylesheets/jq-autocomplete.css
@@ -0,0 +1,48 @@
+.ac_results {
+ padding: 0px;
+ border: 1px solid black;
+ background-color: white;
+ overflow: hidden;
+ z-index: 99999;
+}
+
+.ac_results ul {
+ width: 100%;
+ list-style-position: outside;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.ac_results li {
+ margin: 0px;
+ padding: 2px 5px;
+ cursor: default;
+ display: block;
+ /*
+ if width will be 100% horizontal scrollbar will apear
+ when scroll mode will be used
+ */
+ /*width: 100%;*/
+ font: menu;
+ font-size: 12px;
+ /*
+ it is very important, if line-height not setted or setted
+ in relative units scroll will be broken in firefox
+ */
+ line-height: 16px;
+ overflow: hidden;
+}
+
+.ac_loading {
+ background: white url('indicator.gif') right center no-repeat;
+}
+
+.ac_odd {
+ background-color: #eee;
+}
+
+.ac_over {
+ background-color: #0A246A;
+ color: white;
+}
866 app/assets/stylesheets/jq-mobile-1.0a2.css
@@ -0,0 +1,866 @@
+/*!
+ * jQuery Mobile v1.0a2
+ * http://jquerymobile.com/
+ *
+ * Copyright 2010, jQuery Project
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ */
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* Note: Code is in draft form and is subject to change
+*/
+
+
+
+/* theme bar,body,btn containers
+----------------------------------*/
+.ui-bar-a { border: 1px solid #2A2A2A; background: #111111; color: #fff; font-weight: bold; text-shadow: 0 -1px 1px #000; background-image: -moz-linear-gradient(top, #3c3c3c, #111111); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #3c3c3c),color-stop(1, #111111)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')"; }
+.ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button { font-family: Helvetica, Arial, sans-serif; }
+.ui-bar-a .ui-link-inherit { color: #fff; }
+.ui-bar-a .ui-link { color: #7cc4e7; font-weight: bold; }
+
+.ui-body-a { border: 1px solid #2A2A2A; background: #222222; color: #fff; text-shadow: 0 1px 0 #000; font-weight: normal; background-image: -moz-linear-gradient(top, #666666, #222222); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #666666),color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222)')"; }
+.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button { font-family: Helvetica, Arial, sans-serif; }
+.ui-body-a .ui-link-inherit { color: #fff; }
+.ui-body-a .ui-link { color: #2489CE; font-weight: bold; }
+.ui-br { border-bottom: 1px solid rgba(130,130,130,.3); }
+
+.ui-btn-up-a { border: 1px solid #222; background: #333333; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px #000; text-decoration: none; background-image: -moz-linear-gradient(top, #555555, #333333); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #555555),color-stop(1, #333333)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')"; }
+.ui-btn-up-a a.ui-link-inherit { color: #fff; }
+.ui-btn-hover-a { border: 1px solid #000; background: #444444; font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #000; text-decoration: none; background-image: -moz-linear-gradient(top, #666666, #444444); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #666666),color-stop(1, #444444)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#444444')"; }
+.ui-btn-hover-a a.ui-link-inherit { color: #fff; }
+.ui-btn-down-a { border: 1px solid #000; background: #3d3d3d; font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #000; background-image: -moz-linear-gradient(top, #333333, #5a5a5a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #333333),color-stop(1, #5a5a5a)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')"; }
+.ui-btn-down-a a.ui-link-inherit { color: #fff; }
+.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a { font-family: Helvetica, Arial, sans-serif; }
+
+
+
+
+.ui-bar-b { border: 1px solid #456f9a; background: #5e87b0; color: #fff; font-weight: bold; text-shadow: 0 -1px 1px #254f7a; background-image: -moz-linear-gradient(top, #81a8ce, #5e87b0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #81a8ce),color-stop(1, #5e87b0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')"; }
+.ui-bar-b, .ui-bar-b input, .ui-bar-b select, .ui-bar-b textarea, .ui-bar-b button { font-family: Helvetica, Arial, sans-serif; }
+.ui-bar-b .ui-link-inherit { color: #fff; }
+.ui-bar-b .ui-link { color: #7cc4e7; font-weight: bold; }
+
+.ui-body-b { border: 1px solid #C6C6C6; background: #cccccc; color: #333333; text-shadow: 0 1px 0 #fff; font-weight: normal; background-image: -moz-linear-gradient(top, #e6e6e6, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #cccccc)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#cccccc')"; }
+.ui-body-b, .ui-body-b input, .ui-body-b select, .ui-body-b textarea, .ui-body-b button { font-family: Helvetica, Arial, sans-serif; }
+.ui-body-b .ui-link-inherit { color: #333333; }
+.ui-body-b .ui-link { color: #2489CE; font-weight: bold; }
+
+.ui-btn-up-b { border: 1px solid #145072; background: #2567ab; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px #145072; text-decoration: none; background-image: -moz-linear-gradient(top, #4e89c5, #2567ab); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #5f9cc5),color-stop(1, #396b9e)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')"; }
+.ui-btn-up-b a.ui-link-inherit { color: #fff; }
+.ui-btn-hover-b { border: 1px solid #00516e; background: #4b88b6; font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #014D68; background-image: -moz-linear-gradient(top, #72b0d4, #4b88b6); text-decoration: none; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #72b0d4),color-stop(1, #4b88b6)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')"; }
+.ui-btn-hover-b a.ui-link-inherit { color: #fff; }
+.ui-btn-down-b { border: 1px solid #225377; background: #4e89c5; font-weight: bold; color: #fff; text-shadow: 0 -1px 1px #225377; background-image: -moz-linear-gradient(top, #396b9e, #4e89c5); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #396b9e),color-stop(1, #4e89c5)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#396b9e', EndColorStr='#4e89c5')"; }
+.ui-btn-down-b a.ui-link-inherit { color: #fff; }
+.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b { font-family: Helvetica, Arial, sans-serif; }
+
+
+
+
+.ui-bar-c { border: 1px solid #B3B3B3; background: #e9eaeb; color: #3E3E3E; font-weight: bold; text-shadow: 0 1px 1px #fff; background-image: -moz-linear-gradient(top, #f0f0f0, #e9eaeb); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0f0f0),color-stop(1, #e9eaeb)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')"; }
+.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { font-family: Helvetica, Arial, sans-serif; }
+
+.ui-body-c { border: 1px solid #B3B3B3; color: #333333; text-shadow: 0 1px 0 #fff; background: #f0f0f0; background-image: -moz-linear-gradient(top, #fff, #f0f0f0); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #f0f0f0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f0f0f0')"; }
+.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button { font-family: Helvetica, Arial, sans-serif; }
+.ui-body-c .ui-link-inherit { color: #333333; }
+.ui-body-c .ui-link { color: #2489CE; font-weight: bold; }
+
+.ui-btn-up-c { border: 1px solid #ccc; background: #eee; font-weight: bold; color: #444; cursor: pointer; text-shadow: 0 1px 1px #f6f6f6; text-decoration: none; background-image: -moz-linear-gradient(top, #fdfdfd, #eeeeee); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdfdfd),color-stop(1, #eeeeee)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; }
+.ui-btn-up-c a.ui-link-inherit { color: #2F3E46; }
+
+.ui-btn-hover-c { border: 1px solid #aaa; background: #f5f5f5; font-weight: bold; color: #111111; text-decoration: none; text-shadow: 0 1px 1px #fff; background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f5f5f5)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5')"; }
+.ui-btn-hover-c a.ui-link-inherit { color: #2F3E46; }
+
+.ui-btn-down-c { border: 1px solid #808080; background: #fdfdfd; font-weight: bold; color: #111111; text-shadow: 0 1px 1px #ffffff; background-image: -moz-linear-gradient(top, #eeeeee, #fdfdfd); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #fdfdfd)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')"; }
+.ui-btn-down-c a.ui-link-inherit { color: #2F3E46; }
+.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c { font-family: Helvetica, Arial, sans-serif; }
+
+
+.ui-bar-d { border: 1px solid #ccc; background: #bbb; color: #333; text-shadow: 0 1px 0 #eee; background-image: -moz-linear-gradient(top, #ddd, #bbb); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(1, #bbb)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddd', EndColorStr='#bbb')"; }
+.ui-bar-d, .ui-bar-d input, .ui-bar-d select, .ui-bar-d textarea, .ui-bar-d button { font-family: Helvetica, Arial, sans-serif; }
+.ui-bar-d .ui-link-inherit { color: #333; }
+.ui-bar-d .ui-link { color: #2489CE; font-weight: bold; }
+
+.ui-body-d { border: 1px solid #ccc; color: #333333; text-shadow: 0 1px 0 #fff; background: #ffffff; }
+.ui-body-d, .ui-body-d input, .ui-body-d select, .ui-body-d textarea, .ui-body-d button { font-family: Helvetica, Arial, sans-serif; }
+.ui-body-d .ui-link-inherit { color: #333333; }
+.ui-body-d .ui-link { color: #2489CE; font-weight: bold; }
+
+.ui-btn-up-d { border: 1px solid #ccc; background: #fff; font-weight: bold; color: #444; text-decoration: none; text-shadow: 0 1px 1px #fff; }
+.ui-btn-up-d a.ui-link-inherit { color: #333; }
+.ui-btn-hover-d { border: 1px solid #aaa; background: #eeeeee; font-weight: bold; color: #222; cursor: pointer; text-shadow: 0 1px 1px #fff; text-decoration: none; background-image: -moz-linear-gradient(top, #fdfdfd, #eeeeee); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fdfdfd),color-stop(1, #eeeeee)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"; }
+.ui-btn-hover-d a.ui-link-inherit { color: #222; }
+
+.ui-btn-down-d { border: 1px solid #aaaaaa; background: #ffffff; font-weight: bold; color: #111; text-shadow: 0 1px 1px #ffffff; background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"; }
+.ui-btn-down-d a.ui-link-inherit { border: 1px solid #808080; background: #ced0d2; font-weight: bold; color: #111; text-shadow: none; background-image: -moz-linear-gradient(top, #cccccc, #eeeeee); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cccccc),color-stop(1, #eeeeee)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')"; }
+.ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d { font-family: Helvetica, Arial, sans-serif; }
+
+
+.ui-bar-e { border: 1px solid #F7C942; background: #fadb4e; color: #333; text-shadow: 0 1px 0 #fff; background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fceda7),color-stop(1, #fadb4e)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"; }
+.ui-bar-e, .ui-bar-e input, .ui-bar-e select, .ui-bar-e textarea, .ui-bar-d button { font-family: Helvetica, Arial, sans-serif; }
+.ui-bar-e .ui-link-inherit { color: #333; }
+.ui-bar-e .ui-link { color: #2489CE; font-weight: bold; }
+
+.ui-body-e { border: 1px solid #F7C942; color: #333333; text-shadow: 0 1px 0 #fff; background: #faeb9e; background-image: -moz-linear-gradient(top, #fff, #faeb9e); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #faeb9e)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#faeb9e')"; }
+.ui-body-e, .ui-body-e input, .ui-body-e select, .ui-body-e textarea, .ui-body-e button { font-family: Helvetica, Arial, sans-serif; }
+.ui-body-e .ui-link-inherit { color: #333333; }
+.ui-body-e .ui-link { color: #2489CE; font-weight: bold; }
+
+
+.ui-btn-up-e { border: 1px solid #F7C942; background: #fadb4e; font-weight: bold; color: #333; cursor: pointer; text-shadow: 0 1px 1px #fe3; text-decoration: none; text-shadow: 0 1px 0 #fff; background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fceda7),color-stop(1, #fadb4e)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"; }
+.ui-btn-up-e a.ui-link-inherit { color: #333; }
+
+.ui-btn-hover-e { border: 1px solid #e79952; background: #fbe26f; font-weight: bold; color: #111; text-decoration: none; text-shadow: 0 1px 1px #fff; background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fcf0b5),color-stop(1, #fbe26f)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')"; }
+
+.ui-btn-hover-e a.ui-link-inherit { color: #333; }
+.ui-btn-down-e { border: 1px solid #F7C942; background: #fceda7; font-weight: bold; color: #111; text-shadow: 0 1px 1px #ffffff; background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fadb4e),color-stop(1, #fceda7)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')"; }
+.ui-btn-down-e a.ui-link-inherit { color: #333; }
+.ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e { font-family: Helvetica, Arial, sans-serif; }
+
+
+/* links within "buttons" */
+a.ui-link-inherit { text-decoration: none !important; }
+
+/* Active class used as the "on" state across all themes */
+.ui-btn-active { border: 1px solid #155678; background: #4596ce; font-weight: bold; color: #fff; cursor: pointer; text-shadow: 0 -1px 1px #145072; text-decoration: none; background-image: -moz-linear-gradient(top, #85bae4, #5393c5); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #85bae4),color-stop(1, #5393c5)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')"; }
+.ui-btn-active a.ui-link-inherit { color: #fff; }
+
+/* button inner top highlight */
+.ui-btn-inner { border-top: 1px solid #fff; border-color: rgba(255,255,255,.3); }
+
+
+/* Container Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: .6em; -webkit-border-top-left-radius: .6em; border-top-left-radius: .6em; }
+.ui-corner-tr { -moz-border-radius-topright: .6em; -webkit-border-top-right-radius: .6em; border-top-right-radius: .6em; }
+.ui-corner-bl { -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; }
+.ui-corner-br { -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; }
+.ui-corner-top { -moz-border-radius-topleft: .6em; -webkit-border-top-left-radius: .6em; border-top-left-radius: .6em; -moz-border-radius-topright: .6em; -webkit-border-top-right-radius: .6em; border-top-right-radius: .6em; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; }
+.ui-corner-right { -moz-border-radius-topright: .6em; -webkit-border-top-right-radius: .6em; border-top-right-radius: .6em; -moz-border-radius-bottomright: .6em; -webkit-border-bottom-right-radius: .6em; border-bottom-right-radius: .6em; }
+.ui-corner-left { -moz-border-radius-topleft: .6em; -webkit-border-top-left-radius: .6em; border-top-left-radius: .6em; -moz-border-radius-bottomleft: .6em; -webkit-border-bottom-left-radius: .6em; border-bottom-left-radius: .6em; }
+.ui-corner-all { -moz-border-radius: .6em; -webkit-border-radius: .6em; border-radius: .6em; }
+
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-disabled { cursor: default !important; opacity: .3; }
+
+/* Icons
+----------------------------------*/
+/* .ui-icon { background-position: 50% 50%; background-repeat: no-repeat; background-color: #fff; background-color: rgba(0,0,0,.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } */
+
+.ui-icon { background-image: url(images/icons-18-white.png); background-repeat: no-repeat; background-color: #666; background-color: rgba(0,0,0,.4); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
+.ui-icon-disc { background-color: #666; background-color: rgba(0,0,0,.3); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
+
+/* alt color */
+.ui-icon-black { background-image: url(images/icons-18-black.png); }
+.ui-icon-black-disc { background-color: #fff; background-color: rgba(255,255,255,.3); -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
+
+/* retina */
+@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
+ .ui-icon { background-image: url(images/icons-36-white.png); background-size: 558px 18px; }
+ .ui-icon-black { background-image: url(images/icons-36-black.png); }
+}
+
+/*plus minus*/
+.ui-icon-plus { background-position: -0 0; }
+.ui-icon-minus { background-position: -36px 0; }
+
+/* delete/close */
+.ui-icon-delete { background-position: -72px 0; }
+
+/*arrows*/
+.ui-icon-arrow-r { background-position: -108px 0; }
+.ui-icon-arrow-l { background-position: -144px 0; }
+.ui-icon-arrow-u { background-position: -180px 0; }
+.ui-icon-arrow-d { background-position: -216px 0; }
+
+.ui-icon-check { background-position: -252px 0; }
+.ui-icon-gear { background-position: -288px 0; }
+.ui-icon-refresh { background-position: -324px 0; }
+.ui-icon-forward { background-position: -360px 0; }
+.ui-icon-back { background-position: -396px 0; }
+
+.ui-icon-grid { background-position: -432px 0; }
+.ui-icon-star { background-position: -468px 0; }
+.ui-icon-alert { background-position: -504px 0; }
+.ui-icon-info { background-position: -540px 0; }
+
+/*checks,radios*/
+.ui-icon-checkbox-off,
+.ui-icon-checkbox-on,
+.ui-icon-radio-off,
+.ui-icon-radio-on { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-size: 20px 20px; }
+
+.ui-icon-checkbox-off { background-image: url(images/form-check-off.png); }
+.ui-icon-checkbox-on { background-image: url(images/form-check-on.png); }
+.ui-icon-radio-off { background-image: url(images/form-radio-off.png);}
+.ui-icon-radio-on { background-image: url(images/form-radio-on.png); }
+
+.ui-icon-search { background-image: url(images/icon-search-black.png); background-size: 16px 16px; }
+
+/* loading icon */
+.ui-icon-loading { background-image: url(images/ajax-loader.png); width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-size: 35px 35px; }
+
+/* btn Corner radius */
+.ui-btn-corner-tl { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; }
+.ui-btn-corner-tr { -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; }
+.ui-btn-corner-bl { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; }
+.ui-btn-corner-br { -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
+.ui-btn-corner-top { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; }
+.ui-btn-corner-bottom { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
+.ui-btn-corner-right { -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
+.ui-btn-corner-left { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; }
+.ui-btn-corner-all { -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;}
+
+/* radius clip */
+.ui-corner-tl, .ui-corner-tr, .ui-corner-bl,
+.ui-corner-br, .ui-corner-top, .ui-corner-bottom,
+.ui-corner-right, .ui-corner-left, .ui-corner-all,
+.ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl,
+.ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom,
+.ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all {
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding-box;
+ background-clip: padding-box;
+}
+
+/* Overlays */
+.ui-overlay { background: #666; opacity: .5; filter:Alpha(Opacity=50); position: absolute; width: 100%; height: 100%; }
+.ui-overlay-shadow { -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); box-shadow: 0px 0px 12px rgba(0,0,0,.6); }
+
+.ui-shadow { -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3); box-shadow: 0px 1px 4px rgba(0,0,0,.3); }
+.ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow , .ui-bar-c .ui-shadow { -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); box-shadow: 0px 1px 0 rgba(255,255,255,.3); }
+.ui-shadow-inset { -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); }
+.ui-icon-shadow { -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4); box-shadow: 0px 1px 0 rgba(255,255,255,.4); }
+
+/* set focus state last */
+.ui-focus { outline-width: 0; -moz-box-shadow: 0px 0px 12px #387bbe; -webkit-box-shadow: 0px 0px 12px #387bbe; box-shadow: 0px 0px 12px #387bbe; }
+
+/* unset box shadow in browsers that don't do it right */
+.ui-mobile-nosupport-boxshadow * { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
+.ui-mobile-nosupport-boxshadow .ui-focus { outline-width: 2px; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* Note: Code is in draft form and is subject to change
+*/
+
+/* some unsets - more probably needed */
+.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
+.ui-mobile a img, .ui-mobile fieldset { border: 0; }
+
+/* responsive page widths */
+.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+/*orientations from js are available */
+.portrait { }
+.landscape { }
+
+/* "page" containers - full-screen views, one should always be in view post-pageload */
+.ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
+.ui-page-active { display: block; overflow: visible; min-height: 100%; }
+
+/* loading screen */
+.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
+.ui-loading .ui-loader { display: block; }
+.ui-loading .ui-page { overflow: hidden; }
+.ui-loader { display: none; position: absolute; opacity: .85; z-index: 10; top: 75px; left: 50%; width: 200px; margin-left: -130px; padding: 20px 30px; }
+.ui-loader h1 { font-size: 15px; text-align: center; }
+.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
+
+/*fouc*/
+.ui-mobile-rendering > * { visibility: hidden; }
+
+/*headers, content panels*/
+.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
+.ui-bar { font-size: 16px; margin: 0; }
+.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
+
+.ui-header, .ui-footer { display: block; }
+.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
+.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
+.ui-header .ui-title, .ui-footer .ui-title { text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
+.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
+
+/*content area*/
+.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
+.ui-page-fullscreen .ui-content { padding:0; }
+
+/* icons sizing */
+.ui-icon { width: 18px; height: 18px; }
+
+/* fullscreen class on ui-content div */
+.ui-fullscreen { }
+.ui-fullscreen img { max-width: 100%; }
+
+/* non-js content hiding */
+.ui-nojs { position: absolute; left: -9999px; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.spin {
+ -webkit-transform: rotate(360deg);
+ -webkit-animation-name: spin;
+ -webkit-animation-duration: 1s;
+ -webkit-animation-iteration-count: infinite;
+}
+@-webkit-keyframes spin {
+ from {-webkit-transform: rotate(0deg);}
+ to {-webkit-transform: rotate(360deg);}
+}
+
+/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
+Built by David Kaneda and maintained by Jonathan Stark.
+*/
+.in, .out {
+ -webkit-animation-timing-function: ease-in-out;
+ -webkit-animation-duration: 350ms;
+}
+
+.slide.in {
+ -webkit-transform: translateX(0);
+ -webkit-animation-name: slideinfromright;
+}
+
+.slide.out {
+ -webkit-transform: translateX(-100%);
+ -webkit-animation-name: slideouttoleft;
+}
+
+.slide.in.reverse {
+ -webkit-transform: translateX(0);
+ -webkit-animation-name: slideinfromleft;
+}
+
+.slide.out.reverse {
+ -webkit-transform: translateX(100%);
+ -webkit-animation-name: slideouttoright;
+}
+
+.slideup.in {
+ -webkit-transform: translateY(0);
+ -webkit-animation-name: slideinfrombottom;
+ z-index: 10;
+}
+
+.slideup.out {
+ -webkit-animation-name: dontmove;
+ z-index: 0;
+}
+
+.slideup.out.reverse {
+ -webkit-transform: translateY(100%);
+ z-index: 10;
+ -webkit-animation-name: slideouttobottom;
+}
+
+.slideup.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+.slidedown.in {
+ -webkit-transform: translateY(0);
+ -webkit-animation-name: slideinfromtop;
+ z-index: 10;
+}
+
+.slidedown.out {
+ -webkit-animation-name: dontmove;
+ z-index: 0;
+}
+
+.slidedown.out.reverse {
+ -webkit-transform: translateY(-100%);
+ z-index: 10;
+ -webkit-animation-name: slideouttotop;
+}
+
+.slidedown.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+
+@-webkit-keyframes slideinfromright {
+ from { -webkit-transform: translateX(100%); }
+ to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideinfromleft {
+ from { -webkit-transform: translateX(-100%); }
+ to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideouttoleft {
+ from { -webkit-transform: translateX(0); }
+ to { -webkit-transform: translateX(-100%); }
+}
+
+@-webkit-keyframes slideouttoright {
+ from { -webkit-transform: translateX(0); }
+ to { -webkit-transform: translateX(100%); }
+}
+
+
+@-webkit-keyframes slideinfromtop {
+ from { -webkit-transform: translateY(-100%); }
+ to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slideinfrombottom {
+ from { -webkit-transform: translateY(100%); }
+ to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slideouttobottom {
+ from { -webkit-transform: translateY(0); }
+ to { -webkit-transform: translateY(100%); }
+}
+
+@-webkit-keyframes slideouttotop {
+ from { -webkit-transform: translateY(0); }
+ to { -webkit-transform: translateY(-100%); }
+}
+@-webkit-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+@-webkit-keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+.fade.in {
+ opacity: 1;
+ z-index: 10;
+ -webkit-animation-name: fadein;
+}
+.fade.out {
+ z-index: 0;
+}
+
+/* The properties in this body rule are only necessary for the 'flip' transition.
+ * We need specify the perspective to create a projection matrix. This will add
+ * some depth as the element flips. The depth number represents the distance of
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
+ * value.
+ */
+.ui-mobile-viewport-transitioning {
+ -webkit-perspective: 1000;
+ position: absolute;
+}
+
+.ui-mobile-viewport-transitioning,
+.ui-mobile-viewport-transitioning .ui-page {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.flip {
+ -webkit-animation-duration: .65s;
+ -webkit-backface-visibility:hidden;
+ -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+}
+
+.flip.in {
+ -webkit-transform: rotateY(0) scale(1);
+ -webkit-animation-name: flipinfromleft;
+}
+
+.flip.out {
+ -webkit-transform: rotateY(-180deg) scale(.8);
+ -webkit-animation-name: flipouttoleft;
+}
+
+/* Shake it all about */
+
+.flip.in.reverse {
+ -webkit-transform: rotateY(0) scale(1);
+ -webkit-animation-name: flipinfromright;
+}
+
+.flip.out.reverse {
+ -webkit-transform: rotateY(180deg) scale(.8);
+ -webkit-animation-name: flipouttoright;
+}
+
+@-webkit-keyframes flipinfromright {
+ from { -webkit-transform: rotateY(-180deg) scale(.8); }
+ to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipinfromleft {
+ from { -webkit-transform: rotateY(180deg) scale(.8); }
+ to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipouttoleft {
+ from { -webkit-transform: rotateY(0) scale(1); }
+ to { -webkit-transform: rotateY(-180deg) scale(.8); }
+}
+
+@-webkit-keyframes flipouttoright {
+ from { -webkit-transform: rotateY(0) scale(1); }
+ to { -webkit-transform: rotateY(180deg) scale(.8); }
+}
+
+
+/* Hackish, but reliable. */
+
+@-webkit-keyframes dontmove {
+ from { opacity: 1; }
+ to { opacity: 1; }
+}
+
+.pop {
+ -webkit-transform-origin: 50% 50%;
+}
+
+.pop.in {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ -webkit-animation-name: popin;
+ z-index: 10;
+}
+
+.pop.out.reverse {
+ -webkit-transform: scale(.2);
+ opacity: 0;
+ -webkit-animation-name: popout;
+ z-index: 10;
+}
+
+.pop.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+
+@-webkit-keyframes popin {
+ from {
+ -webkit-transform: scale(.2);
+ opacity: 0;
+ }
+ to {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes popout {
+ from {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: scale(.2);
+ opacity: 0;
+ }
+}/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* content configurations. */
+.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
+.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; }
+
+/* grid a: 50/50 */
+.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
+.ui-grid-a .ui-block-a { clear: left; }
+
+/* grid b: 33/33/33 */
+.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
+.ui-grid-b .ui-block-a { clear: left; }
+
+/* grid c: 25/25/25/25 */
+.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
+.ui-grid-c .ui-block-a { clear: left; }
+
+/* grid d: 20/20/20/20/20 */
+.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
+.ui-grid-d .ui-block-a { clear: left; }/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+/* fixed page header & footer configuration */
+.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
+.ui-header-fixed, .ui-footer-fixed {
+ z-index: 1000;
+ -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
+}
+.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
+.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-navbar { overflow: hidden; }
+.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
+.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
+.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
+.ui-navbar li.ui-navbar-truncate { position: absolute; left: -99999px; top: -99999px; }
+.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; outline: none; border-right-width: 0; }
+.ui-navbar li .ui-btn { margin-right: -1px; }
+.ui-navbar li .ui-btn:last-child { margin-right: 0; }
+.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
+.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
+.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
+.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
+/*expanded page styles*/
+.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
+.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
+.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
+.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
+.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
+.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
+.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
+.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
+.ui-btn:focus, .ui-btn a:focus { outline: none; }
+.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
+.ui-btn-inline { display: inline-block; }
+.ui-btn-inner { padding: .6em 25px; display: block; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; }
+.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
+.ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
+.ui-btn-icon-notext .ui-btn-inner { padding: 0; }
+.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
+.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
+.ui-header .ui-btn-icon-left .ui-btn-inner,
+.ui-footer .ui-btn-icon-left .ui-btn-inner,
+.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
+.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
+.ui-header .ui-btn-icon-right .ui-btn-inner,
+.ui-footer .ui-btn-icon-right .ui-btn-inner,
+.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
+.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
+.ui-header .ui-btn-icon-top .ui-btn-inner,
+.ui-footer .ui-btn-icon-top .ui-btn-inner,
+.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
+.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
+.ui-header .ui-btn-icon-bottom .ui-btn-inner,
+.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
+.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
+
+/*btn icon positioning*/
+.ui-btn-icon-notext .ui-icon { display: block; }
+.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
+.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
+.ui-btn-icon-left .ui-icon { left: 10px; }
+.ui-btn-icon-right .ui-icon {right: 10px; }
+.ui-header .ui-btn-icon-left .ui-icon,
+.ui-footer .ui-btn-icon-left .ui-icon,
+.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
+.ui-header .ui-btn-icon-right .ui-icon,
+.ui-footer .ui-btn-icon-right .ui-icon,
+.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
+.ui-header .ui-btn-icon-top .ui-icon,
+.ui-footer .ui-btn-icon-top .ui-icon,
+.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
+.ui-header .ui-btn-icon-bottom .ui-icon,
+.ui-footer .ui-btn-icon-bottom .ui-icon,
+.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
+.ui-btn-icon-top .ui-icon { top: 5px; }
+.ui-btn-icon-bottom .ui-icon { bottom: 5px; }
+/*hiding native button,inputs */
+.ui-btn-hidden { position: absolute; left: -9999px; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-collapsible-contain { margin: .5em 0; }
+.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
+.ui-collapsible-heading a { text-align: left; margin: 0; }
+.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
+.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
+.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 0; }
+.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
+.ui-collapsible-heading-status { position:absolute; left:-99999px; }
+.ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
+.ui-collapsible-content-collapsed { display: none; }
+
+.ui-collapsible-set { margin: .5em 0; }
+.ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
+.ui-bar .ui-controlgroup { margin: 0 .3em; }
+.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
+.ui-controlgroup-controls { display: block; width: 95%;}
+.ui-controlgroup li { list-style: none; }
+.ui-controlgroup-vertical .ui-btn,
+.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
+.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
+.ui-controlgroup-horizontal { padding: 0; }
+.ui-controlgroup-horizontal .ui-btn,
+.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { margin: 0 -5px 0 0; display: inline-block; }
+.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
+.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
+.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
+.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
+/* conflicts with listview..
+.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
+.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
+*/
+
+.min-width-480px .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
+.min-width-480px .ui-controlgroup-controls { width: 60%; display: inline-block; } /*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }
+.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
+.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; }
+.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; }
+.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
+.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
+.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
+.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
+/* input, label positioning */
+.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; }/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-field-contain { background: none; padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
+.ui-field-contain:first-child { border-top-width: 0; }
+@media screen and (max-width: 480px){
+ .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
+}/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-select { display: block; }
+.ui-select select { position: absolute; left: -99999px; }
+.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
+.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
+
+/* labels */
+label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
+
+/*listbox*/
+.ui-listbox { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
+.ui-listbox .ui-listview { margin: 0;
+ }
+.ui-listbox-hidden { top: -999999px; left: -99999px; }
+.ui-listbox-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
+.ui-screen-hidden, .ui-listbox-list .ui-li .ui-icon { display: none; }
+.ui-listbox-list .ui-btn-active .ui-icon { display: block; }
+
+/*used in listbox - to be removed/replaced with page-style hiding*/
+.ui-helper-hidden,.ui-mobile .ui-content-hidden { display: none; }
+
+.min-width-480px label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }
+.min-width-480px .ui-select { width: 60%; display: inline-block; } /*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
+input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
+textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
+.ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
+.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
+.ui-input-search .ui-input-clear { position: absolute; right: 2px; top: 50%; margin-top: -12px; }
+.ui-input-search .ui-input-clear-hidden { display: none; }
+
+/* orientation adjustments - incomplete!*/
+.min-width-480px label.ui-input-text { vertical-align: top; }
+.min-width-480px label.ui-input-text { display: inline-block; width: 20%; margin: 0 2% 0 0; }
+.min-width-480px input.ui-input-text,
+.min-width-480px textarea.ui-input-text,
+.min-width-480px .ui-input-search { width: 60%; display: inline-block; }
+.min-width-480px .ui-input-search { width: 50%; }/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-listview { margin: 0; counter-reset: listnumbering; }
+.ui-content .ui-listview { margin: -15px; }
+.ui-content .ui-listview-inset { margin: 1em 0; }
+.ui-listview, .ui-li { list-style:none; padding:0; zoom: 1; }
+.ui-li { display: block; margin:0; position: relative; overflow: hidden; text-align: left; border-width: 0; border-top-width: 1px; }
+.ui-li .ui-btn-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
+.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; counter-reset: listnumbering; }
+ol.ui-listview .ui-link-inherit:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
+ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
+.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
+.ui-li:last-child { border-bottom-width: 1px; }
+.ui-li .ui-btn-inner { display: block; position: relative; padding: .7em 75px .7em 15px; }
+.ui-li-has-thumb .ui-btn-inner { min-height: 60px; padding-left: 100px; }
+.ui-li-has-icon .ui-btn-inner { min-height: 20px; padding-left: 40px; }
+.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
+.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
+.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
+.ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
+.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
+
+.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
+.min-width-480px .ui-li-aside { width: 45%; }
+.ui-li-has-alt .ui-btn-inner { padding-right: 95px; }