PageRenderTime 36ms CodeModel.GetById 18ms app.highlight 12ms RepoModel.GetById 1ms app.codeStats 1ms

/build/pgo/blueprint/grid.html

http://github.com/zpao/v8monkey
HTML | 206 lines | 155 code | 49 blank | 2 comment | 0 complexity | 54c880becf72e5eccd1fa8c1b27d7b0f MD5 | raw file
  1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2   "http://www.w3.org/TR/html4/strict.dtd">
  3
  4<html lang="en">
  5<head>
  6	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7	<title>Blueprint Grid Tests</title>
  8
  9  <!-- Framework CSS -->
 10	<link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection">
 11	<link rel="stylesheet" href="print.css" type="text/css" media="print">
 12  <!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]-->
 13</head>
 14<body>
 15
 16	<div class="container showgrid">
 17		<h1>Blueprint Tests: grid.css</h1>
 18		
 19
 20		<div class="span-8">
 21			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 22		</div>
 23		<div class="span-8">
 24			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 25		</div>
 26		<div class="span-8 last">
 27			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 28		</div>
 29		
 30
 31		<div class="span-6 append-1">
 32			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 33		</div>
 34		<div class="span-6 append-2">
 35			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 36		</div>
 37		<div class="span-6 append-3 last">
 38			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 39		</div>
 40		
 41
 42		<div class="span-6 prepend-1">
 43			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 44		</div>
 45		<div class="span-6 prepend-2">
 46			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 47		</div>
 48		<div class="span-6 prepend-3 last">
 49			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 50		</div>
 51		<hr>
 52
 53		<div class="span-12 border">
 54			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 55		</div>
 56		<div class="span-12 last">
 57			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 58		</div>
 59		<hr>
 60
 61		<div class="span-1 prepend-1"><p>1</p></div>
 62		<div class="span-1 prepend-2"><p>2</p></div>
 63		<div class="span-1 prepend-3"><p>3</p></div>
 64		<div class="span-1 prepend-4"><p>4</p></div>
 65		<div class="span-1 prepend-5"><p>5</p></div>
 66		<div class="span-1 prepend-3 last"><p>3</p></div>
 67
 68		<div class="span-1 append-1"><p>1</p></div>
 69		<div class="span-1 append-2"><p>2</p></div>
 70		<div class="span-1 append-3"><p>3</p></div>
 71		<div class="span-1 append-4"><p>4</p></div>
 72		<div class="span-1 append-5"><p>5</p></div>
 73		<div class="span-1 append-3 last"><p>3</p></div>
 74		
 75		<div class="span-1 border"><p>1</p></div>
 76		<div class="span-1 border"><p>2</p></div>
 77		<div class="span-1 border"><p>3</p></div>
 78		<div class="span-1 border"><p>4</p></div>
 79		<div class="span-1 border"><p>5</p></div>
 80		<div class="span-1 border"><p>6</p></div>
 81		<div class="span-1 border"><p>7</p></div>
 82		<div class="span-1 border"><p>8</p></div>
 83		<div class="span-1 border"><p>9</p></div>
 84		<div class="span-1 border"><p>10</p></div>
 85		<div class="span-1 border"><p>11</p></div>
 86		<div class="span-1 border"><p>12</p></div>
 87		<div class="span-1 border"><p>13</p></div>
 88		<div class="span-1 border"><p>14</p></div>
 89		<div class="span-1 border"><p>15</p></div>
 90		<div class="span-1 border"><p>16</p></div>
 91		<div class="span-1 border"><p>17</p></div>
 92		<div class="span-1 border"><p>18</p></div>
 93		<div class="span-1 border"><p>19</p></div>
 94		<div class="span-1 border"><p>20</p></div>
 95		<div class="span-1 border"><p>21</p></div>
 96		<div class="span-1 border"><p>22</p></div>
 97		<div class="span-1 border"><p>23</p></div>
 98		<div class="span-1 last"><p>24</p></div>
 99		
100		
101		<div class="span-4"><p>1</p></div>
102		<div class="span-4"><p>2</p></div>
103		<div class="span-4"><p>3</p></div>
104		<div class="span-4"><p>4</p></div>
105		<div class="span-4"><p>5</p></div>
106		<div class="span-4 last"><p>6</p></div>
107		
108		
109		<div class="prepend-23 span-1 last"><p>24</p></div>
110		
111		
112		<div class="prepend-1 span-1"><p>2</p></div>
113		<div class="prepend-20 span-1 append-1 last"><p>23</p></div>
114		<hr>
115		
116		<div class="span-24">
117			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
118		</div>
119		
120
121		<div class="span-12">
122			<div class="span-6">
123				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
124			</div>
125
126			<div class="span-6 last">
127				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
128			</div>
129
130			<div class="span-12 last">
131				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
132			</div>
133		</div>
134
135		<div class="span-12 last">
136			<div class="span-6">
137				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
138			</div>
139
140			<div class="span-6 last">
141				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
142			</div>
143
144			<div class="span-12 last">
145				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
146			</div>
147		</div>
148		
149
150		<div class="span-14 prepend-5 append-5 last">
151			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
152		</div>
153		<hr>
154		
155		<div class="span-12">
156		  <h5>TESTING .PUSH-1 TO .PUSH-5</h5>
157		
158			<div class="span-2"><img src="test-small.jpg" class="push-1"></div>
159			<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
160
161			<div class="span-2"><img src="test-small.jpg" class="push-2"></div>
162			<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
163		
164			<div class="span-2"><img src="test-small.jpg" class="push-3"></div>
165			<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
166
167			<div class="span-2"><img src="test-small.jpg" class="push-4"></div>
168			<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
169
170			<div class="span-2"><img src="test-small.jpg" class="push-5"></div>
171			<div class="span-10 last"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
172		
173		</div>
174
175		<div class="span-12 last">
176		  <h5>TESTING .PULL-1 TO .PULL-5</h5>
177			
178			<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
179			<div class="span-2 last"><img src="test-small.jpg" class="top pull-1"></div>
180
181			<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
182			<div class="span-2 last"><img src="test-small.jpg" class="top pull-2"></div>		
183
184			<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
185			<div class="span-2 last"><img src="test-small.jpg" class="top pull-3"></div>		
186
187			<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
188			<div class="span-2 last"><img src="test-small.jpg" class="top pull-4"></div>		
189
190			<div class="span-10"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>
191			<div class="span-2 last"><img src="test-small.jpg" class="top pull-5"></div>		
192
193		</div>
194		
195		
196		
197		
198		
199  	<div class="span-24">
200	    <p><a href="http://validator.w3.org/check?uri=referer">
201	    <img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="bottom"></a></p>
202  	</div>		
203
204	</div>
205</body>
206</html>