-<!DOCTYPE html>
-<!--
-Copyright (c) 2012 Intel Corporation.
-
-Redistribution and use in source and binary forms, with or without modification,
-are permitted provided that the following conditions are met:
-
-* Redistributions of works must retain the original copyright notice, this list
- of conditions and the following disclaimer.
-* Redistributions in binary form must reproduce the original copyright notice,
- this list of conditions and the following disclaimer in the documentation
- and/or other materials provided with the distribution.
-* Neither the name of Intel Corporation nor the names of its contributors
- may be used to endorse or promote products derived from this work without
- specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY INTEL CORPORATION "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL INTEL CORPORATION BE LIABLE FOR ANY DIRECT,
-INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
-BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
-OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
-NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
-EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
-Authors:
- Wang,Ling <lingx.z.wang@intel.com>
- Cui,Jieqiong <jieqiongx.cui@intel.com>
-
--->
-
-<html>
- <head>
- <title>CSS3MediaQueries Test: CSS3MQ_aspect-ratio_max_value_1virgule0</title>
- <link rel="author" title="Intel" href="http://www.intel.com/" />
- <link rel="help" href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/#aspect-ratio" />
- <meta name="flags" content="" />
- <meta name="assert" content="set 'screen; min-aspect-ratio:1/0' on CSS3 Media Queries aspect-ratio attr, this text will not displays in red" />
- <style>
- @media screen and (max-aspect-ratio:1/0) {
- #media{color:#f00;}
- }
- </style>
- <script src="MediaQueries.js"></script>
- <script src="../resources/testharness.js"></script>
- <script src="../resources/testharnessreport.js"></script>
- </head>
- <body>
- <div id="log"></div>
- <div id="media" >set 'screen; min-aspect-ratio:1/0' on CSS3 Media Queries aspect-ratio attr, this text will not displays in red</div>
- <script>
- var t = async_test(document.title, { timeout: 2000 });
- try {
- var div = document.querySelector("#media");
- var color = GetCurrentStyle("color");
- EqualTest(color, "rgb(0, 0, 0)", "The text color");
- }catch (err) {
- TrueTest(false, "Exception while get " + err.name + err.message);
- }
- </script>
- </body>
-</html>
+<!DOCTYPE html>\r
+<!--\r
+Copyright (c) 2012 Intel Corporation.\r
+\r
+Redistribution and use in source and binary forms, with or without modification, \r
+are permitted provided that the following conditions are met:\r
+\r
+* Redistributions of works must retain the original copyright notice, this list \r
+ of conditions and the following disclaimer.\r
+* Redistributions in binary form must reproduce the original copyright notice, \r
+ this list of conditions and the following disclaimer in the documentation \r
+ and/or other materials provided with the distribution.\r
+* Neither the name of Intel Corporation nor the names of its contributors \r
+ may be used to endorse or promote products derived from this work without \r
+ specific prior written permission.\r
+\r
+THIS SOFTWARE IS PROVIDED BY INTEL CORPORATION "AS IS" \r
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE \r
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE \r
+ARE DISCLAIMED. IN NO EVENT SHALL INTEL CORPORATION BE LIABLE FOR ANY DIRECT, \r
+INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, \r
+BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, \r
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY \r
+OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING \r
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, \r
+EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \r
+ \r
+Authors:\r
+ Wang,Ling <lingx.z.wang@intel.com>\r
+ Cui,Jieqiong <jieqiongx.cui@intel.com>\r
+\r
+-->\r
+\r
+<html>\r
+ <head>\r
+ <title>CSS3MediaQueries Test: CSS3MQ_aspect-ratio_max_value_1virgule0</title>\r
+ <link rel="author" title="Intel" href="http://www.intel.com/" />\r
+ <link rel="help" href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/#aspect-ratio" />\r
+ <meta name="flags" content="" />\r
+ <meta name="assert" content="set 'screen; min-aspect-ratio:1/0' on CSS3 Media Queries aspect-ratio attr, this text will not displays in red" />\r
+ <style>\r
+ @media screen and (max-aspect-ratio:1/0) {\r
+ #media{color:#f00;}\r
+ }\r
+ </style>\r
+ <script src="MediaQueries.js"></script>\r
+ <script src="../resources/testharness.js"></script>\r
+ <script src="../resources/testharnessreport.js"></script>\r
+ </head>\r
+ <body>\r
+ <div id="log"></div>\r
+ <div id="media" >set 'screen; min-aspect-ratio:1/0' on CSS3 Media Queries aspect-ratio attr, this text will not displays in red</div>\r
+ <script>\r
+ var t = async_test(document.title, { timeout: 2000 });\r
+ try {\r
+ var div = document.querySelector("#media");\r
+ var color = GetCurrentStyle("color");\r
+ EqualTest(color, "rgb(255, 0, 0)", "The text color");\r
+ }catch (err) {\r
+ TrueTest(false, "Exception while get " + err.name + err.message);\r
+ }\r
+ </script>\r
+ </body>\r
+</html>\r
-<!DOCTYPE html>
-<!--
-Copyright (c) 2012 Intel Corporation.
-
-Redistribution and use in source and binary forms, with or without modification,
-are permitted provided that the following conditions are met:
-
-* Redistributions of works must retain the original copyright notice, this list
- of conditions and the following disclaimer.
-* Redistributions in binary form must reproduce the original copyright notice,
- this list of conditions and the following disclaimer in the documentation
- and/or other materials provided with the distribution.
-* Neither the name of Intel Corporation nor the names of its contributors
- may be used to endorse or promote products derived from this work without
- specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY INTEL CORPORATION "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL INTEL CORPORATION BE LIABLE FOR ANY DIRECT,
-INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
-BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
-DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
-OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
-NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE,
-EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
-Authors:
- Wang,Ling <lingx.z.wang@intel.com>
- Cui,Jieqiong <jieqiongx.cui@intel.com>
-
--->
-
-<html>
- <head>
- <title>CSS3MediaQueries Test: CSS3MQ_device-aspect-ratio_max_value_1virgule0</title>
- <link rel="author" title="Intel" href="http://www.intel.com/" />
- <link rel="help" href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/#device-aspect-ratio" />
- <meta name="flags" content="" />
- <meta name="assert" content="Set 'screen;max-device-aspect-ratio: 1/0' on the CSS3 Media Queries device-aspect-ratio attr, this text will not displays in red" />
- <style>
- @media screen and (max-device-aspect-ratio: 1/0) {
- #media{color:#f00;}
- }
- </style>
- <script src="MediaQueries.js"></script>
- <script src="../resources/testharness.js"></script>
- <script src="../resources/testharnessreport.js"></script>
- </head>
- <body>
- <div id="log"></div>
- <div id="media" >Set 'screen;max-device-aspect-ratio: 1/0' on the CSS3 Media Queries device-aspect-ratio attr, this text will not displays in red</div>
- <script>
- var t = async_test(document.title, { timeout: 2000 });
- try {
- var div = document.querySelector("#media");
- var color = GetCurrentStyle("color");
- EqualTest(color, "rgb(0, 0, 0)", "The text color");
- }catch(err) {
- TrueTest(false, "Exception while get " + err.name + err.message);
- }
- </script>
- </body>
-</html>
+<!DOCTYPE html>\r
+<!--\r
+Copyright (c) 2012 Intel Corporation.\r
+\r
+Redistribution and use in source and binary forms, with or without modification, \r
+are permitted provided that the following conditions are met:\r
+\r
+* Redistributions of works must retain the original copyright notice, this list \r
+ of conditions and the following disclaimer.\r
+* Redistributions in binary form must reproduce the original copyright notice, \r
+ this list of conditions and the following disclaimer in the documentation \r
+ and/or other materials provided with the distribution.\r
+* Neither the name of Intel Corporation nor the names of its contributors \r
+ may be used to endorse or promote products derived from this work without \r
+ specific prior written permission.\r
+\r
+THIS SOFTWARE IS PROVIDED BY INTEL CORPORATION "AS IS" \r
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE \r
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE \r
+ARE DISCLAIMED. IN NO EVENT SHALL INTEL CORPORATION BE LIABLE FOR ANY DIRECT, \r
+INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, \r
+BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, \r
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY \r
+OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING \r
+NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, \r
+EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. \r
+ \r
+Authors:\r
+ Wang,Ling <lingx.z.wang@intel.com>\r
+ Cui,Jieqiong <jieqiongx.cui@intel.com>\r
+\r
+-->\r
+\r
+<html>\r
+ <head>\r
+ <title>CSS3MediaQueries Test: CSS3MQ_device-aspect-ratio_max_value_1virgule0</title>\r
+ <link rel="author" title="Intel" href="http://www.intel.com/" />\r
+ <link rel="help" href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/#device-aspect-ratio" />\r
+ <meta name="flags" content="" />\r
+ <meta name="assert" content="Set 'screen;max-device-aspect-ratio: 1/0' on the CSS3 Media Queries device-aspect-ratio attr, this text will not displays in red" />\r
+ <style>\r
+ @media screen and (max-device-aspect-ratio: 1/0) {\r
+ #media{color:#f00;}\r
+ }\r
+ </style>\r
+ <script src="MediaQueries.js"></script>\r
+ <script src="../resources/testharness.js"></script>\r
+ <script src="../resources/testharnessreport.js"></script>\r
+ </head>\r
+ <body>\r
+ <div id="log"></div>\r
+ <div id="media" >Set 'screen;max-device-aspect-ratio: 1/0' on the CSS3 Media Queries device-aspect-ratio attr, this text will not displays in red</div>\r
+ <script>\r
+ var t = async_test(document.title, { timeout: 2000 });\r
+ try {\r
+ var div = document.querySelector("#media");\r
+ var color = GetCurrentStyle("color");\r
+ EqualTest(color, "rgb(255, 0, 0)", "The text color");\r
+ }catch(err) {\r
+ TrueTest(false, "Exception while get " + err.name + err.message);\r
+ }\r
+ </script>\r
+ </body>\r
+</html>\r
-<!DOCTYPE html>
-<!--
-Copyright (c) 2016 Samsung Electronics Co., Ltd.
-
-Licensed under the Apache License, Version 2.0 (the License);
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
-Authors:
- Zhongyuan Yuan <zy123.yuan@samsung.com>
-
--->
-
-<html>
- <head>
- <title>CSS3MediaQueries Test: CSS3MQ_media_monochrome_negative</title>
- <link rel="author" title="Samsung" href="http://www.samsung.com/"/>
- <link rel="help" href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/#monochrome"/>
- <meta name="flags" content=""/>
- <meta name="assert" content="When your output device is set a negative monochrome, the Bank text is displayed in white"/>
- <style>
- @media not all and (monochrome:-1) {
- #media{color:#f00;}
- }
- </style>
- <script src="MediaQueries.js"></script>
- <script src="../resources/testharness.js"></script>
- <script src="../resources/testharnessreport.js"></script>
- </head>
- <body>
- <div id="log"></div>
- <div id="media">When your output device is set a negative monochrome, the Bank text is displayed in white</div>
- <script>
- var t = async_test(document.title, { timeout: 2000 });
- try {
- var div = document.querySelector("#media");
- var color = GetCurrentStyle("color");
- EqualTest(color, "rgb(0, 0, 0)", "The text color");
- }catch(err) {
- TrueTest(false, "Exception while get " + err.name + err.message);
- }
- </script>
- </body>
-</html>
+<!DOCTYPE html>\r
+<!--\r
+Copyright (c) 2016 Samsung Electronics Co., Ltd.\r
+\r
+Licensed under the Apache License, Version 2.0 (the License);\r
+you may not use this file except in compliance with the License.\r
+You may obtain a copy of the License at\r
+\r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+Unless required by applicable law or agreed to in writing, software\r
+distributed under the License is distributed on an "AS IS" BASIS,\r
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+See the License for the specific language governing permissions and\r
+limitations under the License.\r
+\r
+Authors:\r
+ Zhongyuan Yuan <zy123.yuan@samsung.com>\r
+\r
+-->\r
+\r
+<html>\r
+ <head>\r
+ <title>CSS3MediaQueries Test: CSS3MQ_media_monochrome_negative</title>\r
+ <link rel="author" title="Samsung" href="http://www.samsung.com/"/>\r
+ <link rel="help" href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/#monochrome"/>\r
+ <meta name="flags" content=""/>\r
+ <meta name="assert" content="When your output device is set a negative monochrome, the Bank text is displayed in white"/>\r
+ <style>\r
+ @media not all and (monochrome:-1) {\r
+ #media{color:#f00;}\r
+ }\r
+ </style>\r
+ <script src="MediaQueries.js"></script>\r
+ <script src="../resources/testharness.js"></script>\r
+ <script src="../resources/testharnessreport.js"></script>\r
+ </head>\r
+ <body>\r
+ <div id="log"></div>\r
+ <div id="media">When your output device is set a negative monochrome, the Bank text is displayed in white</div>\r
+ <script>\r
+ var t = async_test(document.title, { timeout: 2000 });\r
+ try {\r
+ var div = document.querySelector("#media");\r
+ var color = GetCurrentStyle("color");\r
+ EqualTest(color, "rgb(255, 0, 0)", "The text color");\r
+ }catch(err) {\r
+ TrueTest(false, "Exception while get " + err.name + err.message);\r
+ }\r
+ </script>\r
+ </body>\r
+</html>\r