summaryrefslogtreecommitdiffstats
path: root/test/css
diff options
context:
space:
mode:
Diffstat (limited to 'test/css')
-rw-r--r--test/css/basic1.css16
-rw-r--r--test/css/basic10.css7
-rw-r--r--test/css/basic11.css8
-rw-r--r--test/css/basic12.css19
-rw-r--r--test/css/basic13.css6
-rw-r--r--test/css/basic14.css5
-rw-r--r--test/css/basic2.css10
-rw-r--r--test/css/basic3.css10
-rw-r--r--test/css/basic4.css6
-rw-r--r--test/css/basic5.css7
-rw-r--r--test/css/basic6.css8
-rw-r--r--test/css/basic7.css26
-rw-r--r--test/css/basic8.css15
-rw-r--r--test/css/basic9.css20
-rw-r--r--test/css/chained1.css15
-rw-r--r--test/css/chained2.css6
-rw-r--r--test/css/complex/callout.css71
-rw-r--r--test/css/complex/excel-html.css103
-rw-r--r--test/css/empty.css1
-rw-r--r--test/css/invalids/1.css7
-rw-r--r--test/css/test.css15
-rw-r--r--test/css/utf8-1.css13
22 files changed, 394 insertions, 0 deletions
diff --git a/test/css/basic1.css b/test/css/basic1.css
new file mode 100644
index 0000000..0295549
--- /dev/null
+++ b/test/css/basic1.css
@@ -0,0 +1,16 @@
+
+<!--
+
+/* Handle <!-- --> */
+
+table {
+ width: auto;
+ height: 500px;
+}
+
+td {
+ color: gray;
+ background-color: yellow;
+}
+
+-->
diff --git a/test/css/basic10.css b/test/css/basic10.css
new file mode 100644
index 0000000..a4112f9
--- /dev/null
+++ b/test/css/basic10.css
@@ -0,0 +1,7 @@
+
+/* function as property value */
+.foo {
+ background-color: rgb(12, 230, 222);
+ border: solid 5px rgba(30, 12, 0, 0.79);
+}
+
diff --git a/test/css/basic11.css b/test/css/basic11.css
new file mode 100644
index 0000000..bc0f6fe
--- /dev/null
+++ b/test/css/basic11.css
@@ -0,0 +1,8 @@
+
+.callout::before {
+ content: "";
+ width: 0px;
+ height: 0px;
+ border: 0.8em solid transparent;
+ position: absolute;
+}
diff --git a/test/css/basic12.css b/test/css/basic12.css
new file mode 100644
index 0000000..d5426cc
--- /dev/null
+++ b/test/css/basic12.css
@@ -0,0 +1,19 @@
+
+div {
+ background-image: url("https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png");
+}
+
+p {
+ background-image: none;
+}
+
+div.img1 {
+ background-image: url('http://www.rabiakhan.com/Gallery/background.jpg');
+}
+
+div.img2 {
+ background-image: url(
+ http://www.tgraphic.com/userimages/Gallery/Backgrounds/TGraphic_com-Full-Wallpapers-Backgrounds_Colorful_C_1920_33.jpg
+ );
+}
+
diff --git a/test/css/basic13.css b/test/css/basic13.css
new file mode 100644
index 0000000..1bc0757
--- /dev/null
+++ b/test/css/basic13.css
@@ -0,0 +1,6 @@
+
+#p1 {background-color: hsl(120, 100%, 50%);} /* green */
+#p2 {background-color: hsl(120, 100%, 75%);} /* light green */
+#p3 {background-color: hsl(120, 100%, 25%);} /* dark green */
+#p4 {background-color: hsl(120, 60%, 70%);} /* pastel green */
+
diff --git a/test/css/basic14.css b/test/css/basic14.css
new file mode 100644
index 0000000..2007cc7
--- /dev/null
+++ b/test/css/basic14.css
@@ -0,0 +1,5 @@
+
+#p1 {background-color: hsla(120, 100%, 50%, 0.3);} /* green with opacity */
+#p2 {background-color: hsla(120, 100%, 75%, 0.3);} /* light green with opacity */
+#p3 {background-color: hsla(120, 100%, 25%, 0.3);} /* dark green with opacity */
+#p4 {background-color: hsla(120, 60%, 70%, 0.3);} /* pastel green with opacity */
diff --git a/test/css/basic2.css b/test/css/basic2.css
new file mode 100644
index 0000000..81efee6
--- /dev/null
+++ b/test/css/basic2.css
@@ -0,0 +1,10 @@
+/* selectors with class */
+
+div.foo { border: solid 1px; }
+
+.warning
+/* warning for all elements */
+{
+ background-color: red;
+ font-weight: 900;
+}
diff --git a/test/css/basic3.css b/test/css/basic3.css
new file mode 100644
index 0000000..1a43f6d
--- /dev/null
+++ b/test/css/basic3.css
@@ -0,0 +1,10 @@
+/* Grouped selectors */
+html, body {
+ height: 100%; /* This equals height of browser's inner window size. */
+}
+
+h1, h2, h3, h4 {
+ font-variant: small-caps;
+ padding: 2.5em;
+}
+
diff --git a/test/css/basic4.css b/test/css/basic4.css
new file mode 100644
index 0000000..3972d91
--- /dev/null
+++ b/test/css/basic4.css
@@ -0,0 +1,6 @@
+h1 { margin: 0.5in } /* inches */
+h2 { line-height: 3cm } /* centimeters */
+h3 { word-spacing: 4mm } /* millimeters */
+h4 { font-size: 12pt } /* points */
+h4 { font-size: 1pc } /* picas */
+p { font-size: 12px } /* px */
diff --git a/test/css/basic5.css b/test/css/basic5.css
new file mode 100644
index 0000000..511803a
--- /dev/null
+++ b/test/css/basic5.css
@@ -0,0 +1,7 @@
+/* Handling of comments */
+
+/**/ .info/*--*/{/**/
+/*!!!!*/ word-spacing /**/: /**/normal/**/;/**/
+}/**/
+
+/* end */
diff --git a/test/css/basic6.css b/test/css/basic6.css
new file mode 100644
index 0000000..ad55e6d
--- /dev/null
+++ b/test/css/basic6.css
@@ -0,0 +1,8 @@
+/* ID selector */
+h1#chapter1 { text-align: center }
+
+h1#z98y { letter-spacing: 0.5em }
+
+#id_global {
+ margin: 10px;
+}
diff --git a/test/css/basic7.css b/test/css/basic7.css
new file mode 100644
index 0000000..9e857b5
--- /dev/null
+++ b/test/css/basic7.css
@@ -0,0 +1,26 @@
+/* selector with multiple classes */
+
+.one.two.three {
+ color: blue;
+}
+
+.one {
+ color: aqua;
+}
+
+.two {
+ color: azure;
+}
+
+.one.two {
+ color: brown;
+}
+
+span.button.selected {
+ border: solid 4px red;
+}
+
+span.button {
+ border: solid 1px gray;
+}
+
diff --git a/test/css/basic8.css b/test/css/basic8.css
new file mode 100644
index 0000000..f467bef
--- /dev/null
+++ b/test/css/basic8.css
@@ -0,0 +1,15 @@
+
+.ribbon {
+ background-color: #5BC8F7;
+}
+
+.ribbon::after {
+ content: "Look at this orange box.";
+ background-color: #FFBA10;
+ border-color: black;
+ border-style: dotted;
+}
+
+.ribbon::after::selection {
+ content: 'Selected orange box.';
+}
diff --git a/test/css/basic9.css b/test/css/basic9.css
new file mode 100644
index 0000000..cb26aff
--- /dev/null
+++ b/test/css/basic9.css
@@ -0,0 +1,20 @@
+/* unvisited link */
+a:link {
+ color: #FF0000;
+}
+
+/* visited link */
+a:visited {
+ color: #00FF00;
+}
+
+/* mouse over link */
+a:hover {
+ color: #FF00FF;
+}
+
+/* selected link */
+a:active {
+ color: #0000FF;
+}
+
diff --git a/test/css/chained1.css b/test/css/chained1.css
new file mode 100644
index 0000000..3b4dcae
--- /dev/null
+++ b/test/css/chained1.css
@@ -0,0 +1,15 @@
+/* descendant selector */
+div p {
+ background-color: yellow;
+}
+
+/* direct child */
+div > p {
+ background-color: blue;
+}
+
+/* next sibling */
+div + p {
+ background-color: red;
+}
+
diff --git a/test/css/chained2.css b/test/css/chained2.css
new file mode 100644
index 0000000..7bcbc6e
--- /dev/null
+++ b/test/css/chained2.css
@@ -0,0 +1,6 @@
+
+/* selector with 3 chained simple selectors */
+#id1 table.data td {
+ background-color: aquamarine;
+ border: solid 2px;
+}
diff --git a/test/css/complex/callout.css b/test/css/complex/callout.css
new file mode 100644
index 0000000..e6c7c36
--- /dev/null
+++ b/test/css/complex/callout.css
@@ -0,0 +1,71 @@
+
+body {
+ font-family: Helvetica;
+ font-size: 13px;
+}
+
+div.callout {
+ height: 60px;
+ width: 200px;
+ float: left;
+}
+
+div.callout {
+ background-color: #444;
+ background-image: -moz-linear-gradient(top, #444, #444);
+ position: relative;
+ color: #ccc;
+ padding: 10px;
+ border-radius: 3px;
+ box-shadow: 0px 0px 20px #999;
+ margin: 25px;
+ min-height: 50px;
+ border: 1px solid #333;
+ text-shadow: 0 0 1px #000;
+
+ /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
+}
+
+.callout::before {
+ content: "";
+ width: 0px;
+ height: 0px;
+ border: 0.8em solid transparent;
+ position: absolute;
+}
+
+.callout.top::before {
+ left: 60%;
+ bottom: -20px;
+ border-top: 10px solid #444;
+}
+
+.callout.bottom::before {
+ left: 45%;
+ top: -20px;
+ border-bottom: 10px solid #444;
+}
+
+.callout.left::before {
+ right: -20px;
+ top: 40%;
+ border-left: 10px solid #444;
+}
+
+.callout.right::before {
+ left: -20px;
+ top: 40%;
+ border-right: 10px solid #444;
+}
+
+.callout.top-left::before {
+ left: 7px;
+ bottom: -20px;
+ border-top: 10px solid #444;
+}
+
+.callout.top-right::before {
+ right: 7px;
+ bottom: -20px;
+ border-top: 10px solid #444;
+}
diff --git a/test/css/complex/excel-html.css b/test/css/complex/excel-html.css
new file mode 100644
index 0000000..6bf7886
--- /dev/null
+++ b/test/css/complex/excel-html.css
@@ -0,0 +1,103 @@
+<!--table
+ {mso-displayed-decimal-separator:"\.";
+ mso-displayed-thousand-separator:"\,";}
+@page
+ {margin:1.0in .75in 1.0in .75in;
+ mso-header-margin:.5in;
+ mso-footer-margin:.5in;}
+tr
+ {mso-height-source:auto;}
+col
+ {mso-width-source:auto;}
+br
+ {mso-data-placement:same-cell;}
+.style0
+ {mso-number-format:General;
+ text-align:general;
+ vertical-align:bottom;
+ white-space:nowrap;
+ mso-rotate:0;
+ mso-background-source:auto;
+ mso-pattern:auto;
+ color:windowtext;
+ font-size:11.0pt;
+ font-weight:400;
+ font-style:normal;
+ text-decoration:none;
+ font-family:"Zurich BT";
+ mso-generic-font-family:auto;
+ mso-font-charset:0;
+ border:none;
+ mso-protection:locked visible;
+ mso-style-name:Normal;
+ mso-style-id:0;}
+td
+ {mso-style-parent:style0;
+ padding-top:1px;
+ padding-right:1px;
+ padding-left:1px;
+ mso-ignore:padding;
+ color:windowtext;
+ font-size:11.0pt;
+ font-weight:400;
+ font-style:normal;
+ text-decoration:none;
+ font-family:"Zurich BT";
+ mso-generic-font-family:auto;
+ mso-font-charset:0;
+ mso-number-format:General;
+ text-align:general;
+ vertical-align:bottom;
+ border:none;
+ mso-background-source:auto;
+ mso-pattern:auto;
+ mso-protection:locked visible;
+ white-space:nowrap;
+ mso-rotate:0;}
+.xl24
+ {mso-style-parent:style0;
+ font-weight:700;
+ text-align:center;
+ background:silver;
+ mso-pattern:auto none;}
+.xl25
+ {mso-style-parent:style0;
+ font-weight:700;
+ text-align:center;
+ border:.5pt solid black;
+ background:silver;
+ mso-pattern:auto none;
+ white-space:normal;}
+.xl26
+ {mso-style-parent:style0;
+ font-weight:700;
+ text-align:center;
+ border-top:.5pt solid black;
+ border-right:.5pt solid black;
+ border-bottom:.5pt solid black;
+ border-left:none;
+ background:silver;
+ mso-pattern:auto none;
+ white-space:normal;}
+.xl27
+ {mso-style-parent:style0;
+ text-align:center;}
+.xl28
+ {mso-style-parent:style0;
+ mso-number-format:"\@";
+ text-align:center;
+ border-top:none;
+ border-right:.5pt solid black;
+ border-bottom:.5pt solid black;
+ border-left:.5pt solid black;
+ white-space:normal;}
+.xl29
+ {mso-style-parent:style0;
+ mso-number-format:"\@";
+ text-align:center;
+ border-top:none;
+ border-right:.5pt solid black;
+ border-bottom:.5pt solid black;
+ border-left:none;
+ white-space:normal;}
+-->
diff --git a/test/css/empty.css b/test/css/empty.css
new file mode 100644
index 0000000..1a4baf5
--- /dev/null
+++ b/test/css/empty.css
@@ -0,0 +1 @@
+
diff --git a/test/css/invalids/1.css b/test/css/invalids/1.css
new file mode 100644
index 0000000..60a648c
--- /dev/null
+++ b/test/css/invalids/1.css
@@ -0,0 +1,7 @@
+ <Alignment ss:Vertical="Bottom"/>
+ <Borders/>
+ <Font ss:FontName="Arial Cyr" x:CharSet="204"/>
+ <Interior/>
+ <NumberFormat/>
+ <Protection/>
+
diff --git a/test/css/test.css b/test/css/test.css
new file mode 100644
index 0000000..4ec1e86
--- /dev/null
+++ b/test/css/test.css
@@ -0,0 +1,15 @@
+
+
+
+ <!--
+.test {
+ font-weight: bold;
+ font-size: 34px;
+}
+h1, h2 { color: blue; }
+
+td.text { mso-number-format:"@"; color: red; }
+-->
+
+
+
diff --git a/test/css/utf8-1.css b/test/css/utf8-1.css
new file mode 100644
index 0000000..1a509eb
--- /dev/null
+++ b/test/css/utf8-1.css
@@ -0,0 +1,13 @@
+
+.style17
+ {mso-pattern:auto none;
+ background:#EDEDED;
+ color:#000000;
+ font-size:11.0pt;
+ font-weight:400;
+ font-style:normal;
+ text-decoration:none;
+ font-family:宋体;
+ mso-generic-font-family:auto;
+ mso-font-charset:0;
+ mso-style-name:"20% - 强调文字颜色 3";}