diff --git a/test/visual/button.html b/test/visual/button.html deleted file mode 100644 index df88113e..00000000 --- a/test/visual/button.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - - - Buttons - - - - - - - - - -
- -
Flat:
-
Raised:
-
FAB:
-
Icon:
- -

With Ripples

- -
Flat:
-
Raised:
-
FAB:
-
Icon:
- -

.mdl-button--colored

- -
Flat:
-
Raised:
-
FAB:
- -

With Ripples

- -
Flat:
-
Raised:
-
FAB:
- -

.mdl-button--mini-fab

- -
- -

Disabled

- -
Flat:
-
Raised:
-
FAB:
-
Icon:
-
- - - - diff --git a/test/visual/card.html b/test/visual/card.html deleted file mode 100644 index c959b12c..00000000 --- a/test/visual/card.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - Card - - - - - -
-
-
-
-
-

Integer lectus lacus, condimentum vitae lectus vitae

-
-
- March 24th, 2014 -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia. Donec ut risus suscipit, convallis diam et, mattis urna. Phasellus sit amet ipsum nisl. Aliquam sed dictum neque. Vestibulum tempus at lacus et volutpat. Mauris molestie vel mauris id scelerisque. -
-
- Some Action -
-
-
-
-
-
-

Integer lectus lacus, condimentum vitae lectus vitae

-
-
- March 24th, 2014 -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia. Donec ut risus suscipit, convallis diam et, mattis urna. Phasellus sit amet ipsum nisl. Aliquam sed dictum neque. Vestibulum tempus at lacus et volutpat. Mauris molestie vel mauris id scelerisque. -
-
- Some Action -
-
-
-
-
-
-

Integer lectus lacus, condimentum vitae lectus vitae

-
-
- March 24th, 2014 -
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia. Donec ut risus suscipit, convallis diam et, mattis urna. Phasellus sit amet ipsum nisl. Aliquam sed dictum neque. Vestibulum tempus at lacus et volutpat. Mauris molestie vel mauris id scelerisque. -
-
- Some Action -
-
-
- - diff --git a/test/visual/checkbox.html b/test/visual/checkbox.html deleted file mode 100644 index 9deabffe..00000000 --- a/test/visual/checkbox.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - Checkbox - - - - - - - - -
- - - - - - - - - -
- - - diff --git a/test/visual/footer.html b/test/visual/footer.html deleted file mode 100644 index ba85a0d1..00000000 --- a/test/visual/footer.html +++ /dev/null @@ -1,110 +0,0 @@ - - - - - - - - Item - - - - - - - - - - - - - - diff --git a/test/visual/icon-toggle.html b/test/visual/icon-toggle.html deleted file mode 100644 index fb6d129b..00000000 --- a/test/visual/icon-toggle.html +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - - - Icon Toggles - - - - - - - - - -
- -
- - - - - -
- -

Disabled

- -
- - - - - -
-
- - - - diff --git a/test/visual/index.html b/test/visual/index.html index 1e005847..7e9bd4c7 100644 --- a/test/visual/index.html +++ b/test/visual/index.html @@ -10,62 +10,47 @@ - - + +
- Components -
-
- -
- +
+ Components +
+
+ +
+ +
Material Design Lite
@@ -73,7 +58,7 @@
- + diff --git a/test/visual/layout.html b/test/visual/layout.html deleted file mode 100644 index f304853a..00000000 --- a/test/visual/layout.html +++ /dev/null @@ -1,419 +0,0 @@ - - - - - - - - Layout - - - - - - - - - -

Default layout

-

Uses a header for large screen sizes and a collapsible drawer for smaller - screens.

- -
-
-
- -
-
- - Material Design Lite - -
- - -
-
-
- Material Design Lite - -
-
-
-
-
-
- - -

Scrolling header

-

Same as the standard layout, but the header scrolls with the content.

- -
-
-
- -
-
- - Material Design Lite - -
- - -
-
-
- Material Design Lite - -
-
-
-
-
-
- - -

Fixed drawer with header

-

The drawer is always open in large screen sizes, functioning as side - navigation.

- -
-
-
-
- Fixed drawer layout demo -
-
- -
- -
-
-
-
-
- Material Design Lite - -
-
-
-
-
-
- - -

Fixed drawer (no header)

-

Same as the previous layout, but with no header.

- -
-
-
- Material Design Lite - -
-
-
-
-
-
- - -

Fixed header

-

Always shows a header, even in smaller screens.

- -
-
-
- -
-
- - Material Design Lite - -
- - -
-
-
- Material Design Lite - -
-
-
-
-
-
- - -

Fixed drawer and fixed header

-

The drawer is always open in large screens. The header is always shown, - even in small screens.

- -
-
-
-
- Fixed drawer and header -
-
-
- Material Design Lite - -
-
-
-
-
-
- - -

Multi-row layout

-

Example of a more complex waterfall header, with multiple rows (on large - screens only).

- -
-
-
- -
- -
- - Material Design Lite -
- - -
- -
- - Multi-row layout demo - -
- -
-
- - -
-
-
- Material Design Lite - -
-
-
-
-
-
- - -

Transparent header

-

Uses a transparent header that draws on top of the layout's background.

- -
-
-
- -
-
- - Material Design Lite - -
- - -
-
-
- Material Design Lite - -
-
-
-
-
- -

Scrollable tabs

-

Simple header with scrollable tabs.

- -
-
-
- -
-
- - Material Design Lite -
- -
- Blue - Green - Red - Blue Two - Green Two - Red Two - Blue Three - Green Three - Red Three - Blue Four - Green Four - Red Four - Blue Five - Green Five - Red Five - Blue Six - Green Six - Red Six -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -

Fixed tabs

-

Simple header with fixed tabs.

- -
-
-
- -
-
- - Material Design Lite -
- -
- Blue - Green - Red -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - - - - diff --git a/test/visual/list.html b/test/visual/list.html deleted file mode 100644 index ede03c56..00000000 --- a/test/visual/list.html +++ /dev/null @@ -1,102 +0,0 @@ - - - - - - - - - Lists - - - - - - - - - - -
- -

Ordered

-
    -
  1. Item 1
    2. -
  2. Item 2
    3. -
  3. Item 3
    4. -
  4. Item 4
    5. -
  5. Item 5
    6. -
-

Unordered

-
    -
  • Item 1
    • -
  • Item 2
    • -
  • Item 3
    • -
  • Item 4
    • -
  • Item 5
    • -
-

Inlined

-
    -
  • Item 1
    • -
  • Item 2
    • -
  • Item 3
    • -
  • Item 4
    • -
  • Item 5
    • -
- -

Styled List View

- -

-

-

Contacts

-
-
    -
  • - - Ali Connors -
    • -
  • - - Sandra Williams -
    • -
  • - - Trevor Hansen -
    • -
  • - - Britta Holt -
    • -
  • - - David Park -
    • -
  • - - Jennifer Adams -
    • -
  • - - Frank Connors -
    • -
  • - - Sandra Williams -
    • -
  • - - Scott Michaels -
    • -
  • - - Matt Connors -
    • -
-
-
-

-
- - - - diff --git a/test/visual/menu.html b/test/visual/menu.html deleted file mode 100644 index 3d044aa0..00000000 --- a/test/visual/menu.html +++ /dev/null @@ -1,72 +0,0 @@ - - - - - - - - Menu - - - - - - - - -
- - - -
    -
  • 5.0 Lollipop
    • -
  • 4.4 KitKat
    • -
  • 4.3 Jelly Bean
    • -
  • Android History
    • -
- - - -
    -
  • 5.0 Lollipop
    • -
  • 4.4 KitKat
    • -
  • 4.3 Jelly Bean
    • -
  • Android History
    • -
- - - -
    -
  • 5.0 Lollipop
    • -
  • 4.4 KitKat
    • -
  • 4.3 Jelly Bean
    • -
  • Android History
    • -
- - - -
    -
  • 5.0 Lollipop
    • -
  • 4.4 KitKat
    • -
  • 4.3 Jelly Bean
    • -
  • Android History
    • -
- -
- - - - diff --git a/test/visual/palette.html b/test/visual/palette.html deleted file mode 100644 index 3d25769f..00000000 --- a/test/visual/palette.html +++ /dev/null @@ -1,429 +0,0 @@ - - - - - - - - - - - - - - - - Palette Demo — Material Design Lite - - -
-
-
-
Red
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Pink
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Purple
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Deep Purple
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Indigo
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Blue
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Light Blue
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Cyan
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Teal
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Green
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Light Green
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Lime
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Yellow
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Amber
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Orange
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Deep Orange
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
A100
-
A200
-
A400
-
A700
-
- -
-
-
Brown
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
- -
-
-
Grey
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
1000
-
1000
-
- -
-
-
Blue Grey
- - 500 -
-
50
-
100
-
200
-
300
-
400
-
500
-
600
-
700
-
800
-
900
-
-
- - diff --git a/test/visual/progress.html b/test/visual/progress.html deleted file mode 100644 index b0941cd8..00000000 --- a/test/visual/progress.html +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - Spinner - - - - - - - -
- -

- Default: -

-

- -

- Indeterminate: -

-

- -

- Buffering: -

-

-
- - - - - diff --git a/test/visual/radio.html b/test/visual/radio.html deleted file mode 100644 index dfe247e9..00000000 --- a/test/visual/radio.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - Radio Button - - - - - - - - -

A radio button can either be a primary action or a secondary action.

- -
- - - - - - - -
- - - - diff --git a/test/visual/shadow.html b/test/visual/shadow.html deleted file mode 100644 index 8e4e6cbf..00000000 --- a/test/visual/shadow.html +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - - Shadows - - - - - - - - - -
- -
- -
- -
- -
- -
- -
- - - diff --git a/test/visual/slider.html b/test/visual/slider.html deleted file mode 100644 index 9eb20ed4..00000000 --- a/test/visual/slider.html +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - - Slider - - - - - - - - -
-

- -

-

- -

-

- -

-

- -

-
- - - - diff --git a/test/visual/spinner.html b/test/visual/spinner.html deleted file mode 100644 index 6b08dcbc..00000000 --- a/test/visual/spinner.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - Spinner - - - - - - - - -
- -

- Default: -

-

-

- Single color (uses primary palette): -

-

- -
- - - - diff --git a/test/visual/style.css b/test/visual/style.css index 954cea8c..dd30eb3e 100644 --- a/test/visual/style.css +++ b/test/visual/style.css @@ -1,15 +1,16 @@ -body { - padding: 1%; -} - -body > div { +.demo-container { + width: 100%; + float: left; + margin: 0 40px 40px 0; + border: 1px solid #888888; position: relative; + height: 500px; } -.button-block { - margin: 20px 20px 20px 0; +iframe { + width: auto; } -.mdl-card { - margin: 20px; +.mdl-layout__content { + padding: 10px; } diff --git a/test/visual/switch.html b/test/visual/switch.html deleted file mode 100644 index f32bbb63..00000000 --- a/test/visual/switch.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - Switch - - - - - - - - -
- - - - - - - - - -
- - - diff --git a/test/visual/tabs.html b/test/visual/tabs.html deleted file mode 100644 index 77708bf7..00000000 --- a/test/visual/tabs.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - - - Content Tabs - - - - - - - - -
- -
-
- Starks - Lannisters - Targaryens -
- -
-
    -
  • Eddard
    • -
  • Catelyn
    • -
  • Robb
    • -
  • Sansa
    • -
  • Brandon
    • -
  • Arya
    • -
  • Rickon
    • -
-
-
-
    -
  • Tywin
    • -
  • Cersei
    • -
  • Jamie
    • -
  • Tyrion
    • -
-
-
-
    -
  • Viserys
    • -
  • Daenerys
    • -
-
-
- -
- - - - diff --git a/test/visual/textfield.html b/test/visual/textfield.html deleted file mode 100644 index 8ece4df0..00000000 --- a/test/visual/textfield.html +++ /dev/null @@ -1,103 +0,0 @@ - - - - - - - - mdl-textfield - - - - - - - - - -
-
-
- - -
- -
- - - Input is not a number! -
- -
- - -
- -
- - -
- -
- - - Input is not a number! -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- -
- - -
-
- -
- -
- - -
-
- -
- Right/No Label: - -
- -
-
-
- -
- - - - - diff --git a/test/visual/tooltip.html b/test/visual/tooltip.html deleted file mode 100644 index 60b350f5..00000000 --- a/test/visual/tooltip.html +++ /dev/null @@ -1,51 +0,0 @@ - - - - - - - - - Tooltip - - - - - - - - - - -
- -
-
- Simple tooltip -
- -
-
- This is a - rich tooltip -
- -
-
- This is an example of a long tooltip that wraps -
- -
-
- Element with a large tooltip -
-
- - - - -