Różnice

Różnice między wybraną wersją a wersją aktualną.

Odnośnik do tego porównania

Poprzednia rewizja po obu stronach Poprzednia wersja
Nowa wersja		 Poprzednia wersja
Nowa wersjaNastępna rewizja po obu stronach
pl:tester_predkosci [2017/08/27 20:31] – michalpl:tester_predkosci [2017/08/27 20:41] – michal
Linia 7: Linia 7:
 <html> <html>
 <div style="text-align: center; margin:50px"> <div style="text-align: center; margin:50px">
-    <style type="text/css"> +<link rel="stylesheet" type="text/css" media="all" href="http://www.sloneczko.net/pomoc/speedtest.css" />
-        html, +
-        body { +
-            margin: 0; +
-            padding: 0; +
-            border: none; +
-            text-align: center; +
-            font-family: 'Open Sans'; +
-        } +
- +
-        h1, +
-        h2, +
-        h3, +
-        h4, +
-        h5, +
-        h6 { +
-            font-family: 'Roboto', sans-serif; +
-            font-weight: 700; +
-        } +
- +
-        div.meter { +
-            display: inline-block; +
-            height: 300px; +
-            width: 400px; +
-            text-align: center; +
-            font-size: 6vw; +
-        } +
- +
-        div#testArea { +
-            display: flex; +
-            justify-content: center; +
-            flex-flow: row wrap; +
-        } +
- +
-        a { +
-            text-decoration: none; +
-        } +
- +
-        .button { +
-            display: inline-block; +
-            margin: 10px 5px 0 2px; +
-            padding: 16px 40px; +
-            border-radius: 5px; +
-            font-size: 18px; +
-            border: none; +
-            background: #34aadc; +
-            color: white; +
-            cursor: pointer; +
-            text-transform: uppercase; +
-            font-weight: 700; +
-            font-family: 'Roboto'; +
-        } +
- +
-        #ip { +
-            margin: 1em 0; +
-            font-size: 1.2em; +
-        } +
-    </style>+
     <script src="http://www.sloneczko.net/pomoc/raphael-min.js"></script>     <script src="http://www.sloneczko.net/pomoc/raphael-min.js"></script>
     <script src="http://www.sloneczko.net/pomoc/justgage.min.js"></script>     <script src="http://www.sloneczko.net/pomoc/justgage.min.js"></script>
Linia 183: Linia 126:
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Roboto:400,500,700" rel="stylesheet">     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700|Roboto:400,500,700" rel="stylesheet">
  
-    <h1>Speed Test</h1> +   <div id="testArea">
-    <div id="testArea">+
         <div class="meter" id="ggdl"></div>         <div class="meter" id="ggdl"></div>
         <div class="meter" id="ggul"></div>         <div class="meter" id="ggul"></div>
Linia 192: Linia 134:
     <div id="ip"></div>     <div id="ip"></div>
     <div>     <div>
-        <a href="javascript:runTest()" id="startBtn" class="button">Start</a> +        <a href="javascript:runTest()" id="startBtn" class="button" style="display: inline-block; margin: 10px 5px 0 2px; padding:16px 40px; border-radius: 5px; font-size: 18px; border: none;  background: #34aadc; color: white; cursor: pointer; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';">Start</a> 
-        <a href="javascript:abortTest()" id="abortBtn" class="button" style="display:none;">Abort</a>+        <a href="javascript:abortTest()" id="abortBtn" class="button" style="display:none; margin: 10px 5px 0 2px; padding:16px 40px; border-radius: 5px; font-size: 18px; border: none;  background: #34aadc; color: white; cursor: pointer; text-transform: uppercase; font-weight: 700; font-family: 'Roboto';"">Abort</a>
     </div>     </div>
 </div> </div>