Use the media queries to dynamically set the stage for the graphics benchmark
[WebKit-https.git] / PerformanceTests / Animometer / tests / text / layering-text.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <style>
5         .text-layer {
6             position: absolute;
7             left: 0px;
8             top: 0px;
9             padding: 0.72em;
10             background-color: transparent;
11             line-height: 1.1;
12             font-size: 0.72em;
13         }
14         @media screen and (min-device-width: 1800px) {
15             .text-layer {
16                 line-height: 1.2;
17                 font-size: 0.96em;
18             }
19         }
20     </style>  
21     <link rel="stylesheet" type="text/css" href="../resources/stage.css">
22     <script src="../../resources/algorithm.js"></script>
23     <script src="../../resources/strings.js"></script>
24     <script src="../../resources/sampler.js"></script>
25     <script src="../../resources/extensions.js"></script>
26     <script src="../resources/math.js"></script>
27     <script src="../resources/utilities.js"></script>    
28     <script src="../resources/main.js"></script>
29     <script src="../resources/stage.js"></script>  
30     <script src="resources/layering-text.js"></script>
31 </head>
32 <body>
33     <div id="stage"></div>
34 </body>
35 </html>