Adding upstream version 1.3+ds.upstream/1.3+dsupstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

21 files changed, 3046 insertions, 0 deletions

diff --git a/src/3rdparty/libcroco/tests/test-inputs/Makefile.am b/src/3rdparty/libcroco/tests/test-inputs/Makefile.am
new file mode 100644
index 0000000..3c93d8f
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/Makefile.am
@@ -0,0 +1,16 @@
+EXTRA_DIST= prop-vendor-ident.css \
+test0.1.css \
+test1.css \
+test2.1.css \
+test2.2.css \
+test2.css \
+test3.1.css \
+test3.2.css \
+test3.css \
+test4.1.css \
+test4.2.css \
+test5.1.css \
+unknown-at-rule2.css \
+unknown-at-rule.css \
+several-media.css
+
diff --git a/src/3rdparty/libcroco/tests/test-inputs/functional-notation.css b/src/3rdparty/libcroco/tests/test-inputs/functional-notation.css
new file mode 100644
index 0000000..cd80f18
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/functional-notation.css
@@ -0,0 +1,2 @@
+foo { bar: attr(width, length, calc(70% - 5px)) }
+foo {bar: attr(x,y) }
diff --git a/src/3rdparty/libcroco/tests/test-inputs/lots-of-comments.css b/src/3rdparty/libcroco/tests/test-inputs/lots-of-comments.css
new file mode 100644
index 0000000..87a6e4a
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/lots-of-comments.css
@@ -0,0 +1,198 @@
+
+
+@charset "utf8";
+
+/********************************************
+ * Parsing location information of the @charset rule
+ ********************************************/
+  /*@charset*/
+  /*line:1 column:1 byte offset:0 */
+  /*utf8*/
+  /*line:1 column:10 byte offset:9 */
+
+@import url("http://pouet.com") screen, paper, aural;
+
+/*****************************************************
+ *Parsing location information for the @import rule
+ ******************************************************/
+
+  /*@import*/
+  /*line:3 column:1 byte offset:19 */
+
+  /*http://pouet.com*/
+  /*line:3 column:13 byte offset:31 */
+
+  /*screen*/
+  /*line:3 column:33 byte offset:51 */
+
+  /*paper*/
+  /*line:3 column:41 byte offset:59 */
+
+  /*aural*/
+  /*line:3 column:48 byte offset:66 */
+
+@page coin :pseudo-page
+
+  /*@page*/
+  /*line:5 column:1 byte offset:75 */
+  /*coin*/
+  /*line:5 column:7 byte offset:81 */
+  /*pseudo-page*/
+  /*line:5 column:13 byte offset:87 */
+
+{
+
+
+page-prop0 : page-val0;
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*page-prop0*/
+  /*line:6 column:7 byte offset:107 */
+  /*page-val0*/
+  /*line:6 column:19 byte offset:119 */
+
+
+page-prop1 : page-val1;
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*page-prop1*/
+  /*line:7 column:7 byte offset:137 */
+  /*page-val1*/
+  /*line:7 column:19 byte offset:149 */
+}
+@media paper, aural
+  /*@media*/
+  /*line:10 column:1 byte offset:164 */
+  /*paper*/
+  /*line:10 column:8 byte offset:171 */
+  /*aural*/
+  /*line:10 column:15 byte offset:178 */
+
+{
+x {
+/************************************************
+ *Parsing location information of the selector
+ ************************************************/
+/*x*/
+/*line:11 column:5 byte offset:190 */
+  /*x*/
+  /*line:11 column:5 byte offset:190 */
+
+
+foo : fooval;
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*foo*/
+  /*line:12 column:7 byte offset:200 */
+  /*fooval*/
+  /*line:12 column:12 byte offset:205 */
+
+
+bar : barval;
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*bar*/
+  /*line:13 column:7 byte offset:220 */
+  /*barval*/
+  /*line:13 column:12 byte offset:225 */
+ }
+
+}
+@font-face {
+/******************************************************
+ Parsing location information for the @font-face rule
+ ******************************************************/
+
+  /*@font-face*/
+  /*line:17 column:1 byte offset:243 */
+
+
+font-prop1 : font1;
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*font-prop1*/
+  /*line:18 column:2 byte offset:257 */
+  /*font1*/
+  /*line:18 column:14 byte offset:269 */
+
+
+font-prop2 : font2;
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*font-prop2*/
+  /*line:19 column:2 byte offset:278 */
+  /*font2*/
+  /*line:19 column:14 byte offset:290 */
+}
+x>y[attr="val"].class#tatati z+toto {
+/************************************************
+ *Parsing location information of the selector
+ ************************************************/
+/*x*/
+/*line:21 column:1 byte offset:300 */
+  /*x*/
+  /*line:21 column:1 byte offset:300 */
+/*y[attr="val"].class#tatati*/
+/*line:21 column:5 byte offset:304 */
+  /*y*/
+  /*line:21 column:5 byte offset:304 */
+
+  /*[attr="val"]*/
+  /*line:21 column:6 byte offset:305 */
+
+  /*.class*/
+  /*line:21 column:17 byte offset:316 */
+
+  /*#tatati*/
+  /*line:21 column:22 byte offset:321 */
+/*z*/
+/*line:21 column:30 byte offset:329 */
+  /*z*/
+  /*line:21 column:30 byte offset:329 */
+/*toto*/
+/*line:21 column:34 byte offset:333 */
+  /*toto*/
+  /*line:21 column:34 byte offset:333 */
+
+
+prop1 : function(a);
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*prop1*/
+  /*line:22 column:2 byte offset:340 */
+  /*function(a)*/
+  /*line:22 column:9 byte offset:347 */
+
+
+prop2 : val2;
+
+
+/************************************************
+ *Parsing location information of the property
+ ************************************************/
+  /*prop2*/
+  /*line:23 column:2 byte offset:362 */
+  /*val2*/
+  /*line:23 column:9 byte offset:369 */
+ }
diff --git a/src/3rdparty/libcroco/tests/test-inputs/parsing-location.css b/src/3rdparty/libcroco/tests/test-inputs/parsing-location.css
new file mode 100644
index 0000000..f760b07
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/parsing-location.css
@@ -0,0 +1,26 @@
+@charset "utf8" ;
+
+@import url("http://pouet.com") screen, paper, aural ;
+@import url(http://pouet.com) screen2, paper2, aural2 ;
+
+@page coin :pseudo-page {
+      page-prop0: page-val0 ;
+      page-prop1: page-val1 ;
+}
+
+@media paper, aural {
+    x {
+      foo: fooval ;
+      bar: barval ;
+    }
+}
+
+@font-face {
+ font-prop1: font1 ;
+ font-prop2: font2 ;
+}
+x > y[attr=val].class#tatati z + toto{
+ prop1: function(a) ;
+ prop2: val2
+}
+
diff --git a/src/3rdparty/libcroco/tests/test-inputs/prop-vendor-ident.css b/src/3rdparty/libcroco/tests/test-inputs/prop-vendor-ident.css
new file mode 100644
index 0000000..f7aa8b5
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/prop-vendor-ident.css
@@ -0,0 +1,3 @@
+:-foo-pseudo {
+ -foo-bar-prop: -foobar-value
+}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/sel-child-class.css b/src/3rdparty/libcroco/tests/test-inputs/sel-child-class.css
new file mode 100644
index 0000000..a6ea36b
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/sel-child-class.css
@@ -0,0 +1 @@
+body > div p.process { color: aqua; }
diff --git a/src/3rdparty/libcroco/tests/test-inputs/sel-child-class.xml b/src/3rdparty/libcroco/tests/test-inputs/sel-child-class.xml
new file mode 100644
index 0000000..ee5e23d
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/sel-child-class.xml
@@ -0,0 +1,10 @@
+<test>
+ <body>
+  <div>
+   <div>
+    <p class="process">This should be aqua</p>
+   </div>
+  </div>
+ </body>
+</test>
+
diff --git a/src/3rdparty/libcroco/tests/test-inputs/several-media.css b/src/3rdparty/libcroco/tests/test-inputs/several-media.css
new file mode 100644
index 0000000..79dc336
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/several-media.css
@@ -0,0 +1,10 @@
+@media screen {
+a:link { text-decoration: none; }
+div { width: 50%; }
+}
+
+@media print {
+a { color: red; }
+div { width: 57%; }
+}
+
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test0.1.css b/src/3rdparty/libcroco/tests/test-inputs/test0.1.css
new file mode 100644
index 0000000..f8e842e
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test0.1.css
@@ -0,0 +1,258 @@
+body {
+  margin : 0px 0px 20px 0px;
+  height : 100%;
+  background : #FFF
+}
+
+A {
+  color : #003366;
+  text-decoration : underline
+}
+
+A:link {
+  color : #003366;
+  text-decoration : underline
+}
+
+A:visited {
+  color : #003366;
+  text-decoration : underline
+}
+
+A:active {
+  color : #999999
+}
+
+A:hover {
+  color : #999999
+}
+
+h1, h2, h3 {
+  margin : 0px;
+  padding : 0px
+}
+
+#banner {
+  font-family : palatino, georgia, verdana, arial, sans-serif;
+  color : #333;
+  top:0;
+  font-size : normal;
+  font-weight : normal;
+}
+
+#banner a, #banner a:link, #banner a:visited, #banner a:active, #banner a:hover {
+  font-family : verdana, arial, sans-serif;
+  font-size : xx-large;
+  color : #333;
+  text-decoration : none
+}
+
+.description {
+  font-family : verdana, arial, sans-serif;
+  color : #333;
+  font-size : small;
+  text-transform : none
+}
+
+#content {
+  position : absolute;
+  background : #FFF;
+  top: 20%; 
+  left: 20%;
+  border : 1px solid #FFF
+}
+
+#container {
+  background : #FFF;
+  border : 1px solid #FFF
+}
+
+#links {
+  padding : 15px;
+  border : 1px solid #FFF;
+  width : 200px
+}
+
+.blog {
+  padding : 20px;
+  background : #FFF
+}
+
+.blogbody {
+  font-family : verdana, arial, sans-serif;
+  color : #333;
+  font-size : small;
+  font-weight : normal;
+  background : #FFF;
+  line-height : 150%
+}
+
+.blogbody a, .blogbody a:link, .blogbody a:visited, .blogbody a:active, .blogbody a:hover {
+  font-weight : normal;
+  text-decoration : underline
+}
+
+.title {
+  font-family : verdana, arial, sans-serif;
+  font-size : medium;
+  color : #666
+}
+
+.date {
+  font-family : verdana, arial, serif;
+  font-size : large;
+  color : #333;
+  border-bottom : 1px solid #999;
+  margin-bottom : 10px;
+  font-weight : bold
+}
+
+.posted {
+  font-family : verdana, arial, sans-serif;
+  font-size : x-small;
+  color : #000000;
+  margin-bottom : 25px
+}
+
+.calendar {
+  font-family : verdana, arial, sans-serif;
+  color : #333;
+  font-size : x-small;
+  font-weight : normal;
+  background : #FFF;
+  line-height : 140%;
+  padding : 2px;
+  text-align : left
+}
+
+.calendarhead {
+  font-family : palatino, georgia, times new roman, serif;
+  color : #666600;
+  font-size : small;
+  font-weight : normal;
+  padding : 2px;
+  letter-spacing : 0.3em;
+  background : #FFF;
+  text-transform : uppercase;
+  text-align : left
+}
+
+.side {
+  font-family : verdana, arial, sans-serif;
+  color : #333;
+  font-size : x-small;
+  font-weight : normal;
+  background : #FFF;
+  line-height : 140%;
+  padding : 2px
+}
+
+#menubar {
+  font-family : verdana, arial, sans-serif;
+  color : #333;
+  font-size : small;
+  font-weight : normal;
+  position:absolute;
+  top:20%;
+  padding: 2px;
+  letter-spacing : 0.1em;
+  background : #FFF;
+  text-transform : uppercase
+}
+
+.syndicate {
+  font-family : verdana, arial, sans-serif;
+  font-size : xx-small;
+  line-height : 140%;
+  padding : 2px;
+  margin-top : 15px;
+  background : #FFF
+}
+
+.powered {
+  font-family : verdana, arial, sans-serif;
+  color : #666;
+  font-size : x-small;
+  line-height : 140%;
+  text-transform : uppercase;
+  padding : 2px;
+  margin-top : 50px;
+  letter-spacing : 0.2em;
+  background : #FFF
+}
+
+.comments-body {
+  font-family : verdana, arial, sans-serif;
+  color : #666;
+  font-size : small;
+  font-weight : normal;
+  background : #FFF;
+  line-height : 140%;
+  padding-bottom : 10px;
+  padding-top : 10px;
+  border-bottom : 1px dotted #999
+}
+
+.comments-post {
+  font-family : verdana, arial, sans-serif;
+  color : #666;
+  font-size : x-small;
+  font-weight : normal;
+  background : #FFF
+}
+
+.trackback-url {
+  font-family : verdana, arial, sans-serif;
+  color : #666;
+  font-size : small;
+  font-weight : normal;
+  background : #FFF;
+  line-height : 140%;
+  padding : 5px;
+  border : 1px dotted #999
+}
+
+.trackback-body {
+  font-family : verdana, arial, sans-serif;
+  color : #666;
+  font-size : small;
+  font-weight : normal;
+  background : #FFF;
+  line-height : 140%;
+  padding-bottom : 10px;
+  padding-top : 10px;
+  border-bottom : 1px dotted #999
+}
+
+.trackback-post {
+  font-family : verdana, arial, sans-serif;
+  color : #666;
+  font-size : x-small;
+  font-weight : normal;
+  background : #FFF
+}
+
+.comments-head {
+  font-family : verdana, arial, sans-serif;
+  font-size : small;
+  color : #666;
+  border-bottom : 1px solid #999;
+  margin-top : 20px;
+  font-weight : bold;
+  background : #FFF
+}
+
+#banner-commentspop {
+  font-family : verdana, arial, sans-serif;
+  color : #FFF;
+  font-size : large;
+  font-weight : bold;
+  border-left : 1px solid #FFF;
+  border-right : 1px solid #FFF;
+  border-top : 1px solid #FFF;
+  background : #003366;
+  padding-left : 15px;
+  padding-right : 15px;
+  padding-top : 5px;
+  padding-bottom : 5px
+}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test1.css b/src/3rdparty/libcroco/tests/test-inputs/test1.css
new file mode 100644
index 0000000..b03c8a4
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test1.css
@@ -0,0 +1,316 @@
+body { 
+
+	background-color: #E5E5E5; 
+
+	scrollbar-face-color: #CCCCCC; 
+
+	scrollbar-highlight-color: #FFFFFF; 
+
+	scrollbar-shadow-color: #CCCCCC; 
+
+	scrollbar-3dlight-color: #D1D7DC; 
+
+	scrollbar-arrow-color:  #000000; 
+
+	scrollbar-track-color: #FFFFFF; 
+
+	scrollbar-darkshadow-color: #000000; 
+
+} 
+
+ 
+
+font, th, td, p { 
+
+	font-family: Verdana, Arial, Helvetica, sans-serif; 
+
+	font-size: 11px;  
+
+} 
+
+ 
+
+h1, h2	{ font-size: 11px; color: #000000; font-weight: bold; } 
+
+ 
+
+a:link, a:active, a:visited	{ color: #000000; } 
+
+ 
+
+a:hover	{ color: #CC0000; text-decoration: underline; } 
+
+ 
+
+hr	{ height: 0px; border: solid #CCCCCC 0px; border-top-width: 1px; } 
+
+ 
+
+small	{ font-size: 10px; } 
+
+ 
+
+input, textarea, select { 
+
+	font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
+
+	color: #000000; 
+
+	border-color: #000000; 
+
+} 
+
+ 
+
+input { text-indent: 2px; } 
+
+ 
+
+
+input.post, textarea.post, select { 
+
+	background-color: #FFFFFF;  
+
+} 
+
+ 
+
+
+th	{ 
+
+	font-size: 11px; color: #CCCCCC; font-weight: bold; 
+
+	background-color: #000000; height: 25px; 
+
+	background-image: url(/~wiceyto/test/templates/blacknwhite/images/cellpic3.gif); 
+
+} 
+
+ 
+
+
+.fontspec, .tablefont { 
+
+	font-family: Verdana, Arial, Helvetica, sans-serif; 
+
+	font-size: 11px;  
+
+} 
+
+ 
+
+.navbartext, .navbarfont	{ 
+
+	font-size: 11px; color: #000000; font-weight: bold;  
+
+} 
+
+ 
+
+.navbartext a, .navbarfont a	{ 
+
+	color: #000000; font-weight: bold; text-decoration: none;  
+
+} 
+
+ 
+
+.navbartext a:hover, .navbarfont a:hover	{ 
+
+	color: #CC0000; text-decoration: none;  
+
+} 
+
+ 
+
+.tablespec, .guestbook	{ background-color: #FFFFFF; border: 2px #000000 solid; } 
+
+.tablespec th, .tablespec td	{ color: #000000; background-color: #CCCCCC; } 
+
+.tablespec th 		{ background-image: none; } 
+
+ 
+
+.messageblock	{  
+
+	border: dashed 1px;  
+
+	margin-right: 4em; margin-left: 4em; 
+
+	padding: 3em; 
+
+} 
+
+ 
+
+/* $MessageOpenCode - the body of text of the posts */ 
+
+.messagebody		{ font-size: 12px; line-height: 18px; } 
+
+.messagebody a		{ color: #000000; text-decoration: underline; } 
+
+.messagebody a:hover	{ color: #CC0000; text-decoration: underline; } 
+
+ 
+
+
+.newcode	{ font-size: 11px; color: #CC0000; font-weight: bold; } 
+
+.admincode	{ font-size: 11px; color: #990000; font-style: bold; } 
+
+ 
+
+
+.bodyline	{ background-color: #FFFFFF; border: 1px #000000 solid; } 
+
+ 
+
+
+.quote, .code { 
+
+	background-color: #FAFAFA; border: #D1D7DC; border-style: solid; 
+
+	border-top-width: 1px; border-right-width: 1px; 
+
+	border-bottom-width: 1px; border-left-width: 1px;  
+
+} 
+
+ 
+
+.quote { 
+
+	font-family: Verdana, Arial, Helvetica, sans-serif;  
+
+	font-size: 11px; 
+
+	color: #444444; line-height: 125%; 
+
+} 
+
+ 
+
+.code { 
+
+	font-family: Courier, 'Courier New', sans-serif;  
+
+	font-size: 11px;  
+
+	color: #CC0000; 
+
+} 
+
+ 
+
+
+input.button { 
+
+	font-family: Verdana, Arial, Helvetica, sans-serif; 
+
+	font-size: 11px;  
+
+	color: #000000; 
+
+	background-color: #FFFFFF; 
+
+} 
+
+ 
+
+/* Format button rollover help line. Actually it's a text box  
+
+ set to the same color as the background so no one will know. */ 
+
+.helpline	{ background-color: #CCCCCC; border-style: none; } 
+
+ 
+
+/* additional table cell colors and backgrounds */ 
+
+td.row2		{ background-color: #CCCCCC; } 
+
+td.row1		{ background-color: #CCCCCC; } 
+
+td.row3		{ background-color: #D1D7DC; } 
+
+ 
+
+/* additional general text */ 
+
+.gen		{ font-size: 12px; } 
+
+.genmed		{ font-size: 11px; } 
+
+.gensmall	{ font-size: 10px; } 
+
+.gen, .genmed, .gensmall	{ color: #000000; } 
+
+a.gen, a.genmed, a.gensmall	{ color: #000000; text-decoration: none; } 
+
+a.gen:hover, a.genmed:hover, a.gensmall:hover	{ color: #CC0000; text-decoration: underline; } 
+
+ 
+
+/* import fancy styles. For IE only. NS4.x doesn't use the @import function */ 
+
+@import url("/your.site/webbbs/themes/formIE.css"); 
+
+ 
+
+/* END of blacknwhite.css */ 
+
+ 
+
+ 
+
+ 
+
+/* Appendix.2-2: Example fancy styles CSS file 
+
+Paste these into a text file and save as formIE.css */ 
+
+ 
+
+/* Fancy form styles for IE */ 
+
+ 
+
+input, textarea, select { 
+
+border-top-width : 1px;  
+
+border-right-width : 1px;  
+
+border-bottom-width : 1px;  
+
+border-left-width : 1px;   
+
+} 
+
+ 
+
+input { text-indent : 2px; } 
+
+ 
+
+input.button { 
+
+border-top-width : 1px;  
+
+border-right-width : 1px;  
+
+border-bottom-width : 1px;  
+
+border-left-width : 1px;   
+
+} 
+
+ 
+
+.postbody { line-height: 18px} 
+
+.magic {
+    margin-left: -20px;
+} 
+
+/* END of formIE.css */ 
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test2.1.css b/src/3rdparty/libcroco/tests/test-inputs/test2.1.css
new file mode 100644
index 0000000..ba447fb
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test2.1.css
@@ -0,0 +1,47 @@
+
+/*simple Attribute set selectors*/
+s1[foo] {prop1 : "\53 tring"}
+
+/* line break is invalid */
+s2[foo] {prop1 : "
+tring"}
+
+/*simple exact attribute selector, simple ruleset*/
+s3[foo="warning"] {prop1 : value1}
+
+/**
+ *"space separated value list"
+ *attribute selector, simple ruleset
+ */
+s4[foo~="warning"] {prop1 :value1}
+
+/**
+ *"hyphen separated value list" attribute selector,
+ * simple ruleset
+ */
+
+ /*simple class selector, simple ruleset*/
+ s5.warning {prop1 : value}
+
+ E#myid {prop1 : value1}
+
+
+/*below are tests that we know are working*/
+
+/*simple ident pseudo class selector, simple ruleset test*/
+S6:first-child {prop1 : value1 ; prop2 : value2}
+
+/*function pseudo class selector, simple ruleset test*/
+S7:lang(c) {prop1 : value1}
+
+/*Adjacent selectors, simple ruleset test*/
+S8 + s2 {prop1: value1}
+
+/* quoted strings */
+.quotedstrings {
+    -test-string1: "foo'bar";
+    -test-string2: 'foo\'bar';
+    -test-string3: 'foo"bar';
+    -test-string4: "foo\"bar";
+    -test-string5: 'foo\\bar';
+}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test2.2.css b/src/3rdparty/libcroco/tests/test-inputs/test2.2.css
new file mode 100644
index 0000000..0a58bbe
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test2.2.css
@@ -0,0 +1,686 @@
+p.commentsbody {
+    border-left-style: solid;
+    border-width: 1px;
+    border-color: rgb(0, 0, 0);
+    padding-left: 10px;
+	margin-right: 20px;
+	text-align: justify;
+}
+
+* {
+    font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
+}
+
+body {
+    background: #606060;
+    color: #000000;  
+}
+
+a:link {    
+    color: #0000FF;    
+    background: transparent;
+    text-decoration: none;
+}    
+
+a:visited {    
+    color: #990099;    
+    background: transparent;
+    text-decoration: none;
+}    
+
+  
+a:active {    
+    color: #000000;    
+    background: #ADD8E6;
+    text-decoration: none;
+}    
+
+
+h1.rubrique_info {  
+    color: #990033;  
+    margin: 0px 0px 0px 0px;
+    padding: 0em; 
+    border: 0px;
+    font-size: 12px;
+}
+
+
+h1.connexe {
+    font-size: 12px;
+    padding: 0em;
+    margin: 0px 0px 0px 0px;
+    color: #990033;
+}
+
+a.rubrique_infolink {
+    text-decoration: none;
+}
+
+ul.rubrique_infoul {
+    display: inline;
+    list-style-type: square;
+}
+ul.rubrique_infoul * {
+    width: 100%;
+}
+li.rubrique_infoul {
+    margin-left: 15px;
+}
+h1 {
+    color: #990033;   
+}
+
+div.main {  
+    background: white;  
+    color: #000000;  
+    margin-left: 5px;
+    margin-right: 5px;
+    border: 1px black solid;
+    text-align: left;
+    font-size: 12px;
+}
+div.lsfnbanner {
+	margin-left: 150px;
+	margin-right: 170px;
+	border-top: none;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-bottom: 1px black solid;
+    border-right: 1px black solid;
+    border-left: 1px black solid;
+    text-align: left;
+    font-size: 11px;
+	padding-top: 2px;
+	background-color: #eeeae6;
+}
+div.footer {
+    padding-top: 5px;
+    padding-bottom: 3px;
+    border-top: 1px black solid;
+	border-left: 1px black solid;
+	border-right: 1px black solid;
+    text-align: left;
+    font-size: 9px;
+    background: #dcdff4;
+	width: 600px;
+	margin-top: 40px;
+	margin-left: 20px;
+}
+div.footer p {
+	margin-left: 10px;
+	margin-top: 2px;
+	margin-bottom: 2px;
+}
+
+a.lsfnlink:link,a.lsfnlink:visited,a.lsfnlink:active {
+    text-decoration: none;
+    color: #333333;
+    font-size: 10px;
+}
+a.lsfnlink:hover {
+    text-decoration: underline;
+    color: black;
+}
+div.menubartop {
+    margin-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 0px;
+    font-size: 13px;
+}
+div.smallmenubar {
+    background: white;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    font-weight:bold;
+    font-size: 10px;
+    text-align: right;
+}
+div.menuevent {
+    float: left;
+    width: 350px;
+    font-size: 11px;
+    text-align: left;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 10px;
+    font-weight: bold;
+    margin: 0px;
+}
+div.menubar {
+    background: #cac2a8;
+    border-top: 1px black solid;
+    border-bottom: 1px black solid;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+	padding-bottom: 2px;
+    font-weight:bold;
+    font-size: 13px;
+}
+div.menubar a {
+	text-decoration: none;
+}
+div.menudate {
+    float: left;
+    width: 130px;
+	padding-top: 5px;
+}
+div.menuaccroche {
+	margin-left: 30px;
+	float: left;
+    text-decoration: underline;
+	font-size: 14px;
+}
+div.menusearch {
+	float: right;
+    text-align: right;
+	padding-top: 5px;
+	width: 170px;
+}
+div.menusearch p {
+	margin: 0px 0px 0px 0px;
+}
+.searchinput {
+    border: solid 1px black;
+}
+a#menulinkselect {
+	color: #ed7e00;
+}
+
+div.leftbox {
+    width: 200px; 
+    float: left; 
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-bottom: 5px;
+    border-right: 1px black solid;
+    border-bottom: 1px black solid;
+    background: white;
+    margin-bottom: 10px;
+}
+div.leftbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.leftbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.leftbox ul {
+    list-style-type: square;
+	margin-bottom: 10px;
+	margin-left: 0em;
+	padding-left: 0em;
+}
+div.leftbox li {
+	margin-left: 10px;
+}
+
+div.rightbox {
+    width: 150px; 
+    float: right; 
+    padding-top: 10px;
+    padding-left: 5px;
+	padding-right: 15px;
+    padding-bottom: 5px;
+    border-left: 1px black solid;
+    border-bottom: 1px black solid;
+	text-align: left;
+}
+div.newjournaldiv {
+	text-align: justify;
+	margin-left: 10%;
+	font-size: 12px;
+	width: 600px;
+}
+div.newjournaldiv p {
+	margin-bottom: 0px;
+	margin-top: 20px;
+}
+div.journaldiv {
+	margin-left: 0px;
+	margin-right: 0px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	border: 1px black solid;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	padding-right: 10px;
+	padding-left: 10px;
+	background-color: #eef;
+}
+div.journaldiv p {
+	margin-top: 10px;
+	margin-bottom: 0px;
+}
+div.journaldiv h1 {
+    color: #990033;  
+    font-size: 14px;
+	margin: 0px;
+}
+div.journaldiv h2 {
+    font-size: 10px;
+	margin: 0px;
+}
+div.tipdiv {
+	margin-left: 220px;
+	margin-right: 50px;
+	margin-top: 20px;
+	padding-top: 5px;
+	padding-right: 10px;
+	padding-left: 10px;
+	text-align: justify;
+	background-color: #eee;
+	border: black solid 1px;
+}
+div.tipdiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	color: black;
+    margin-top: 0px;
+    margin-bottom: 20px;
+}
+div.tipdiv h2 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 12px;
+	margin: 0px;
+}
+
+div.newsdiv {
+    margin-left: 220px;
+    margin-right: 180px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+	text-align: justify;
+}
+div.newsdiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	margin: 0px;
+}
+div.newsdiv h2 {
+	font-weight: normal;
+	font-size: 12px;
+	margin: 0px;
+}
+div.newsdiv h3 {
+	font-weight: normal;
+	font-size: 12px;
+	margin-bottom: 20px;
+}
+div.objdiv {
+    margin-left: 220px;
+    margin-right: 20px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+}
+
+h1.newstitle {
+    text-align: left;
+    font-size: 14px;
+    margin: 0px 0px 0px 0px;
+    color: black;
+}
+div.titlediv {
+    border-top: solid #cac2a8 2px;
+    margin-top: 20px;
+    background-color: #eeeae6;
+    padding-left: 10px;
+    font-size: 11px;
+}
+div.bodydiv {
+    border: solid #9e9784 1px;
+    padding-left: 10px;
+    padding-right: 10px;
+	padding-top: 10px;
+	padding-bottom: 5px;
+    margin-top: 2px;
+    text-align: justify;
+}
+
+div.comments {
+    padding: 10px;
+    border-top: solid 2px #d37537;
+    border-bottom: solid 2px #d37537;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    background-color: #cacaca;
+    font-size: 12px;
+    line-height: 1.3em;
+}
+
+p.commentsbody {
+    border-left-style: solid;
+    border-width: 1px;
+    border-color: rgb(0, 0, 0);
+    padding-left: 10px;
+	text-align: justify;
+	margin-right: 20px;
+}
+
+div.commentsreply {
+	margin-left: 220px;
+	text-align: center;
+	margin-top: 50px;
+}
+
+ul.commentsul {
+    list-style-type: none;
+	margin-bottom: 10px;
+	margin-left: 1.25em;
+	padding-left: 0em;
+	border-left: 1px solid black;
+}
+ul.commentsli {
+	margin: 10px;
+}
+div.comments li {
+	margin-top: 20px;
+	margin-left: 2px;
+}
+
+div.comments h1 {
+    font-size: 12px;
+    color: black;
+    margin: 0px 20px 3px 0px;
+    background-color: rgb(226, 226, 226);
+    padding-left: 1px;
+    font-weight: none;
+}
+
+div.articlediv {
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-top: 10px;
+    padding-bottom: 20px;
+    margin-right: 10px;
+    margin-left: 220px;
+    border: solid 1px black;
+    margin-top: 10px;
+    text-align: justify;
+    background-color: #E2E2E2;
+}
+img {
+    border: 0px;
+}
+div.sectionimg {
+    float: left;
+    margin-right: 10px;
+    margin-top: 5px;
+}
+p.hautpage {
+	margin-top: 20px;
+	margin-bottom: 20px;
+	margin-left: 10px;
+}
+div.leftcol {
+	width: 202px;
+	width: 202px;
+	float: left;
+	padding: 0px;
+}
+div.logodiv {
+	border-right: 1px black solid;
+	border-bottom: 1px black solid;
+	padding: 0px;
+	line-height: 0px
+}
+div.loginbox {
+	margin-left: 4px;
+	border: solid #a59f8b 1px;
+	margin-top: 2px;
+	padding: 5px;
+	background-color: #fff2e8;
+	font-size: 10px;
+}
+div.loginbox p {
+	margin: 0px;
+	padding: 0px;
+}
+div.loginbox ul {
+	margin-left: 10px;
+	margin-top: 0px;
+	margin-bottom: 0px;
+	padding: 0px;
+    	list-style-type: none;
+}
+div.loginbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.loginbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.loginbox h3 {
+	margin-top: 0px;
+	margin-bottom: 5px;
+	font-size: 12px;
+}
+div.polldivtitle {
+	margin-bottom: 1px;
+	background-color: #cac2a8;
+	margin-left: 4px;
+	margin-top: 15px;
+	padding-left: 5px;
+	font-size: 10px;
+	border-top: solid #a59f8b 1px;
+	border-bottom: solid #a59f8b 1px;
+	text-transform: uppercase;
+}
+div.polldiv {
+	margin-left: 4px;
+	border: 1px #a59f8b solid;
+	margin-top: 0px;
+	padding: 5px;
+	background: #fff2e8;
+}
+div.polldiv p {
+margin: 5px; padding: 0px;
+}
+div.polldiv ul {
+	margin-left: 5px;
+	margin-top: 0px;
+	margin-bottom: 10px;
+	padding: 0px;
+    list-style-type: none;
+}
+div.otherboxtitle {
+	margin-bottom: 2px;
+	background-color: #e3dabc;
+	margin-left: 4px;
+	margin-top: 15px;
+	padding-left: 5px;
+	padding-top: 2px;
+	font-size: 11px;
+	border-top: solid #777364 1px;
+	border-bottom: solid #777364 1px;
+	text-transform: uppercase;
+	font-weight: bold;
+}
+div.otherbox {
+	margin-left: 4px;
+	border: 1px #a59f8b solid;
+	margin-top: 0px;
+	padding: 5px;
+	text-align: justify;
+	background: #fff2e8;
+	font-size: 10px;
+}
+div.otherbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.otherbox h2 {
+	font-weight: bold;
+	font-size: 11px;
+	margin: 0px;
+}
+div.otherbox p {
+	margin-top: 5px;
+	margin-bottom: 10px;
+}
+div.rightlogo { 
+    width: 90px; 
+    float: right;
+    margin-right: 0px;
+    padding-top: 0px;
+    padding-left: 0px;
+    padding-bottom: 0px;
+}   
+div.centraldiv {
+    margin-left: 220px;
+    margin-right: 10px;
+    margin-bottom: 20px;
+	margin-top: 10px;
+}
+div.centraldiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	margin: 0px;
+}
+div.centraldiv h2 {
+	font-weight: normal;
+	font-size: 12px;
+	margin: 0px;
+}
+div.centraldiv h3 {
+	font-weight: normal;
+	font-size: 12px;
+	margin-bottom: 20px;
+}
+div.centralinfo {
+	position:relative;
+	height:160px;
+}
+div.lefttopbox {
+	position:relative;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-top: 5px;
+	border: 1px #a59f8b solid;
+	text-align: justify;
+	background: #fff2e8;
+	font-size: 12px;
+	width: 47%;
+	float: left;
+}
+div.lefttopbox p {
+	margin-top: 5px; margin-bottom: 10px;
+}
+div.lefttopbox h1 {
+	font-size: 13px;
+	font-weight: bold;
+	margin: 0px;
+	text-align: right;
+}
+div.lefttopbox h2 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.lefttopbox h3 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.righttopbox {
+	position:relative;
+	border: 1px #a59f8b solid;
+	background: white;
+	padding: 5px;
+	text-align: justify;
+	font-size: 12px;
+	width: 47%;
+	float: right;
+}
+div.righttopbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.righttopbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.boardindex {
+	text-align: justify;
+	font-size: 11px;
+	padding: 10px;
+	margin-left: 20px;
+	margin-right: 20px;
+}
+a.boardindex:link,a.boardindex:visited,a.boardindex:active {
+	text-decoration:none;
+	color: red;
+}
+div.boardleftmsg {
+	float: left;
+	margin-top: 3px;
+}
+div.boardrightmsg {
+	margin-left: 130px;
+	margin-top: 3px;
+	padding-left: 5px;
+}
+div.journalbody {
+	margin-left: 40px;
+	margin-top: 40px;
+}
+div.journalbody h1 {
+	font-size: 15px;
+	font-weight: bold;
+}
+div.journalbody p {
+	margin-bottom: 20px;
+}
+.formulaire {
+    border: solid 1px black;
+font-size: 12px;
+background-color: #eef;
+color: #000000;
+}
+.newcomments {
+	color: red;
+	font-weight: bold;
+}
+div.commentsreplythanks {
+	margin-left: 100px;
+	margin-top: 50px;
+	margin-right: 100px;
+	background-color: #eee;
+	border: black solid 1px;
+	padding: 10px;
+}
+div.archivediv {
+	margin-right: 20px;
+}
+.archivedate {
+	color:#f30;
+}
+.archivelink {
+	font-size: 14px;
+	font-weight: bold;
+	text-decoration: underline;
+}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test2.css b/src/3rdparty/libcroco/tests/test-inputs/test2.css
new file mode 100644
index 0000000..2442048
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test2.css
@@ -0,0 +1,9 @@
+
+/*simple selector and simple rulset test*/
+S1 {prop1 : value1}
+
+/*Simple selector list and simple ruleset test*/
+s1,s2 {color: black ; background: white}
+
+/*descendants and child selector list, simple ruleset test*/
+s1 s2, S3 > s4 {prop1 : value1 ; prop2 : value2}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test3.1.css b/src/3rdparty/libcroco/tests/test-inputs/test3.1.css
new file mode 100644
index 0000000..9c53843
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test3.1.css
@@ -0,0 +1,36 @@
+S1:lang(c) {prop1 : value1}
+
+/*simple Attribute set selectors*/
+s1[foo] {prop1 : value1}
+
+/*simple exact attribute selector, simple ruleset*/
+s1[foo="warning"] {prop1 : value1}
+
+/**
+ *"space separated value list"
+ *attribute selector, simple ruleset
+ */
+s1[foo~="warning"] {prop1 :value1}
+
+/**
+ *"hyphen separated value list" attribute selector,
+ * simple ruleset
+ */
+
+ /*simple class selector, simple ruleset*/
+ s1.warning {prop1 : value}
+
+ E#myid {prop1 : value1}
+
+
+/*below are tests that we know are working*/
+
+/*simple ident pseudo class selector, simple ruleset test*/
+S1:first-child {prop1 : value1 ; prop2 : value2}
+
+/*function pseudo class selector, simple ruleset test => merdoie*/
+S1:lang(c) {prop1 : value1}
+
+/*Adjacent selectors, simple ruleset test*/
+S1 + s2 {prop1: value1}
+
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test3.2.css b/src/3rdparty/libcroco/tests/test-inputs/test3.2.css
new file mode 100644
index 0000000..2857fc4
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test3.2.css
@@ -0,0 +1,693 @@
+h1.rubrique_info {  
+    color: #990033;  
+    margin: 0px 0px 0px 0px;
+    padding: 0em; 
+    border: 0px;
+    font-size: 12px;
+}
+
+* {
+    font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
+}
+
+body {
+    background: #606060;
+    color: #000000;  
+}
+
+a:link {    
+    color: #0000FF;    
+    background: transparent;
+    text-decoration: none;
+}    
+
+a:visited {    
+    color: #990099;    
+    background: transparent;
+    text-decoration: none;
+}    
+
+
+a:active {    
+    color: #000000;    
+    background: #ADD8E6;
+    text-decoration: none;
+}    
+
+
+h1.rubrique_info {  
+    color: #990033;  
+    margin: 0px 0px 0px 0px;
+    padding: 0em; 
+    border: 0px;
+    font-size: 12px;
+}
+
+/*
+h1.connexe {
+    font-size: 12px;
+    padding: 0em;
+    margin: 0px 0px 0px 0px;
+    color: #990033;
+}
+
+
+a.rubrique_infolink {
+    text-decoration: none;
+}
+
+
+ul.rubrique_infoul {
+    display: inline;
+    list-style-type: square;
+}
+
+
+ul.rubrique_infoul * {
+    width: 100%;
+}
+
+li.rubrique_infoul {
+    margin-left: 15px;
+}
+h1 {
+    color: #990033;   
+}
+
+div.main {  
+    background: white;  
+    color: #000000;  
+    margin-left: 5px;
+    margin-right: 5px;
+    border: 1px black solid;
+    text-align: left;
+    font-size: 12px;
+}
+div.lsfnbanner {
+	margin-left: 150px;
+	margin-right: 170px;
+	border-top: none;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-bottom: 1px black solid;
+    border-right: 1px black solid;
+    border-left: 1px black solid;
+    text-align: left;
+    font-size: 11px;
+	padding-top: 2px;
+	background-color: #eeeae6;
+}
+div.footer {
+    padding-top: 5px;
+    padding-bottom: 3px;
+    border-top: 1px black solid;
+	border-left: 1px black solid;
+	border-right: 1px black solid;
+    text-align: left;
+    font-size: 9px;
+    background: #dcdff4;
+	width: 600px;
+	margin-top: 40px;
+	margin-left: 20px;
+}
+div.footer p {
+	margin-left: 10px;
+	margin-top: 2px;
+	margin-bottom: 2px;
+}
+
+a.lsfnlink:link,a.lsfnlink:visited,a.lsfnlink:active {
+    text-decoration: none;
+    color: #333333;
+    font-size: 10px;
+}
+a.lsfnlink:hover {
+    text-decoration: underline;
+    color: black;
+}
+div.menubartop {
+    margin-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 0px;
+    font-size: 13px;
+}
+div.smallmenubar {
+    background: white;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    font-weight:bold;
+    font-size: 10px;
+    text-align: right;
+}
+
+div.menuevent {
+    float: left;
+    width: 350px;
+    font-size: 11px;
+    text-align: left;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 10px;
+    font-weight: bold;
+    margin: 0px;
+}
+div.menubar {
+    background: #cac2a8;
+    border-top: 1px black solid;
+    border-bottom: 1px black solid;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+	padding-bottom: 2px;
+    font-weight:bold;
+    font-size: 13px;
+}
+div.menubar a {
+	text-decoration: none;
+}
+div.menudate {
+    float: left;
+    width: 130px;
+	padding-top: 5px;
+}
+div.menuaccroche {
+	margin-left: 30px;
+	float: left;
+    text-decoration: underline;
+	font-size: 14px;
+}
+div.menusearch {
+	float: right;
+    text-align: right;
+	padding-top: 5px;
+	width: 170px;
+}
+div.menusearch p {
+	margin: 0px 0px 0px 0px;
+}
+.searchinput {
+    border: solid 1px black;
+}
+a#menulinkselect {
+	color: #ed7e00;
+}
+
+div.leftbox {
+    width: 200px; 
+    float: left; 
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-bottom: 5px;
+    border-right: 1px black solid;
+    border-bottom: 1px black solid;
+    background: white;
+    margin-bottom: 10px;
+}
+div.leftbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.leftbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.leftbox ul {
+    list-style-type: square;
+	margin-bottom: 10px;
+	margin-left: 0em;
+	padding-left: 0em;
+}
+div.leftbox li {
+	margin-left: 10px;
+}
+
+div.rightbox {
+    width: 150px; 
+    float: right; 
+    padding-top: 10px;
+    padding-left: 5px;
+	padding-right: 15px;
+    padding-bottom: 5px;
+    border-left: 1px black solid;
+    border-bottom: 1px black solid;
+	text-align: left;
+}
+div.newjournaldiv {
+	text-align: justify;
+	margin-left: 10%;
+	font-size: 12px;
+	width: 600px;
+}
+div.newjournaldiv p {
+	margin-bottom: 0px;
+	margin-top: 20px;
+}
+div.journaldiv {
+	margin-left: 0px;
+	margin-right: 0px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	border: 1px black solid;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	padding-right: 10px;
+	padding-left: 10px;
+	background-color: #eef;
+}
+div.journaldiv p {
+	margin-top: 10px;
+	margin-bottom: 0px;
+}
+div.journaldiv h1 {
+    color: #990033;  
+    font-size: 14px;
+	margin: 0px;
+}
+div.journaldiv h2 {
+    font-size: 10px;
+	margin: 0px;
+}
+div.tipdiv {
+	margin-left: 220px;
+	margin-right: 50px;
+	margin-top: 20px;
+	padding-top: 5px;
+	padding-right: 10px;
+	padding-left: 10px;
+	text-align: justify;
+	background-color: #eee;
+	border: black solid 1px;
+}
+div.tipdiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	color: black;
+    margin-top: 0px;
+    margin-bottom: 20px;
+}
+div.tipdiv h2 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 12px;
+	margin: 0px;
+}
+
+div.newsdiv {
+    margin-left: 220px;
+    margin-right: 180px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+	text-align: justify;
+}
+div.newsdiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	margin: 0px;
+}
+div.newsdiv h2 {
+	font-weight: normal;
+	font-size: 12px;
+	margin: 0px;
+}
+div.newsdiv h3 {
+	font-weight: normal;
+	font-size: 12px;
+	margin-bottom: 20px;
+}
+div.objdiv {
+    margin-left: 220px;
+    margin-right: 20px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+}
+
+h1.newstitle {
+    text-align: left;
+    font-size: 14px;
+    margin: 0px 0px 0px 0px;
+    color: black;
+}
+div.titlediv {
+    border-top: solid #cac2a8 2px;
+    margin-top: 20px;
+    background-color: #eeeae6;
+    padding-left: 10px;
+    font-size: 11px;
+}
+div.bodydiv {
+    border: solid #9e9784 1px;
+    padding-left: 10px;
+    padding-right: 10px;
+	padding-top: 10px;
+	padding-bottom: 5px;
+    margin-top: 2px;
+    text-align: justify;
+}
+
+div.comments {
+    padding: 10px;
+    border-top: solid 2px #d37537;
+    border-bottom: solid 2px #d37537;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    background-color: #cacaca;
+    font-size: 12px;
+    line-height: 1.3em;
+}
+
+p.commentsbody {
+    border-left-style: solid;
+    border-width: 1px;
+    border-color: rgb(0, 0, 0);
+    padding-left: 10px;
+	text-align: justify;
+	margin-right: 20px;
+}
+
+div.commentsreply {
+	margin-left: 220px;
+	text-align: center;
+	margin-top: 50px;
+}
+
+ul.commentsul {
+    list-style-type: none;
+	margin-bottom: 10px;
+	margin-left: 1.25em;
+	padding-left: 0em;
+	border-left: 1px solid black;
+}
+ul.commentsli {
+	margin: 10px;
+}
+div.comments li {
+	margin-top: 20px;
+	margin-left: 2px;
+}
+
+div.comments h1 {
+    font-size: 12px;
+    color: black;
+    margin: 0px 20px 3px 0px;
+    background-color: rgb(226, 226, 226);
+    padding-left: 1px;
+    font-weight: none;
+}
+
+div.articlediv {
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-top: 10px;
+    padding-bottom: 20px;
+    margin-right: 10px;
+    margin-left: 220px;
+    border: solid 1px black;
+    margin-top: 10px;
+    text-align: justify;
+    background-color: #E2E2E2;
+}
+img {
+    border: 0px;
+}
+div.sectionimg {
+    float: left;
+    margin-right: 10px;
+    margin-top: 5px;
+}
+p.hautpage {
+	margin-top: 20px;
+	margin-bottom: 20px;
+	margin-left: 10px;
+}
+div.leftcol {
+	width: 202px;
+	width: 202px;
+	float: left;
+	padding: 0px;
+}
+div.logodiv {
+	border-right: 1px black solid;
+	border-bottom: 1px black solid;
+	padding: 0px;
+	line-height: 0px
+}
+div.loginbox {
+	margin-left: 4px;
+	border: solid #a59f8b 1px;
+	margin-top: 2px;
+	padding: 5px;
+	background-color: #fff2e8;
+	font-size: 10px;
+}
+div.loginbox p {
+	margin: 0px;
+	padding: 0px;
+}
+div.loginbox ul {
+	margin-left: 10px;
+	margin-top: 0px;
+	margin-bottom: 0px;
+	padding: 0px;
+    	list-style-type: none;
+}
+div.loginbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.loginbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.loginbox h3 {
+	margin-top: 0px;
+	margin-bottom: 5px;
+	font-size: 12px;
+}
+div.polldivtitle {
+	margin-bottom: 1px;
+	background-color: #cac2a8;
+	margin-left: 4px;
+	margin-top: 15px;
+	padding-left: 5px;
+	font-size: 10px;
+	border-top: solid #a59f8b 1px;
+	border-bottom: solid #a59f8b 1px;
+	text-transform: uppercase;
+}
+div.polldiv {
+	margin-left: 4px;
+	border: 1px #a59f8b solid;
+	margin-top: 0px;
+	padding: 5px;
+	background: #fff2e8;
+}
+div.polldiv p {
+margin: 5px; padding: 0px;
+}
+div.polldiv ul {
+	margin-left: 5px;
+	margin-top: 0px;
+	margin-bottom: 10px;
+	padding: 0px;
+    list-style-type: none;
+}
+div.otherboxtitle {
+	margin-bottom: 2px;
+	background-color: #e3dabc;
+	margin-left: 4px;
+	margin-top: 15px;
+	padding-left: 5px;
+	padding-top: 2px;
+	font-size: 11px;
+	border-top: solid #777364 1px;
+	border-bottom: solid #777364 1px;
+	text-transform: uppercase;
+	font-weight: bold;
+}
+div.otherbox {
+	margin-left: 4px;
+	border: 1px #a59f8b solid;
+	margin-top: 0px;
+	padding: 5px;
+	text-align: justify;
+	background: #fff2e8;
+	font-size: 10px;
+}
+div.otherbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.otherbox h2 {
+	font-weight: bold;
+	font-size: 11px;
+	margin: 0px;
+}
+div.otherbox p {
+	margin-top: 5px;
+	margin-bottom: 10px;
+}
+div.rightlogo { 
+    width: 90px; 
+    float: right;
+    margin-right: 0px;
+    padding-top: 0px;
+    padding-left: 0px;
+    padding-bottom: 0px;
+}   
+div.centraldiv {
+    margin-left: 220px;
+    margin-right: 10px;
+    margin-bottom: 20px;
+	margin-top: 10px;
+}
+div.centraldiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	margin: 0px;
+}
+div.centraldiv h2 {
+	font-weight: normal;
+	font-size: 12px;
+	margin: 0px;
+}
+div.centraldiv h3 {
+	font-weight: normal;
+	font-size: 12px;
+	margin-bottom: 20px;
+}
+div.centralinfo {
+	position:relative;
+	height:160px;
+}
+div.lefttopbox {
+	position:relative;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-top: 5px;
+	border: 1px #a59f8b solid;
+	text-align: justify;
+	background: #fff2e8;
+	font-size: 12px;
+	width: 47%;
+	float: left;
+}
+div.lefttopbox p {
+	margin-top: 5px; margin-bottom: 10px;
+}
+div.lefttopbox h1 {
+	font-size: 13px;
+	font-weight: bold;
+	margin: 0px;
+	text-align: right;
+}
+div.lefttopbox h2 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.lefttopbox h3 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.righttopbox {
+	position:relative;
+	border: 1px #a59f8b solid;
+	background: white;
+	padding: 5px;
+	text-align: justify;
+	font-size: 12px;
+	width: 47%;
+	float: right;
+}
+div.righttopbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.righttopbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.boardindex {
+	text-align: justify;
+	font-size: 11px;
+	padding: 10px;
+	margin-left: 20px;
+	margin-right: 20px;
+}
+a.boardindex:link,a.boardindex:visited,a.boardindex:active {
+	text-decoration:none;
+	color: red;
+}
+div.boardleftmsg {
+	float: left;
+	margin-top: 3px;
+}
+div.boardrightmsg {
+	margin-left: 130px;
+	margin-top: 3px;
+	padding-left: 5px;
+}
+div.journalbody {
+	margin-left: 40px;
+	margin-top: 40px;
+}
+div.journalbody h1 {
+	font-size: 15px;
+	font-weight: bold;
+}
+div.journalbody p {
+	margin-bottom: 20px;
+}
+
+.formulaire {
+    border: solid 1px black;
+font-size: 12px;
+background-color: #eef;
+color: #000000;
+}
+.newcomments {
+	color: red;
+	font-weight: bold;
+}
+div.commentsreplythanks {
+	margin-left: 100px;
+	margin-top: 50px;
+	margin-right: 100px;
+	background-color: #eee;
+	border: black solid 1px;
+	padding: 10px;
+}
+div.archivediv {
+	margin-right: 20px;
+}
+.archivedate {
+	color:#f30;
+}
+.archivelink {
+	font-size: 14px;
+	font-weight: bold;
+	text-decoration: underline;
+}
+*/
\ No newline at end of file
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test3.css b/src/3rdparty/libcroco/tests/test-inputs/test3.css
new file mode 100644
index 0000000..2442048
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test3.css
@@ -0,0 +1,9 @@
+
+/*simple selector and simple rulset test*/
+S1 {prop1 : value1}
+
+/*Simple selector list and simple ruleset test*/
+s1,s2 {color: black ; background: white}
+
+/*descendants and child selector list, simple ruleset test*/
+s1 s2, S3 > s4 {prop1 : value1 ; prop2 : value2}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test4.1.css b/src/3rdparty/libcroco/tests/test-inputs/test4.1.css
new file mode 100644
index 0000000..01bd9d4
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test4.1.css
@@ -0,0 +1,682 @@
+* {
+    font-family: Verdana, Arial, Helvetica, sans-serif, monospace !important;
+}
+
+tutu:class1:class2 {
+ test:ok ;
+}
+
+body {
+    background: #606060;
+    color: #000000;  
+}
+
+
+a:link {    
+    color: #0000FF;    
+    background: transparent;
+    text-decoration: none;
+}    
+
+
+a:visited {    
+    color: #990099;    
+    background: transparent;
+    text-decoration: none;
+}    
+
+
+a:active {    
+    color: #000000;    
+    background: #ADD8E6;
+    text-decoration: none;
+}    
+    
+h1.rubrique_info {  
+    color: #990033;  
+    margin: 0px 0px 0px 0px;
+    padding: 0.4em; 
+    border: 0px;
+    font-size: 12px;
+}
+h1.connexe {
+    font-size: 12px;
+    padding: 0.9em;
+    margin: 0px 0px 0px 0px;
+    color: #990033;
+}
+
+a.rubrique_infolink {
+    text-decoration: none;
+}
+
+ul.rubrique_infoul {
+    display: inline;
+    list-style-type: square;
+}
+ul.rubrique_infoul * {
+    width: 100%;
+}
+li.rubrique_infoul {
+    margin-left: 15px;
+}
+h1 {
+    color: #990033;   
+}
+
+div.main {  
+    background: white;  
+    color: #000000;  
+    margin-left: 5px;
+    margin-right: 5px;
+    border: 1px black solid;
+    text-align: left;
+    font-size: 12px;
+}
+div.lsfnbanner {
+	margin-left: 150px;
+	margin-right: 170px;
+	border-top: none;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-bottom: 1px black solid;
+    border-right: 1px black solid;
+    border-left: 1px black solid;
+    text-align: left;
+    font-size: 11px;
+	padding-top: 2px;
+	background-color: #eeeae6;
+}
+div.footer {
+    padding-top: 5px;
+    padding-bottom: 3px;
+    border-top: 1px black solid;
+	border-left: 1px black solid;
+	border-right: 1px black solid;
+    text-align: left;
+    font-size: 9px;
+    background: #dcdff4;
+	width: 600px;
+	margin-top: 40px;
+	margin-left: 20px;
+}
+div.footer p {
+	margin-left: 10px;
+	margin-top: 2px;
+	margin-bottom: 2px;
+}
+
+a.lsfnlink:link,a.lsfnlink:visited,a.lsfnlink:active {
+    text-decoration: none;
+    color: #333333;
+    font-size: 10px;
+}
+a.lsfnlink:hover {
+    text-decoration: underline;
+    color: black;
+}
+div.menubartop {
+    margin-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 0px;
+    font-size: 13px;
+}
+div.smallmenubar {
+    background: white;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    font-weight:bold;
+    font-size: 10px;
+    text-align: right;
+}
+div.menuevent {
+    float: left;
+    width: 350px;
+    font-size: 11px;
+    text-align: left;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 10px;
+    font-weight: bold;
+    margin: 0px;
+}
+div.menubar {
+    background: #cac2a8;
+    border-top: 1px black solid;
+    border-bottom: 1px black solid;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+	padding-bottom: 2px;
+    font-weight:bold;
+    font-size: 13px;
+}
+div.menubar a {
+	text-decoration: none;
+}
+div.menudate {
+    float: left;
+    width: 130px;
+	padding-top: 5px;
+}
+div.menuaccroche {
+	margin-left: 30px;
+	float: left;
+    text-decoration: underline;
+	font-size: 14px;
+}
+div.menusearch {
+	float: right;
+    text-align: right;
+	padding-top: 5px;
+	width: 170px;
+}
+div.menusearch p {
+	margin: 0px 0px 0px 0px;
+}
+.searchinput {
+    border: solid 1px black;
+}
+a#menulinkselect {
+	color: #ed7e00;
+}
+
+div.leftbox {
+    width: 200px; 
+    float: left; 
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-bottom: 5px;
+    border-right: 1px black solid;
+    border-bottom: 1px black solid;
+    background: white;
+    margin-bottom: 10px;
+}
+div.leftbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.leftbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.leftbox ul {
+    list-style-type: square;
+	margin-bottom: 10px;
+	margin-left: 0.3em;
+	padding-left: 0.2em;
+}
+div.leftbox li {
+	margin-left: 10px;
+}
+
+div.rightbox {
+    width: 150px; 
+    float: right; 
+    padding-top: 10px;
+    padding-left: 5px;
+	padding-right: 15px;
+    padding-bottom: 5px;
+    border-left: 1px black solid;
+    border-bottom: 1px black solid;
+	text-align: left;
+}
+div.newjournaldiv {
+	text-align: justify;
+	margin-left: 10%;
+	font-size: 12px;
+	width: 600px;
+}
+div.newjournaldiv p {
+	margin-bottom: 0px;
+	margin-top: 20px;
+}
+div.journaldiv {
+	margin-left: 0px;
+	margin-right: 0px;
+	margin-top: 20px;
+	margin-bottom: 20px;
+	border: 1px black solid;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	padding-right: 10px;
+	padding-left: 10px;
+	background-color: #eef;
+}
+div.journaldiv p {
+	margin-top: 10px;
+	margin-bottom: 0px;
+}
+div.journaldiv h1 {
+    color: #990033;  
+    font-size: 14px;
+	margin: 0px;
+}
+div.journaldiv h2 {
+    font-size: 10px;
+	margin: 0px;
+}
+div.tipdiv {
+	margin-left: 220px;
+	margin-right: 50px;
+	margin-top: 20px;
+	padding-top: 5px;
+	padding-right: 10px;
+	padding-left: 10px;
+	text-align: justify;
+	background-color: #eee;
+	border: black solid 1px;
+}
+div.tipdiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	color: black;
+    margin-top: 0px;
+    margin-bottom: 20px;
+}
+div.tipdiv h2 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 12px;
+	margin: 0px;
+}
+
+div.newsdiv {
+    margin-left: 220px;
+    margin-right: 180px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+	text-align: justify;
+}
+div.newsdiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	margin: 0px;
+}
+div.newsdiv h2 {
+	font-weight: normal;
+	font-size: 12px;
+	margin: 0px;
+}
+div.newsdiv h3 {
+	font-weight: normal;
+	font-size: 12px;
+	margin-bottom: 20px;
+}
+div.objdiv {
+    margin-left: 220px;
+    margin-right: 20px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+}
+
+h1.newstitle {
+    text-align: left;
+    font-size: 14px;
+    margin: 0px 0px 0px 0px;
+    color: black;
+}
+div.titlediv {
+    border-top: solid #cac2a8 2px;
+    margin-top: 20px;
+    background-color: #eeeae6;
+    padding-left: 10px;
+    font-size: 11px;
+}
+div.bodydiv {
+    border: solid #9e9784 1px;
+    padding-left: 10px;
+    padding-right: 10px;
+	padding-top: 10px;
+	padding-bottom: 5px;
+    margin-top: 2px;
+    text-align: justify;
+}
+
+div.comments {
+    padding: 10px;
+    border-top: solid 2px #d37537;
+    border-bottom: solid 2px #d37537;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    background-color: #cacaca;
+    font-size: 12px;
+    line-height: 1.3em;
+}
+
+
+p.commentsbody {
+    border-left-style: solid;
+    border-width: 1px;
+    border-color: rgb(0, 0, 0);
+    padding-left: 10px;
+	text-align: justify;
+	margin-right: 20px;
+}
+
+
+div.commentsreply {
+	margin-left: 220px;
+	text-align: center;
+	margin-top: 50px;
+}
+
+ul.commentsul {
+    list-style-type: none;
+	margin-bottom: 10px;
+	margin-left: 1.25em;
+	padding-left: 0em;
+	border-left: 1px solid black;
+}
+ul.commentsli {
+	margin: 10px;
+}
+div.comments li {
+	margin-top: 20px;
+	margin-left: 2px;
+}
+
+div.comments h1 {
+    font-size: 12px;
+    color: black;
+    margin: 0px 20px 3px 0px;
+    background-color: rgb(226, 226, 226);
+    padding-left: 1px;
+    font-weight: none;
+}
+
+div.articlediv {
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-top: 10px;
+    padding-bottom: 20px;
+    margin-right: 10px;
+    margin-left: 220px;
+    border: solid 1px black;
+    margin-top: 10px;
+    text-align: justify;
+    background-color: #E2E2E2;
+}
+img {
+    border: 0px;
+}
+div.sectionimg {
+    float: left;
+    margin-right: 10px;
+    margin-top: 5px;
+}
+p.hautpage {
+	margin-top: 20px;
+	margin-bottom: 20px;
+	margin-left: 10px;
+}
+div.leftcol {
+	width: 202px;
+	width: 202px;
+	float: left;
+	padding: 0px;
+}
+div.logodiv {
+	border-right: 1px black solid;
+	border-bottom: 1px black solid;
+	padding: 0px;
+	line-height: 0px
+}
+div.loginbox {
+	margin-left: 4px;
+	border: solid #a59f8b 1px;
+	margin-top: 2px;
+	padding: 5px;
+	background-color: #fff2e8;
+	font-size: 10px;
+}
+div.loginbox p {
+	margin: 0px;
+	padding: 0px;
+}
+div.loginbox ul {
+	margin-left: 10px;
+	margin-top: 0px;
+	margin-bottom: 0px;
+	padding: 0px;
+    	list-style-type: none;
+}
+div.loginbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.loginbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.loginbox h3 {
+	margin-top: 0px;
+	margin-bottom: 5px;
+	font-size: 12px;
+}
+div.polldivtitle {
+	margin-bottom: 1px;
+	background-color: #cac2a8;
+	margin-left: 4px;
+	margin-top: 15px;
+	padding-left: 5px;
+	font-size: 10px;
+	border-top: solid #a59f8b 1px;
+	border-bottom: solid #a59f8b 1px;
+	text-transform: uppercase;
+}
+div.polldiv {
+	margin-left: 4px;
+	border: 1px #a59f8b solid;
+	margin-top: 0px;
+	padding: 5px;
+	background: #fff2e8;
+}
+div.polldiv p {
+margin: 5px; padding: 0px;
+}
+div.polldiv ul {
+	margin-left: 5px;
+	margin-top: 0px;
+	margin-bottom: 10px;
+	padding: 0px;
+    list-style-type: none;
+}
+div.otherboxtitle {
+	margin-bottom: 2px;
+	background-color: #e3dabc;
+	margin-left: 4px;
+	margin-top: 15px;
+	padding-left: 5px;
+	padding-top: 2px;
+	font-size: 11px;
+	border-top: solid #777364 1px;
+	border-bottom: solid #777364 1px;
+	text-transform: uppercase;
+	font-weight: bold;
+}
+div.otherbox {
+	margin-left: 4px;
+	border: 1px #a59f8b solid;
+	margin-top: 0px;
+	padding: 5px;
+	text-align: justify;
+	background: #fff2e8;
+	font-size: 10px;
+}
+div.otherbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.otherbox h2 {
+	font-weight: bold;
+	font-size: 11px;
+	margin: 0px;
+}
+div.otherbox p {
+	margin-top: 5px;
+	margin-bottom: 10px;
+}
+div.rightlogo { 
+    width: 90px; 
+    float: right;
+    margin-right: 0px;
+    padding-top: 0px;
+    padding-left: 0px;
+    padding-bottom: 0px;
+}   
+div.centraldiv {
+    margin-left: 220px;
+    margin-right: 10px;
+    margin-bottom: 20px;
+	margin-top: 10px;
+}
+div.centraldiv h1 {
+	font-weight: bold;
+	font-size: 14px;
+	margin: 0px;
+}
+div.centraldiv h2 {
+	font-weight: normal;
+	font-size: 12px;
+	margin: 0px;
+}
+div.centraldiv h3 {
+	font-weight: normal;
+	font-size: 12px;
+	margin-bottom: 20px;
+}
+div.centralinfo {
+	position:relative;
+	height:160px;
+}
+div.lefttopbox {
+	position:relative;
+	padding-left: 5px;
+	padding-right: 5px;
+	padding-top: 5px;
+	border: 1px #a59f8b solid;
+	text-align: justify;
+	background: #fff2e8;
+	font-size: 12px;
+	width: 47%;
+	float: left;
+}
+div.lefttopbox p {
+	margin-top: 5px; margin-bottom: 10px;
+}
+div.lefttopbox h1 {
+	font-size: 13px;
+	font-weight: bold;
+	margin: 0px;
+	text-align: right;
+}
+div.lefttopbox h2 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.lefttopbox h3 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.righttopbox {
+	position:relative;
+	border: 1px #a59f8b solid;
+	background: white;
+	padding: 5px;
+	text-align: justify;
+	font-size: 12px;
+	width: 47%;
+	float: right;
+}
+div.righttopbox h1 {
+	text-transform: uppercase;
+	font-weight: bold;
+	color: #ed7e00;
+	font-size: 10px;
+	margin: 0px;
+}
+div.righttopbox h2 {
+	font-weight: bold;
+	font-size: 12px;
+	margin: 0px;
+}
+div.boardindex {
+	text-align: justify;
+	font-size: 11px;
+	padding: 10px;
+	margin-left: 20px;
+	margin-right: 20px;
+}
+a.boardindex:link,a.boardindex:visited,a.boardindex:active {
+	text-decoration:none;
+	color: red;
+}
+div.boardleftmsg {
+	float: left;
+	margin-top: 3px;
+}
+div.boardrightmsg {
+	margin-left: 130px;
+	margin-top: 3px;
+	padding-left: 5px;
+}
+div.journalbody {
+	margin-left: 40px;
+	margin-top: 40px;
+}
+div.journalbody h1 {
+	font-size: 15px;
+	font-weight: bold;
+}
+div.journalbody p {
+	margin-bottom: 20px;
+}
+.formulaire {
+    border: solid 1px black;
+font-size: 12px;
+background-color: #eef;
+color: #000000;
+}
+.newcomments {
+	color: red;
+	font-weight: bold;
+}
+div.commentsreplythanks {
+	margin-left: 100px;
+	margin-top: 50px;
+	margin-right: 100px;
+	background-color: #eee;
+	border: black solid 1px;
+	padding: 10px;
+}
+div.archivediv {
+	margin-right: 20px;
+}
+.archivedate {
+	color:#f30;
+}
+.archivelink {
+	font-size: 14px;
+	font-weight: bold;
+	text-decoration: underline;
+}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test4.2.css b/src/3rdparty/libcroco/tests/test-inputs/test4.2.css
new file mode 100644
index 0000000..2dafbef
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test4.2.css
@@ -0,0 +1,24 @@
+@charset "ISO-8859-1" ;
+
+@import url("http://www.yahoo.com/css") print , screen ;
+
+@font-face {
+ font-family: "Robson Celtic";
+ src: url("http://site/fonts/rob-celt")	
+}
+
+
+
+@page left:one-two {
+      margin: 10pt;
+      border:none
+}
+
+@media print , screen , projection {
+      H1 { font-family: "Robson Celtic", serif }
+
+      P { 
+	  background: black ;
+	  foreground: white ;
+      }
+}
diff --git a/src/3rdparty/libcroco/tests/test-inputs/test5.1.css b/src/3rdparty/libcroco/tests/test-inputs/test5.1.css
new file mode 100644
index 0000000..26c3627
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/test5.1.css
@@ -0,0 +1,14 @@
+.class5 {prop8: val8}
+#id6 {prop9: val9}
+[attr4|=val4] {prop7: val7}
+[attr3~=val3_2] {prop6: val6}
+[attr2=val2] {prop5: val5}
+:first-child {first-child-prop: first-child-value}
+:lang(fr) {lang-prop: lang-value}
+E2[attr2=val2] {prop8: val8}
+E0 {prop0: val0}
+E0+E1{pro1:val1} 
+E1 E1-1 {prop2: val2}
+E1 > E1-1 {prop3: val3}
+document E1-1 {prop4: val4}
+
diff --git a/src/3rdparty/libcroco/tests/test-inputs/unknown-at-rule.css b/src/3rdparty/libcroco/tests/test-inputs/unknown-at-rule.css
new file mode 100644
index 0000000..7680999
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/unknown-at-rule.css
@@ -0,0 +1,3 @@
+@namespace url(http://www.w3.org/1999/xhtml); /* set default namespace
+to
+HTML */
\ No newline at end of file
diff --git a/src/3rdparty/libcroco/tests/test-inputs/unknown-at-rule2.css b/src/3rdparty/libcroco/tests/test-inputs/unknown-at-rule2.css
new file mode 100644
index 0000000..0c4a191
--- /dev/null
+++ b/src/3rdparty/libcroco/tests/test-inputs/unknown-at-rule2.css
@@ -0,0 +1,3 @@
+@namespace url(http://www.w3.org/1999/xhtml); dummyrule { } /* set
+default
+namespace to HTML */
\ No newline at end of file