├── README.txt ├── images ├── 150X112.gif ├── 150X84.gif ├── 310X174.gif └── 310X232.gif ├── CSS └── mobile.css ├── Mobile.html └── Lorem-Ipsum-Crash-Test.htm /README.txt: -------------------------------------------------------------------------------- 1 | CSS Mobile Reset 2 | 3 | Reset and Set the basic CSS for mobile phones. -------------------------------------------------------------------------------- /images/150X112.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vladocar/CSS-Mobile-Reset/HEAD/images/150X112.gif -------------------------------------------------------------------------------- /images/150X84.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vladocar/CSS-Mobile-Reset/HEAD/images/150X84.gif -------------------------------------------------------------------------------- /images/310X174.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vladocar/CSS-Mobile-Reset/HEAD/images/310X174.gif -------------------------------------------------------------------------------- /images/310X232.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vladocar/CSS-Mobile-Reset/HEAD/images/310X232.gif -------------------------------------------------------------------------------- /CSS/mobile.css: -------------------------------------------------------------------------------- 1 | html, body 2 | { 3 | margin: 0; 4 | padding: 0; 5 | border: 0; 6 | } 7 | 8 | body 9 | { 10 | font-family:Arial, sans-serif; 11 | line-height:1.5; 12 | font-size:16px; 13 | background: #fff; 14 | padding:5px; 15 | color: #000; 16 | word-wrap: break-word; 17 | -webkit-text-size-adjust: none; 18 | } 19 | 20 | h1, h2, h3, h4, h5, h6{ font-weight: normal; } 21 | 22 | p img { float: left; margin: 0 10px 5px 0; padding: 0; } 23 | 24 | img { border: 0; max-width: 100%; } 25 | 26 | table { width:auto; border-collapse: collapse;border-spacing: 0; } 27 | -------------------------------------------------------------------------------- /Mobile.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | CSS Mobile Reset 12 | 13 | 14 | 15 | 16 |
17 | 30 |
 
31 |
32 |

Main

33 |
34 |

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

35 |

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi suscipit neque quis eros interdum blandit. Duis mauris ligula, adipiscing sit amet, pellentesque id, pretium et, sem. Nam viverra semper lectus. Maecenas imperdiet, pede nec gravida vestibulum.

36 |
37 |
38 |

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aeneanultriciesmivitaeestmaurisplacerateleifendleoeneanultriciesmivitaeestmaurisplacerateleifendleo.

39 |

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi suscipit neque quis eros interdum blandit. Duis mauris ligula, adipiscing sit amet, pellentesque id, pretium et, sem. Nam viverra semper lectus. Maecenas imperdiet, pede nec gravida vestibulum.

40 |
41 |
42 | 52 |
 
53 | 54 | 55 | 66 |
 
67 | 68 |
69 | 70 | 71 | -------------------------------------------------------------------------------- /Lorem-Ipsum-Crash-Test.htm: -------------------------------------------------------------------------------- 1 | 3 | 4 | 6 | 7 | Lorem Ipsum Crash Test 8 | 9 | 10 | 21 | 22 | 23 | 31 | 32 | 33 | 34 |
35 | 36 |

Title 01 Heading

37 | 38 |

Level 03 Heading

39 |

Lorem ipsum emphasised text dolor sit amet, strong text 40 | consectetur adipisicing elit, abbreviated text sed do eiusmod tempor 41 | incididunt ut labore et dolore magna aliqua. Ut 42 | quoted text enim ad minim veniam, quis nostrud exercitation link text 43 | ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute 44 | inserted text irure dolor in reprehenderit in voluptate velit esse cillum 45 | dolore eu fugiat nulla pariatur. Excepteur sint occaecat code text cupidatat 46 | non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

47 | 48 |

49 | 50 | Suspendisse rhoncus, est ac sollicitudin viverra, leo orci sagittis massa, sed condimentum acronym text est tortor a lectus. Curabitur porta feugiat ullamcorper. Integer lacinia mi id odio faucibus eget tincidunt nisl iaculis. Nam adipiscing hendrerit turpis, et porttitor felis sollicitudin et. Donec dictum massa ac neque accumsan tempor. Cras aliquam, ipsum sit amet laoreet hendrerit, purus deleted text sapien convallis dui, et porta leo ipsum ac nunc. Nullam ornare porta dui ac semper. Cras aliquam laoreet hendrerit. Quisque vulputate dolor eget mi porta vel porta nisl pretium. Vivamus non leo magna, quis imperdiet risus. Morbi tempor risus placerat tellus imperdiet fringilla. 51 |

52 | 53 |
54 |

I am not one who was born in the possession of knowledge; I am one who is fond of antiquity, and earnest in seeking it there.

55 |
56 | 57 |

Confucius, The Confucian Analects, (551 BC - 479 BC)

58 | 59 |

Level 03 Heading

60 | 61 |

Extended paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 62 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 63 | exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 64 | reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint 65 | occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

66 | 67 |
    68 |
  1. Unus
    2. 69 |
  2. Duo
    3. 70 |
  3. Tres
    4. 71 |
  4. Quattuor
    5. 72 |
73 | 74 |

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 75 | pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit 76 | anim id est laborum.

77 | 78 |

Header 3

79 | 80 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 81 | ut labore et dolore magna aliqua.

82 | 83 |

Unordered lists

84 | 90 |

Lorem ipsum dolor sit amet,consectetur adipisicing elit, sed do eiusmod tempor incididunt 91 | ut labore et dolore magna aliqua.

92 | 93 | 
body { font:0.8125em/1.618 Arial, sans-serif; 
 94 | background-color:#fff;  
 95 | color:#111;
 96 | }
97 | 98 |

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla 99 | pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit 100 | anim id est laborum.

101 | 102 |

Header 4

103 | 104 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 105 | ut labore et dolore magna aliqua.

106 | 107 |
108 |
Definition list
109 |
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna 110 | aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 111 | commodo consequat.
112 |
Lorem ipsum dolor sit amet
113 |
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna 114 | aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 115 | commodo consequat.
116 | 117 |
118 | 119 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 120 | ut labore et dolore magna aliqua.

121 |

Ordered list

122 |
    123 |
  1. List item
    2. 124 |
  2. List item
    3. 125 |
  3. List item 126 |
      127 |
    1. List item level 2
      2. 128 |
    2. List item level 2 129 |
        130 |
      1. List item level 3
        2. 131 |
      2. List item level 3
        3. 132 |
      133 |
      3. 134 |
    135 |
    4. 136 |
137 |

Unordered list

138 | 154 | 155 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 156 | ut labore et dolore magna aliqua.

157 | 158 | 159 |

Tables

160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 |
Jimi Hendrix - albums
AlbumYearPrice
AlbumYearPrice
Are You Experienced 1967$10.00
Axis: Bold as Love1967$12.00
Electric Ladyland1968$10.00
Band of Gypsys1970$12.00
199 |

200 | I am the a tag example
201 | 202 | I am the abbr tag example
203 | 204 | I am the acronym tag example
205 | I am the b tag example
206 | I am the big tag example
207 | 208 | I am the cite tag example
209 | 210 | I am the code tag example
211 | I am the del tag example
212 | I am the dfn tag example
213 | 214 | I am the em tag example
215 | 216 | I am the font tag example
217 | I am the i tag example
218 | I am the ins tag example
219 | 220 | I am the kbd tag example
221 | 222 | I am the q tag inside a q tag example
223 | I am the s tag example
224 | I am the samp tag example
225 | 226 | I am the small tag example
227 | I am the span tag example
228 | I am the strike tag example
229 | I am the strong tag example
230 | 231 | I am the sub tag example
232 | I am the sup tag example
233 | I am the tt tag example
234 | I am the var tag example
235 | 236 | I am the u tag example 237 |

238 |

What is Lorem Ipsum?

239 |

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

240 | 241 |

This Lorem Ipsum HTML example is created from the parts of Placeholder Markup with Lorem Ipsum - Jon Tan, 242 | Emastic CSS Framework, 243 | Tripoli CSS Framework and 244 | Baseline CSS Framework .

245 | 246 |
Address: somewhere, World
247 | 248 | 249 |
250 | 251 | 252 | --------------------------------------------------------------------------------