diff --git a/experiments/converter/converter.css b/experiments/converter/converter.css new file mode 100644 index 00000000..bc0b5c5c --- /dev/null +++ b/experiments/converter/converter.css @@ -0,0 +1,6 @@ +ul li { clear:both; } +li p.units { padding-top:23px; font-size: 110%; font-weight:bold; } +li p.units a:link, li p.units a:visited { padding-top:26px; font-size: 90%; } + +li p.subtext { margin-top:2px; } +li p.ui-li-aside { font-size:190%; } \ No newline at end of file diff --git a/experiments/converter/index.html b/experiments/converter/index.html index b44887e5..1b64cdde 100644 --- a/experiments/converter/index.html +++ b/experiments/converter/index.html @@ -1,18 +1,15 @@ - jQuery Mobile Framework - Converter Demo Application + - -
+
@@ -21,9 +18,9 @@ .field { padding: 15px; } -
- Edit -

Converter demo

+
+ Edit +

Currency converter

-
+
- +
-
    +
      +

    • $ TO €

      22.34

      • +

    • $ TO €

      22.34

      • +

    • $ TO €

      22.34

      • +

    • $ TO €

      22.34

      • +
    -
    +

    Edit conversions

    + Done
    -

    Add or remove conversions

    - Add currency conversion - Restore default - Delete all conversions -
    -
      -
      + +
      +
      + Restore defaults
      -
      -
      -

      Add currency conversion

      - Cancel +
      +
      +

      Add new

      + Cancel
      -

      Select 2 currency options and add!

      - - - - - Add currency conversion +

      Select currencies to convert:

      +
      + + +
      +
      + + +
      +