OLD | NEW |
---|---|
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>Disambiguation Popup Test</title> | 3 <title>Disambiguation Popup Test</title> |
4 <style type="text/css"> | 4 <style type="text/css"> |
5 @viewport { | |
6 width: auto; | |
kenneth.r.christiansen
2013/08/29 13:35:55
I guess we might need to add this to other viewpor
rune
2013/08/29 13:57:53
I think you might be confused by rietveld/me. This
| |
7 height: auto; | |
8 min-zoom: auto; | |
9 max-zoom: auto; | |
10 zoom: auto; | |
11 user-zoom: zoom; | |
12 } | |
5 .horizontal-link { | 13 .horizontal-link { |
6 display:block; | 14 display:block; |
7 width:200px; | 15 width:200px; |
8 height:30px; | 16 height:30px; |
9 margin:20px; | 17 margin:20px; |
10 background-color:#ccccff; | 18 background-color:#ccccff; |
11 } | 19 } |
12 .vertical-link { | 20 .vertical-link { |
13 display:inline-block; | 21 display:inline-block; |
14 width:30px; | 22 width:30px; |
15 height:200px; | 23 height:200px; |
16 margin:10px; | 24 margin:10px; |
17 background-color:#ccccff; | 25 background-color:#ccccff; |
18 } | 26 } |
19 </style> | 27 </style> |
20 </head> | 28 </head> |
21 <body style="margin:0px;"> | 29 <body style="margin:0px;"> |
22 <a href="#" class="horizontal-link" style="margin:100px">Link</a> | 30 <a href="#" class="horizontal-link" style="margin:100px">Link</a> |
23 <a href="#" class="horizontal-link">Link 1</a> | 31 <a href="#" class="horizontal-link">Link 1</a> |
24 <a href="#" class="horizontal-link">Link 2</a> | 32 <a href="#" class="horizontal-link">Link 2</a> |
25 <a href="#" class="horizontal-link">Link 3</a> | 33 <a href="#" class="horizontal-link">Link 3</a> |
26 <a href="#" class="horizontal-link">Link 4</a> | 34 <a href="#" class="horizontal-link">Link 4</a> |
27 <a href="#" class="horizontal-link">Link 5</a> | 35 <a href="#" class="horizontal-link">Link 5</a> |
28 <a href="#" class="vertical-link">Link 1</a><a href="#" class="vertical-link">Li nk 2</a><a href="#" class="vertical-link">Link 3</a><a href="#" class="vertical- link">Link 4</a><a href="#" class="vertical-link">Link 5</a> | 36 <a href="#" class="vertical-link">Link 1</a><a href="#" class="vertical-link">Li nk 2</a><a href="#" class="vertical-link">Link 3</a><a href="#" class="vertical- link">Link 4</a><a href="#" class="vertical-link">Link 5</a> |
29 </body> | 37 </body> |
30 </html> | 38 </html> |
OLD | NEW |