System/Libraries/Html: Split Reflow into separate source file

Applications/Internet/Cyberia.app/Cyberia.HC

@@ -407,6 +407,7 @@ U0 @cyberia_navigate(Bool refresh = FALSE)
     renderer->link_pointer = Compositor.theme.pointer.link;
     renderer->link_callback = &@cyberia_link_clicked;
     renderer->form_submit_callback = &@cyberia_form_submit_clicked;
+    renderer->image_load_callback = &@reflow_node_list;
     renderer->widgets_base = widgets_base->next;
     renderer->status_widget = status1;
     renderer->background_widget = background1;
@@ -576,7 +577,7 @@ U0 @cyberia_win_repaint(Window*)
 
     hanbagabtn1->x = win->width - hanbagabtn1->width - 9;
     addressbar1->width = hanbagabtn1->x - addressbar1->x - 3;
-    background1->width = win->width;
+    background1->width = win->width - 9;
     background1->height = win->height - 84;
 
     vscroll1->x = win->width;
@@ -614,6 +615,7 @@ U0 @cyberia_win_repaint(Window*)
         vscroll1->max = browser->renderer->calculated_page_height;
         vscroll1->length = (vscroll1->height - 31) / MaxI64(2, ToI64(browser->renderer->calculated_page_height / background1->height));
         vscroll1->x = win->width - 25;
+        background1->width -= vscroll1->width;
     }
 }
 

Applications/Internet/Cyberia.app/Resources/Default.css

@@ -11,45 +11,83 @@ a {
     text-decoration: underline
 }
 
-b, strong {
+b,
+strong {
     font-weight: bold
 }
 
+html,
+body {
+    display: block;
+}
+
+body {
+    margin: 8px;
+}
+
+blockquote {
+    margin-left: 40px;
+    margin-right: 40px;
+}
+
+button {
+    display: inline-block;
+}
+
+center {
+    display: block;
+    text-align: center;
+}
+
 code {
     font-family: monospace
 }
 
-em, i {
+em,
+i {
     font-style: italic
 }
 
 h1 {
-    font-size: 2em;
-    font-weight: bold
+    margin-top: 0.67em;
+    margin-bottom: 0.67em;
+    font-size: 2.00em;
+    font-weight: bold;
 }
 
 h2 {
-    font-size: 1.5em;
-    font-weight: bold
+    margin-top: 0.83em;
+    margin-bottom: 0.83em;
+    font-size: 1.50em;
+    font-weight: bold;
 }
 
 h3 {
+    margin-top: 1.00em;
+    margin-bottom: 1.00em;
     font-size: 1.17em;
-    font-weight: bold
+    font-weight: bold;
 }
 
 h4 {
-    font-weight: bold
+    margin-top: 1.33em;
+    margin-bottom: 1.33em;
+    font-size: 1.00em;
+    font-weight: bold;
 }
 
 h5 {
+    margin-top: 1.67em;
+    margin-bottom: 1.67em;
     font-size: 0.83em;
-    font-weight: bold
+    font-weight: bold;
 }
 
 h6 {
+    margin-top: 2.33em;
+    margin-bottom: 2.33em;
     font-size: 0.67em;
-    font-weight: bold
+    font-weight: bold;
 }
 
 mark {
@@ -57,7 +95,18 @@ mark {
     color: black
 }
 
+ol,
+ul {
+    padding-left: 24px;
+}
+
+p {
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
 table {
+    display: block;
     text-align: left;
 }