the world ends
bar maids,
This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1 agents should be able to render the document elements above this paragraph indistinguishably (to the pixel) from this reference rendering, (except font rasterization and form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings. Once you have finished evaluating this test, you can return to the parent page.
\ No newline at end of file diff --git a/Base/res/html/misc/acid2.html b/Base/res/html/misc/acid2.html deleted file mode 100644 index 8c8c1800169..00000000000 --- a/Base/res/html/misc/acid2.html +++ /dev/null @@ -1,145 +0,0 @@ - - - -Take The Acid2 Test and compare it to the reference rendering.
--
- |
These are in no way exhaustive, but they cover a variety of different features.
-The left and right columns should look identical - left uses a single background shorthand, and right uses separate properties.
- -
background: url('background-repeat.png') fixed
-
- background-image: url('background-repeat.png');
- background-attachment: fixed;
-
- background: url('background-repeat.png') local
-
- background-image: url('background-repeat.png');
- background-attachment: local;
-
- background: url('background-repeat.png') scroll
-
- background-image: url('background-repeat.png');
- background-attachment: scroll;
-
- background: url('background-repeat.png') bottom 5% right 10px no-repeat
-
-
- background-image: url('background-repeat.png');
- background-position: bottom 5% right 10px no;
- background-repeat: no-repeat;
-
-
- background: url('background-repeat.png') yellow padding-box content-box
-
-
- background-image: url('background-repeat.png');
- background-color: yellow;
- background-origin: padding-box;
- background-clip: content-box;
-
-
- background: url('background-repeat.png') center / contain
-
-
- background-image: url('background-repeat.png');
- background-position: center;
- background-size: contain;
-
-
- background: url('background-repeat.png') center / cover
-
-
- background-image: url('background-repeat.png');
- background-position: center;
- background-size: cover;
-
-
- background: url('background-repeat.png') top / 50% 25px
-
-
- background-image: url('background-repeat.png');
- background-position: top;
- background-size: 50% 25px;
-
-
- See here for in-depth background-repeat tests.
-background: url('background-repeat.png') space
-
-
- background-image: url('background-repeat.png');
- background-repeat: space;
-
-
- background: url('background-repeat.png') round
-
-
- background-image: url('background-repeat.png');
- background-repeat: round;
-
-
- background: url('background-repeat.png') space round
-
-
- background-image: url('background-repeat.png');
- background-repeat: space round;
-
-
-
- background: url('background-repeat.png') no-repeat top 5px left 5px,
- url('background-repeat.png') no-repeat top 5px right 5px,
- url('background-repeat.png') no-repeat bottom 5px left 5px,
- url('background-repeat.png') no-repeat bottom 5px right 5px,
- url('background-repeat.png') no-repeat center cyan;
-
-
-
- background-color: cyan;
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
- background-position: top 5px left 5px, top 5px right 5px, bottom 5px left 5px, bottom 5px right 5px, center;
- background-image: url('background-repeat.png'), url('background-repeat.png'), url('background-repeat.png'), url('background-repeat.png'), url('background-repeat.png');
-
-
- The boxes are 50x50px and have a background-color
- All round 10px - -These boxes have elliptical borders
- All round 50% - -These boxes have (rectangular) background images, that are clipped by the border radius
- In a nutshell - -This is an <img> tag with a border radius
- These use a border-radius + a background clip (the radius of the inner background should shrink)
- Solid color - -The all have a border-radius +/- overflow: hidden, which clips their child elements
- Lorem ipsum, without overflow: hidden -
<a> tag, with a border-radius of 50% and overflow: hidden
- All these are non-conventional elements with a border-radius :^)
- iframe to the welcome page
-
-
-
- Fun canvas demo
-
-
-
-
-
-
-
-
These test the inner border-radius shrinking to accommodate the border
- An<img> tag with a border-radius and a border
- 
- The boxes are 50x50px
- All round 10px - -200px box, 75px radius
- -Test truncation:
- Box is 50x50, border-radius is 500px - - -box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px
-box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px
-box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px
-box-shadow: magenta -40px -20px
-box-shadow: 20px 10px 5px magenta, cyan -20px -10px 5px, yellow 10px -5px 5px 20px
-box-shadow: 20px 10px 5px magenta
-box-shadow: 20px 10px magenta
-box-shadow: magenta -40px -20px
-box-shadow: 20px 10px rgba(255,0,255,0.5)
-box-shadow: -40px -20px rgba(255,0,255,0.5)
-Last pressed:-
The boxes change their width property.
-calc(100px)
-calc(100px + 30% - (2rem * 3 + 20px))
-calc(100px + 30% - (120px / (2*4 + 3 )))
-calc(100px + 30% - calc(120px / calc(2*4 + 3 )))
-calc(50% + 60px)
-calc(50% - 60px)
-calc(50% + -60px)
-calc(50% + 50px - 10px)
-calc(50% + 3*20px)
-calc(50% + 3 * 20px)
-calc(50% + 10.5pt)
-calc(50% + .5pt)
-These examples are taken from MDN.
- -Should be a square and a circle, both as outlines.
- - -Should display a filled black square.
- - - - - diff --git a/Base/res/html/misc/canvas-patterns.html b/Base/res/html/misc/canvas-patterns.html deleted file mode 100644 index d2d4d31693a..00000000000 --- a/Base/res/html/misc/canvas-patterns.html +++ /dev/null @@ -1,55 +0,0 @@ -ctx.createPattern(img, "repeat")ctx.createPattern(img, "repeat")ctx.createPattern(img, "repeat-x")ctx.createPattern(img, "repeat-y")ctx.createPattern(img, "no-repeat")The red boxes are the measured text rects
- -Canvas font size- This is some text. This text is bold, but this is not, since it's set to initial, and this is bold again. -
-- This is some text. This text is bold, and so is this, because it's set to inherit, and this is bold again. -
-- This is some text. This text is bold, and so is this, because it's set to unset and font-weight is inherited, and this is bold again. -
- - diff --git a/Base/res/html/misc/checkbox.html b/Base/res/html/misc/checkbox.html deleted file mode 100644 index a4126f5742a..00000000000 --- a/Base/res/html/misc/checkbox.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - - - diff --git a/Base/res/html/misc/class-list.html b/Base/res/html/misc/class-list.html deleted file mode 100644 index be03164bd98..00000000000 --- a/Base/res/html/misc/class-list.html +++ /dev/null @@ -1,243 +0,0 @@ - - - - - - - - - - diff --git a/Base/res/html/misc/clear-1.html b/Base/res/html/misc/clear-1.html deleted file mode 100644 index 9d24af83f28..00000000000 --- a/Base/res/html/misc/clear-1.html +++ /dev/null @@ -1,64 +0,0 @@ - - - -Lorem Yaksum dolor sit yakkety...
- - - diff --git a/Base/res/html/misc/contenteditable.html b/Base/res/html/misc/contenteditable.html deleted file mode 100644 index 42956ea871e..00000000000 --- a/Base/res/html/misc/contenteditable.html +++ /dev/null @@ -1,8 +0,0 @@ - - -Here is a paragraph to play with.
-Another paragraph with a bold element embedded in it.
- - diff --git a/Base/res/html/misc/css-animations.html b/Base/res/html/misc/css-animations.html deleted file mode 100644 index e431f66c5ec..00000000000 --- a/Base/res/html/misc/css-animations.html +++ /dev/null @@ -1,50 +0,0 @@ - - -If this is green, @import "string"; works!
If this is green, @import url("string"); works!
If this is green, @import url(unquoted-string); works!
If this is green, relative @import resolves correctly!
This is a paragraph with a title attribute.
-
- This is a link with a title
-
This is a paragraph with a custom cursor.
-
- This is a link with a custom cursor
-
| Cursor Name | -Text | -Button | -Block | -
|---|---|---|---|
| auto | -auto | -- | - |
| default | -default | -- | - |
| none | -none | -- | - |
| text | -text | -- | - |
| context-menu | -context-menu | -- | - |
| help | -help | -- | - |
| pointer | -pointer | -- | - |
| progress | -progress | -- | - |
| wait | -wait | -- | - |
| cell | -cell | -- | - |
| crosshair | -crosshair | -- | - |
| text | -text | -- | - |
| vertical-text | -vertical-text | -- | - |
| alias | -alias | -- | - |
| copy | -copy | -- | - |
| move | -move | -- | - |
| no-drop | -no-drop | -- | - |
| not-allowed | -not-allowed | -- | - |
| grab | -grab | -- | - |
| grabbing | -grabbing | -- | - |
| e-resize | -e-resize | -- | - |
| n-resize | -n-resize | -- | - |
| ne-resize | -ne-resize | -- | - |
| nw-resize | -nw-resize | -- | - |
| s-resize | -s-resize | -- | - |
| se-resize | -se-resize | -- | - |
| sw-resize | -sw-resize | -- | - |
| w-resize | -w-resize | -- | - |
| ew-resize | -ew-resize | -- | - |
| ns-resize | -ns-resize | -- | - |
| nesw-resize | -nesw-resize | -- | - |
| nwse-resize | -nwse-resize | -- | - |
| col-resize | -col-resize | -- | - |
| row-resize | -row-resize | -- | - |
| all-scroll | -all-scroll | -- | - |
| zoom-in | -zoom-in | -- | - |
| zoom-out | -zoom-out | -- | - |
- :root {
- --my-color: purple;
- }
-
- .test {
- background-color: var(--my-color);
- }
-
- .test-parent {
- --my-color: pink;
- }
-
-
- - .test -- This should be purple -
- .test-parent --
- .test -- This should be pink -
- .test-fallback {
- background-color: var(--fallback, lime);
- }
-
- .test-fallback.with {
- --fallback: cyan;
- }
-
-
- .test-fallback- This should be green -
.test-fallback.with- This should be cyan -
- <div style="--color: turquoise; background-color: var(--color)"> --
- :root {
- --width: 10px;
- --color: orange;
- --style: solid;
- --border: var(--width) var(--color) var(--style);
- }
- .test-nested {
- border: var(--border);
- }
-
-
- .test-nested- This should have a 10px solid orange border -
- .test-inside-a-function {
- --blue: 255;
- background-color: rgb(255, 0, var(--blue));
- }
-
-
- .test-inside-a-function- This should be fuchsia -
- :root {
- --background-color: yellow;
- --background-position: top 10px right 5px;
- }
-
- .test-mixed {
- background: var(--background-color) url("background-repeat.png") var(--background-position) no-repeat;
- }
-
-
- .test-mixed- This should have a yellow background with a smiley face in the top-right corner -
- .billion-laughs {
- --prop1: lol;
- --prop2: var(--prop1) var(--prop1);
- --prop3: var(--prop2) var(--prop2);
-
- /* ... */
-
- --prop30: var(--prop29) var(--prop29);
-
- background: var(--prop30);
- }
-
- .billion-laughs- This box tests that we handle the billion laughs attack. If we don't crash, it worked! -
- .dependency-cycle {
- --recursive: var(--recursive);
-
- --a: var(--b);
- --b: var(--a);
-
- background: var(--a);
- color: var(--recursive);
- }
-
- .dependency-cycle- This box tests that we handle dependency cycles correctly. If we don't crash, it worked! -
- 
-
- Should render a 2x2 grid
-Should render a 2x2 grid with the first row having a height of 50px
-Start of crash tests
- -End of crash tests
- - -Should render a 2x2 grid with columns 50px and 50%
-Should render a full-width 4x4 grid with: -
Should render 2 items with no grid formatting (one on top of the other) -
Should render 2 items with no grid formatting (one on top of the other) -
Basic minmax(): Should render 2 items side by side, each with a minimum width of 150px, If there is enough space, -they will expand up to 300px each.
-Since there is no vertical limit, the two rows should be 50px high each.
-Since there is a height limit, the rows should be 25px high each.
-3 columns with minimum 200px and maximum 100%.
-Auto-fill of minimum 250px, max 1fr
-Auto-fit of minimum 250px, max 1fr
-Article layout: small margins on mobile, large on desktop. Centered column with 70ch width maximum
-Named tracks there should be 4 grid items in a circle with a space in the middle
-Should render a 2 columned grid
-Should render 2 50px columns and 2 100px columns
-Should render 2 50px columns and 2 100px columns, with grid-item 1 starting at column 2
-Should render a 64px wide image
-
- There should be a large (50px) column gap and small (10px) row gap
-There should be a Z-shaped gap (with both vertical and horizontal gap)
-There should be a column spanning 8 units, and then one spanning 4
-There should be a column spanning 4 units, and then one spanning 8
-There should be a row spanning 2 units, and then one spanning 3
-There should be 1 column that starts at column 2 and spans until the end.
-There should be 1 column that starts at column 2 and spans until the end.
-The bottom row should take up half the width of the grid.
-Grid template areas basics
-There should be a left-aligned column taking up 1 / 3 of the grid
-Column taking up 50% width
-Left-aligned column taking up 25% width
-Left-aligned column taking up 25% width
-Min-content / Max-content / 1fr column widths
-Bug with column gaps - grid items should have normal height
-Empty table
-Full table
-| Head Cell | -
|---|
| Body Cell | -
| Footer Cell | -
Table with 2 columns and border
-| Firstname | -Lastname | -
|---|---|
| Peter | -Griffin | -
| Lois | -Griffin | -
No borders
- - - -No borders v2
- - - -Columns should be tightly packed with no overflows nor extra space
- diff --git a/Base/res/html/misc/dom.html b/Base/res/html/misc/dom.html deleted file mode 100644 index 9425b10c8b8..00000000000 --- a/Base/res/html/misc/dom.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - diff --git a/Base/res/html/misc/effects_with_opacity_and_transforms.html b/Base/res/html/misc/effects_with_opacity_and_transforms.html deleted file mode 100644 index b249cfe1db4..00000000000 --- a/Base/res/html/misc/effects_with_opacity_and_transforms.html +++ /dev/null @@ -1,90 +0,0 @@ - - -| Normal | -Opacity: 30% | -Scaled Up | -Scaled Down | -
|---|---|---|---|
| - | - | - | - |
| - | - | - | - |
There are four lists listening to the mousedown event.
-For the test to pass, it must match the reference.
-Only the first click counts. (I didn't want to figure out stopping multiple clicks)
- -- Click me! -
-3 (PASS)
-2 (PASS)
-1 (PASS)
-- Click me! -
-2 (PASS)
-1 (PASS)
-(Test fails if FAIL is shown on screen)
-- Click me! -
-1 (PASS)
-(Test fails if FAIL is shown on screen)
-- Click me! -
-3 (PASS)
-2 (PASS)
-1 (PASS)
-This text should be green, whether you click on the div border or the div text.
-- -
- - diff --git a/Base/res/html/misc/exceptions.html b/Base/res/html/misc/exceptions.html deleted file mode 100644 index a6a5f4844f6..00000000000 --- a/Base/res/html/misc/exceptions.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - -The following uncaught exceptions should be shown in the browser JS console:
-This text is selected!
-This text isn't selected.
-This text isn't selected.
-This tests whether flex-box behaves well with unusual children.
-The boxes are width and height 100px.
-With a position: absolute; child
With a position: fixed; child
With a position: relative; child
With a position: static; child
With a position: sticky; child
With a position: absolute; child
With a position: fixed; child
With a position: relative; child
With a position: static; child
With a position: sticky; child
2/0/1
-2/0/1 - reverse
-2/<>/1
-2/<>/1 - reverse
-2/0/<>
-<>/0/1
-<>/1/<>
-<>/0/<>
-1/1/<>
-1/1/<> - reverse
-3/-1/-2
--2/3/<>
-<>/-1/<>
-The boxes are width and height 100px.
-Default
-Default
-Flex-wrap: nowrap
-Flex-wrap: wrap
-Flex-wrap: wrap-reverse
-flex-flow: row nowrap;
-flex-flow: row wrap;
-Default
-Default
-Default
-Flex-wrap: nowrap
-Flex-wrap: wrap
-Flex-wrap: wrap-reverse
-flex-flow: column nowrap;
-flex-flow: column wrap;
-Container has width of 500px
-flex-grow: 4/2/0
-Container has width of 250px
-flex-shrink: 4/1/0
-flex: initial;
-flex: auto;
-flex: none;
-flex: 1/2/3;
-flex: 0 0 0;
-flex: 0 0 0; flex-direction: column;
-flex: 1 2 0;
-flex: 0 1 2; (Invalid)
-flex: 4/1/0 0 50px;
-flex: 80% 0 4/1/0;
-flex: auto 0 4/1/0;
-- Anything with :focus will have a magenta background. - - -
-- This paragraph will turn green if anything inside it is focused. - - -
- - diff --git a/Base/res/html/misc/font-face.html b/Base/res/html/misc/font-face.html deleted file mode 100644 index 742a638239d..00000000000 --- a/Base/res/html/misc/font-face.html +++ /dev/null @@ -1,70 +0,0 @@ - - - - -These should render checkmarks, not X's
-WOFF with TTF: X
-WOFF with CFF: X
-WOFF2 with TTF: X
-WOFF2 with CFF: X
-TTF: X
-OTF: X
- - diff --git a/Base/res/html/misc/fonts.html b/Base/res/html/misc/fonts.html deleted file mode 100644 index 34c2ab1284d..00000000000 --- a/Base/res/html/misc/fonts.html +++ /dev/null @@ -1,59 +0,0 @@ - - - -font: 20px monospace;
-font: 12pt/14pt sans-serif;
-font: 80% cursive;
-font: bold 80% cursive;
-font: x-large/110% fantasy, serif;
-font: 400 2em SerenitySans;
-font: 400 200% SerenitySans;
-font: 400 x-large SerenitySans;
-font: smaller SerenitySans;
-font: normal smaller SerenitySans;
-font: bold italic large Helvetica, sans-serif;
-font: normal small-caps 120%/120% monospace;
-font: condensed oblique 12pt "Helvetica Neue", serif;
-font: condensed oblique 25deg 12pt "Helvetica Neue", serif;
-font-style: italic
-font-family: 'Liberation Serif', cursive; font-size: calc(120% + 10px);
-font: calc(120% + 10px) 'Liberation Serif', cursive;
-font-family: 'Liberation Serif', cursive; font-weight: calc((200 * 3) + 100);
-font: calc((200 * 3) + 100) 20px 'Liberation Serif', cursive;
-font: 16pt 'fake font', not-real-font, 'SerenitySans', monospace;
-font-family: 'fake font', not-real-font, 'SerenitySans', monospace;
-font: 20px 'Liberation Serif';
-font: italic 20px 'Liberation Serif';
-font: bold 20px 'Liberation Serif';
-font: bold italic 20px 'Liberation Serif';
-Code Character EscVersion Unicode Bytes Name - ---------------------------------------------------------------------------------------- - 228 ä ä ä U+00E4 C3 A4 LATIN SMALL LETTER A WITH DIAERESIS - 229 å å å U+00E5 C3 A5 LATIN SMALL LETTER A WITH RING - 287 ğ ğ ğ U+011F C4 9E LATIN SMALL LETTER G WITH BREVE - 252 ü ü ü U+00FC C3 BC LATIN SMALL LETTER U WITH DIAERESIS - 351 ş ş ş U+015F C5 9F LATIN SMALL LETTER S WITH CEDILLA - 305 ı ı ı U+0131 C4 B1 LATIN SMALL LETTER DOTLESS I - 246 ö ö ö U+00F6 C3 B6 LATIN SMALL LETTER O WITH DIAERESIS - 231 ç ç ç U+00E7 C3 A7 LATIN SMALL LETTER C WITH CEDILLA ---------------------------------------------------------------------------------- - 196 Ä Ä Ä U+00C4 C3 84 LATIN CAPITAL LETTER A WITH DIAERESIS - 197 Å Å Å U+00C5 C3 85 LATIN CAPITAL LETTER A WITH RING - 286 Ğ Ğ Ğ U+011E C4 9E LATIN CAPITAL LETTER G WITH BREVE - 220 Ü Ü Ü U+00DC C3 9C LATIN CAPITAL LETTER U WITH DIAERESIS - 350 Ş Ş Ş U+015E C5 9E LATIN CAPITAL LETTER S WITH CEDILLA - 304 İ İ İ U+0130 C4 B0 LATIN CAPITAL LETTER I WITH DOT ABOVE - 214 Ö Ö Ö U+00D6 C3 96 LATIN CAPITAL LETTER O WITH DIAERESIS - 199 Ç Ç Ç U+00C7 C3 87 LATIN CAPITAL LETTER C WITH CEDILLA -- - diff --git a/Base/res/html/misc/iframe-subframe.html b/Base/res/html/misc/iframe-subframe.html deleted file mode 100644 index b6f6111027f..00000000000 --- a/Base/res/html/misc/iframe-subframe.html +++ /dev/null @@ -1,2 +0,0 @@ -This is inside the frame! -
diff --git a/Base/res/html/misc/iframe.html b/Base/res/html/misc/iframe.html
deleted file mode 100644
index 6b07d626f02..00000000000
--- a/Base/res/html/misc/iframe.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
- This page has an iframe in it -
Cool huh? - -
this text is after the iframe - diff --git a/Base/res/html/misc/image-rendering.html b/Base/res/html/misc/image-rendering.html deleted file mode 100644 index d0d2641052c..00000000000 --- a/Base/res/html/misc/image-rendering.html +++ /dev/null @@ -1,16 +0,0 @@ - - -
- -This image should be blurred:
-
- This image should be blurred:
-
- This image should be pixelated:
-
-
-
diff --git a/Base/res/html/misc/images.html b/Base/res/html/misc/images.html
deleted file mode 100644
index e760b0be688..00000000000
--- a/Base/res/html/misc/images.html
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
-
-
- 
-
-
-
-
- 
- 
-
-
diff --git a/Base/res/html/misc/inline-block-link.html b/Base/res/html/misc/inline-block-link.html
deleted file mode 100644
index c74a691e041..00000000000
--- a/Base/res/html/misc/inline-block-link.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
-
- - Here is some test text. - Here is a test link. -
- - diff --git a/Base/res/html/misc/inline-block.html b/Base/res/html/misc/inline-block.html deleted file mode 100644 index 72ecf0d0992..00000000000 --- a/Base/res/html/misc/inline-block.html +++ /dev/null @@ -1,20 +0,0 @@ - - - -This is a very small test page :^)
-Visit the SerenityOS home page today!
- -
-
- Take a look at
how this text
is interpreted
- below.
-
-
- - Value: ? -
-- - Value: ? -
-- - Value: ? -
-- - Value: ? -
- - diff --git a/Base/res/html/misc/input.html b/Base/res/html/misc/input.html deleted file mode 100644 index f4d3d3fb542..00000000000 --- a/Base/res/html/misc/input.html +++ /dev/null @@ -1,94 +0,0 @@ - - - - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
These should have no background.
-These should have a green background.
-These should have a green background. :is() takes a "permissive selector list", - so even though part of it is invalid, this does not make the whole selector-list invalid.
-justify-content: flex-start
-justify-content: flex-end
-justify-content: center
-justify-content: space-between
-justify-content: space-around
-| Key | -Code | -Location | -
|---|
This text isn't selected.
-This text is selected!
-This text isn't selected.
-default
-Multiple levels
-Multiple levels of numbers
-list-style: disc
-list-style: square
-list-style: circle
-list-style: linear-gradient(to top left, red, green)
-list-style: inside url(list-item.png)
-list-style: outside url(list-item.png)
-list-style: outside url(90s-bg.png)
-list-style: outside url(data:image/png)
-default
-with start offset
-with different order
-list-style: decimal
-list-style: decimal-leading-zero
-list-style: lower-alpha
-list-style: upper-alpha
-list-style: upper-roman
-list-style: lower-roman
-list-style: outside lower-roman url(list-file.png)
-list-style: none
-list-style: none square
-list-style: square none
-list-style: url(list-item.png) none
-list-style: none none
-list-style: inside none none
-list-style: square none none (error)
-list-style: none none none (is an error)
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non elit dignissim, lobortis velit id, rutrum enim. Fusce urna nulla, semper in nisl consectetur, dictum dignissim felis. Vivamus mollis porttitor neque non pulvinar. Donec sollicitudin pulvinar nisi, nec vestibulum massa rutrum id. Aenean convallis tincidunt diam vel egestas. Pellentesque laoreet commodo arcu id dignissim. Etiam mattis elementum lectus, ut ultricies nibh dapibus sit amet. Curabitur sodales cursus ipsum vitae porttitor. Vestibulum ac nulla auctor, imperdiet augue accumsan, ornare eros.
- -Proin vel orci lobortis, ultrices nunc non, placerat odio. Proin nec nibh et odio pellentesque lobortis. Donec id urna ac sapien commodo facilisis in quis magna. Ut tempus aliquet elit, ut semper ante accumsan ornare. Morbi ac egestas quam. Pellentesque ut convallis metus, sit amet dignissim turpis. Sed feugiat hendrerit nibh, id tincidunt tortor euismod et. In vel fringilla ante. Etiam volutpat risus egestas congue sollicitudin.
- -Sed libero urna, fermentum quis leo at, lacinia suscipit ipsum. Vivamus in dignissim nibh. Proin ultricies sapien quis tortor luctus vehicula. Morbi ut consequat ipsum. Morbi imperdiet lectus libero, at tristique erat scelerisque sed. Duis eu risus at lectus vehicula facilisis. In tempor felis a nulla imperdiet volutpat. Quisque at auctor libero. Nunc ornare eros eget libero faucibus, vehicula ullamcorper erat laoreet. Aliquam dignissim eget est et aliquam. Phasellus imperdiet tincidunt mi, vitae viverra enim elementum a. Nullam pellentesque odio eu mauris bibendum tempor.
- -Sed mattis, elit eu pulvinar sagittis, ipsum enim interdum nisl, eu ornare augue orci at enim. Sed cursus, dolor in vestibulum maximus, mauris magna bibendum enim, in fringilla mauris metus vel nunc. Cras in quam mi. Nullam aliquam velit mauris, quis aliquet nulla pretium auctor. Donec non lobortis tellus. Nunc sodales libero id libero ultricies cursus. Cras ipsum nibh, dictum eu augue fermentum, blandit bibendum odio. Pellentesque tincidunt hendrerit aliquam. Donec sit amet justo vel magna pretium lobortis tempus vitae lorem. Maecenas quam purus, scelerisque dapibus lectus at, mattis tempus enim. Suspendisse ac ante turpis. Suspendisse aliquet, velit at hendrerit elementum, risus tortor accumsan est, quis luctus nisl sapien sed risus. Donec cursus ex diam, nec iaculis urna bibendum eget. Cras neque lacus, ornare eget elit eu, fringilla vestibulum velit. Phasellus lacinia condimentum enim accumsan aliquam. Nulla finibus ex elit, id semper erat posuere suscipit.
- -Integer at libero purus. Maecenas eu cursus nunc, vitae pellentesque sapien. Mauris auctor condimentum massa. Sed pharetra nibh varius leo rutrum, vel auctor tortor venenatis. Donec tincidunt tempus libero vel iaculis. Nam pretium non augue et pretium. Nunc dignissim tortor venenatis, blandit sem ac, mattis dolor. Donec et lacinia nunc. Vestibulum enim eros, aliquam pulvinar cursus ornare, volutpat eu mi. Quisque semper mi id metus elementum malesuada. Suspendisse nisl felis, pretium id consectetur quis, lacinia sit amet est.
- - diff --git a/Base/res/html/misc/mandelbrot-wasm.html b/Base/res/html/misc/mandelbrot-wasm.html deleted file mode 100644 index c549fd7691c..00000000000 --- a/Base/res/html/misc/mandelbrot-wasm.html +++ /dev/null @@ -1,451 +0,0 @@ - - - - - - - diff --git a/Base/res/html/misc/many-buggies.html b/Base/res/html/misc/many-buggies.html deleted file mode 100644 index aa012e95954..00000000000 --- a/Base/res/html/misc/many-buggies.html +++ /dev/null @@ -1,9 +0,0 @@ - - -
-
-
-
-
-
-
diff --git a/Base/res/html/misc/margin-collapse-1.html b/Base/res/html/misc/margin-collapse-1.html
deleted file mode 100644
index a71abe391e4..00000000000
--- a/Base/res/html/misc/margin-collapse-1.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-window.matchMedia("(min-width: 800px)") is not working. :^(
-
- This should be green if we are correctly ignoring @media rules that do not apply.
-
- This should be green if we are correctly applying @media screen.
-
- This should be green if the window is at least 400px wide. -
-- This should be green if the window is at least 400px wide, and we understand range syntax. -
-- This should be green if the window is at most 1000px wide. -
-- This should be green if the window is at most 1000px wide, and we understand range syntax. -
-- This should be green if the window is between 400px and 1000px wide. -
-- This should be green if the window is between 400px and 1000px wide, and we understand range syntax. -
-
- This should be green if we detected the color feature.
-
- This should be green if we detected the color feature and we understand not.
-
- This should be green if we detected the color feature and a deeply nested query: (color) or ((color) and ((color) or (color) or (not (color)))).
-
- This should be green if the window is wider than 80em. -
- - -- This should be green if the viewport aspect-ratio is less than 4/3. (So, less wide than a 4:3 ratio.) -
-- This should be green if the viewport aspect-ratio is at least 2. (So, at least twice as wide as it is tall.) -
-- This should be green if the viewport aspect-ratio is less than 0.5. (So, at least twice as tall as it is wide.) -
- - - - diff --git a/Base/res/html/misc/message-channel.html b/Base/res/html/misc/message-channel.html deleted file mode 100644 index 6ee38fc899e..00000000000 --- a/Base/res/html/misc/message-channel.html +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/Base/res/html/misc/meter.html b/Base/res/html/misc/meter.html deleted file mode 100644 index 675b57dee54..00000000000 --- a/Base/res/html/misc/meter.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - - -- -
- -Basic meters:
-
-
50%
that is a half
-
-
Meters with values outside low and high
-
-
Meters with values outside optimum
-
Meters with values outside min and max
-
-
Author: Daniel Glazman
- Last update: 2022-03-28 -Paragraph
-Paragraph
-Paragraph
-Paragraph
-Paragraph
-Paragraph
-1
-2 +
-3
-4 +
-1
-2 +
-3
-4 +
-1 +
-2
-3 +
-4
-1 +
-2
-3 +
-4
-1
-2 +
-3
-1 +
-2
-3
-4 +
-5
-6
-1
-2
-3 +
-4
-5
-6 +
-1
-2 +
-3
-4
-5 +
-6
-1
-2 +
-3 +
-4 +
-1 +
-2 +
-3 +
-1 +
-2 +
-3 +
-1 +
-2 +
-3 +
-1
-2
-3 +
-1
-2
-3 +
-4 +
-5
-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13 +
-14
-15
-1 +
-2
-3 +
-4
-1 +
-2
-3 +
-4
-1
-2 +
-3
-4 +
-1
-2 +
-3
-4 +
-1
-2 +
-3
-4
-1
-2
-3 +
-4
-5
-6 +
-1 +
-2
-3
-4 +
-1
-2 +
-3
-4
-1 +
-2 +
-3 +
-4
-1 +
-2 +
-3 +
-4 +
-1 +
-2 +
-3 +
-4 +
-1 +
-2 +
-3 +
-4 +
-1 +
-2
-3
-4
-1
-2 +
-3 +
-4 +
-5
-1
-2
-3 +
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13
-14
-15
-I have the default outline!
-I have an outline!
-I have an outline and a radius!
-My outline is dotted and brown!
-My outline is blue and away from my border!
-My outline is a very thin red line in the middle of this box!
- - diff --git a/Base/res/html/misc/overflow.html b/Base/res/html/misc/overflow.html deleted file mode 100644 index 60a8e99a16b..00000000000 --- a/Base/res/html/misc/overflow.html +++ /dev/null @@ -1,180 +0,0 @@ - - - - -Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-Hello this is some text
-All of my text should be the identifier color
- - diff --git a/Base/res/html/misc/percent-css.html b/Base/res/html/misc/percent-css.html deleted file mode 100644 index 85a1b931783..00000000000 --- a/Base/res/html/misc/percent-css.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - -- This is a web page with some color. -
-- Red, - green, - blue, - yellow, - magenta, - and white! -
- - diff --git a/Base/res/html/misc/position-absolute-from-edges.html b/Base/res/html/misc/position-absolute-from-edges.html deleted file mode 100644 index e04ddf71ccd..00000000000 --- a/Base/res/html/misc/position-absolute-from-edges.html +++ /dev/null @@ -1,48 +0,0 @@ - --hello - how - are - you -diff --git a/Base/res/html/misc/private-element-test.html b/Base/res/html/misc/private-element-test.html deleted file mode 100644 index 1a9d6692983..00000000000 --- a/Base/res/html/misc/private-element-test.html +++ /dev/null @@ -1,63 +0,0 @@ - - - If passed, the text below should say: "Passed" And the iframe should have loaded -
Progress bar position:-
There should be a sentence before this, and one after, forming a single paragraph.
-There should be a sentence before this, and one after, each as its own block.
- -This should have chonky quotation marks.
- -- This is some text. Each link should have a little icon before it, and this one has a tooltip too. -
- - diff --git a/Base/res/html/misc/qsa.html b/Base/res/html/misc/qsa.html deleted file mode 100644 index e51ab926744..00000000000 --- a/Base/res/html/misc/qsa.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - -
-
-
-
-
-
-
-
diff --git a/Base/res/html/misc/radio.html b/Base/res/html/misc/radio.html
deleted file mode 100644
index 5859ad87dc4..00000000000
--- a/Base/res/html/misc/radio.html
+++ /dev/null
@@ -1,62 +0,0 @@
-
- Pick your house!
- HP house:-
GoT house:-
- This tests the early return steps of "prepare a script" - that come before step 10 "Set the element's "already started" flag". The relevant steps are steps 6, 7 and 8. - If this algorithm returns on any of these steps, the script can be reinserted matching the requirements and will run. -
- -Expected result:
-Actual result:
-Basic select:
-- - Value: ? -
- -Basic select with no values:
-- -
- -Basic select with separators:
-- - Value: ? -
- -Basic select with custom styling:
-- -
- -Basic select with option groups and separators:
-- - Value: ? -
- - diff --git a/Base/res/html/misc/selectors.html b/Base/res/html/misc/selectors.html deleted file mode 100644 index aced2f9cd33..00000000000 --- a/Base/res/html/misc/selectors.html +++ /dev/null @@ -1,65 +0,0 @@ - - -This is a very small test page :^)
-Visit the SerenityOS home page today!
- - diff --git a/Base/res/html/misc/storage.html b/Base/res/html/misc/storage.html deleted file mode 100644 index 6c03a004c3e..00000000000 --- a/Base/res/html/misc/storage.html +++ /dev/null @@ -1,128 +0,0 @@ - - - --
-
@supports (color: green)
-@supports (color: green) and (width: 50px)
-@supports (color: green) or (flogwizzle: purple)
-@supports (not (flogwizzle: purple))
-@supports selector(.simple)
-@supports selector(a#more > .complicated.case:nth-child(42))
-@supports selector(.easy) or selector(.....nope)
- -@supports (not (color: green))
-@supports (color: green) and (width: 50px) or (color: green)
-@supports (width: yellow) or (height: green)
-@supports (flogwizzle: purple)
-@supports selector(.....nope)
-@supports selector(::-webkit-input-placeholder)
-@supports selector(32) or selector(thing[foo??????bar])
- -These should all be green, meaning they returned true
-These should all be red, meaning they returned false
-These should all be green, meaning they returned true
-These should all be red, meaning they returned false
-Overline
-Underline
-Wombling
-FREE!
-This underline should match the text color
-This should have an underline, overline and line-through, all in glorious magenta.
- - diff --git a/Base/res/html/misc/text-shadow.html b/Base/res/html/misc/text-shadow.html deleted file mode 100644 index 83d9e88f2a1..00000000000 --- a/Base/res/html/misc/text-shadow.html +++ /dev/null @@ -1,45 +0,0 @@ - - - - -text-shadow: 25px 50px blue
-text-shadow: magenta 0 0 3px
-text-shadow: 4px 4px blue, 8px 8px green, 12px 12px yellow
-text-shadow: 0 0 0 5px magenta
-text-shadow: 0 0 10px 5px magenta
-This is based on the examples for transform-origin - on MDN
-| Metadata | -|
|---|---|
| Current Source | -null | -
| Is Selected | -false | -
| Metadata | -|
|---|---|
| ID | -null | -
| Is Selected | -false | -
| Width | -0px | -
| Height | -0px | -
| Playback State | -|
|---|---|
| Current Time | -0.00 seconds | -
| Duration | -0.00 seconds | -
| Play State | -paused | -
| Ended | -false | -
This is a very simple browser built on the LibWeb and LibJS engines.
-Your user agent is:
-This page loaded in ms
- - - - - diff --git a/Base/res/html/misc/welcome.js b/Base/res/html/misc/welcome.js deleted file mode 100644 index 9ba3388e123..00000000000 --- a/Base/res/html/misc/welcome.js +++ /dev/null @@ -1,6 +0,0 @@ -document.addEventListener("DOMContentLoaded", function () { - console.log( - "Hello from DOMContentLoaded! There should be a message before this from an inline script" - ); - document.getElementById("ua").innerHTML = navigator.userAgent; -}); diff --git a/Base/res/html/misc/where-selector.html b/Base/res/html/misc/where-selector.html deleted file mode 100644 index f5749a76a5e..00000000000 --- a/Base/res/html/misc/where-selector.html +++ /dev/null @@ -1,38 +0,0 @@ - - - - -These should have no background.
-These should have a green background.
-These should have a green background. :where() takes a "permissive selector list", - so even though part of it is invalid, this does not make the whole selector-list invalid.
-