Difference between revisions of "JonathanDarkSandbox"

From BlogNomic Wiki
Jump to navigation Jump to search
(Added comments to help indicate cell column and row)
 
(20 intermediate revisions by the same user not shown)
Line 26: Line 26:
 
|-
 
|-
 
|}
 
|}
 +
 +
== CSS colors by name ==
 +
 +
[https://www.w3.org/wiki/CSS/Properties/color/keywords More CSS colors here]
  
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
 
! Name      !! Color
 
! Name      !! Color
 +
|-
 +
| - || style="background-color:black; color:white;" | black
 
|-
 
|-
 
| - || style="background-color:lightgray;" | lightgray
 
| - || style="background-color:lightgray;" | lightgray
 +
|-
 +
| - || style="background-color:silver;" | silver
 
|-
 
|-
 
| - || style="background-color:darkgray;" | darkgray
 
| - || style="background-color:darkgray;" | darkgray
Line 44: Line 52:
 
|-
 
|-
 
| - || style="background-color:salmon;" | salmon
 
| - || style="background-color:salmon;" | salmon
 +
|-
 +
| - || style="background-color:magenta;" | magenta
 
|-
 
|-
 
| - || style="background-color:red;" | red
 
| - || style="background-color:red;" | red
Line 61: Line 71:
 
| - || style="background-color:yellowgreen;" | yellowgreen
 
| - || style="background-color:yellowgreen;" | yellowgreen
 
|-
 
|-
| - || style="background-color:mediumseagreen;" | mediumseagreen
+
| - || style="background-color:green; color:white;" | green
 
|-
 
|-
 
| - || style="background-color:turquoise;" | turquoise
 
| - || style="background-color:turquoise;" | turquoise
Line 71: Line 81:
 
| - || style="background-color:deepskyblue;" | deepskyblue
 
| - || style="background-color:deepskyblue;" | deepskyblue
 
|-
 
|-
 +
| - || style="background-color:blue; color:white;" | blue
 +
|-
 +
| - || style="background-color:purple; color:white;" | purple
 
|}
 
|}
 
</blockquote>
 
</blockquote>
Line 82: Line 95:
 
| style="background-color:#fff; width:20px;" |  
 
| style="background-color:#fff; width:20px;" |  
 
| style="background-color:#fff; width:90px;" | 1
 
| style="background-color:#fff; width:90px;" | 1
| style="background-color:#fff; width:90px; {{ns:0}}" | 2
+
| style="background-color:#fff; width:90px;" | 2
 
| style="background-color:#fff; width:90px;" | 3
 
| style="background-color:#fff; width:90px;" | 3
 
| style="background-color:#fff; width:90px;" | 4
 
| style="background-color:#fff; width:90px;" | 4
Line 91: Line 104:
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | A
 
| style="background-color:#fff; height:40px" | A
| style="width:90px; border:1px solid #333; background:#585B1F;" | - <!-- A1 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A1 -->
| style="width:90px; border:1px solid #333" | - <!-- A2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- A2 -->
| style="width:90px; border:1px solid #333" | - <!-- A3 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A3 -->
| style="width:90px; border:1px solid #333" | - <!-- A4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- A4 -->
| style="width:90px; border:1px solid #333" | - <!-- A5 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A5 -->
| style="width:90px; border:1px solid #333" | - <!-- A6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- A6 -->
| style="width:90px; border:1px solid #333" | - <!-- A7 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A7 -->
| style="width:90px; border:1px solid #333; background:#BB2E4F;" | - <!-- A8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- A8 -->
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | B
 
| style="background-color:#fff; height:40px" | B
| style="width:90px; border:1px solid #33;" | - <!-- B1 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- B1 -->
| style="width:90px; border:1px solid #333" | - <!-- B2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B2 -->
| style="width:90px; border:1px solid #333" | - <!-- B3 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- B3 -->
| style="width:90px; border:1px solid #333" | - <!-- B4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B4 -->
| style="width:90px; border:1px solid #333" | - <!-- B5 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- B5 -->
| style="width:90px; border:1px solid #333" | - <!-- B6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B6 -->
| style="width:90px; border:1px solid #333" | - <!-- B7 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- B7 -->
| style="width:90px; border:1px solid #333" | - <!-- B8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B8 -->
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | C
 
| style="background-color:#fff; height:40px" | C
| style="width:90px; border:1px solid #33;" | - <!-- C1 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C1 -->
| style="width:90px; border:1px solid #333" | - <!-- C2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- C2 -->
| style="width:90px; border:1px solid #333" | - <!-- C3 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C3 -->
| style="width:90px; border:1px solid #333" | - <!-- C4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- C4 -->
| style="width:90px; border:1px solid #333" | - <!-- C5 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C5 -->
| style="width:90px; border:1px solid #333" | - <!-- C6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- C6 -->
| style="width:90px; border:1px solid #333" | - <!-- C7 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C7 -->
| style="width:90px; border:1px solid #333" | - <!-- C8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- C8 -->
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | D
 
| style="background-color:#fff; height:40px" | D
| style="width:90px; border:1px solid #33;" | - <!-- D1 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- D1 -->
| style="width:90px; border:1px solid #333" | - <!-- D2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D2 -->
| style="width:90px; border:1px solid #333" | - <!-- D3 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- D3 -->
| style="width:90px; border:1px solid #333" | - <!-- D4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D4 -->
| style="width:90px; border:1px solid #333" | - <!-- D5 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- D5 -->
| style="width:90px; border:1px solid #333" | - <!-- D6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D6 -->
| style="width:90px; border:1px solid #333" | - <!-- D7 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- D7 -->
| style="width:90px; border:1px solid #333" | - <!-- D8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D8 -->
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | E
 
| style="background-color:#fff; height:40px" | E
| style="width:90px; border:1px solid #33;" | - <!-- E1 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E1 -->
| style="width:90px; border:1px solid #333" | - <!-- E2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- E2 -->
| style="width:90px; border:1px solid #333" | - <!-- E3 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E3 -->
| style="width:90px; border:1px solid #333" | - <!-- E4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- E4 -->
| style="width:90px; border:1px solid #333" | - <!-- E5 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E5 -->
| style="width:90px; border:1px solid #333" | - <!-- E6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- E6 -->
| style="width:90px; border:1px solid #333" | - <!-- E7 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E7 -->
| style="width:90px; border:1px solid #333" | - <!-- E8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- E8 -->
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | F
 
| style="background-color:#fff; height:40px" | F
| style="width:90px; border:1px solid #33;" | - <!-- F1 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- F1 -->
| style="width:90px; border:1px solid #333" | - <!-- F2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F2 -->
| style="width:90px; border:1px solid #333" | - <!-- F3 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- F3 -->
| style="width:90px; border:1px solid #333" | - <!-- F4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F4 -->
| style="width:90px; border:1px solid #333" | - <!-- F5 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- F5 -->
| style="width:90px; border:1px solid #333" | - <!-- F6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F6 -->
| style="width:90px; border:1px solid #333" | - <!-- F7 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- F7 -->
| style="width:90px; border:1px solid #333" | - <!-- F8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F8 -->
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | G
 
| style="background-color:#fff; height:40px" | G
| style="width:90px; border:1px solid #33;" | - <!-- G1 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G1 -->
| style="width:90px; border:1px solid #333" | - <!-- G2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- G2 -->
| style="width:90px; border:1px solid #333" | - <!-- G3 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G3 -->
| style="width:90px; border:1px solid #333" | - <!-- G4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- G4 -->
| style="width:90px; border:1px solid #333" | - <!-- G5 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G5 -->
| style="width:90px; border:1px solid #333" | - <!-- G6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- G6 -->
| style="width:90px; border:1px solid #333" | - <!-- G7 -->
+
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G7 -->
| style="width:90px; border:1px solid #333" | - <!-- G8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"     | [[File:Bridge_400x400.jpg|40px]] <!-- G8 -->
 
|-
 
|-
 
| style="background-color:#fff; height:40px" | H
 
| style="background-color:#fff; height:40px" | H
| style="width:90px; border:1px solid #33;" | - <!-- H1 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H1 -->
| style="width:90px; border:1px solid #333" | - <!-- H2 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H2 -->
| style="width:90px; border:1px solid #333" | - <!-- H3 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H3 -->
| style="width:90px; border:1px solid #333" | - <!-- H4 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H4 -->
| style="width:90px; border:1px solid #333" | - <!-- H5 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H5 -->
| style="width:90px; border:1px solid #333" | - <!-- H6 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H6 -->
| style="width:90px; border:1px solid #333" | - <!-- H7 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H7 -->
| style="width:90px; border:1px solid #333" | - <!-- H8 -->
+
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H8 -->
 +
|}
 +
 
 +
== Table layout experiments ==
 +
 
 +
{| class="wikitable"
 +
|+ Roughhousing
 +
|-
 +
! Column 1 !! Column 2 !! Column 3
 +
|-
 +
| Row 1-1 || Row 1-2 || Row 1-3
 +
|-
 +
|
 +
* Row 2-1 item 1
 +
* Row 2-1 item 2
 +
* Row 2-1 item 3
 +
||
 +
* Row 2-2 item 1
 +
* Row 2-2 item 2
 +
* Row 2-2 item 3
 +
||
 +
* Row 2-3 item 1
 +
* Row 2-3 item 2
 +
* Row 2-3 item 3
 +
|}
 +
 
 +
== Images used elsewhere ==
 +
 
 +
[[File:Gravestone.png|600px]]
 +
 
 +
[[File:Seamless_skull.jpg]]
 +
 
 +
== Non-standard Unicode characters ==
 +
 
 +
D̸̂̄Ē̴̚S̵̅͝T̵̂̐R̷̅͠Ö̷́͛Y̶̏
 +
 
 +
== Grid with background ==
 +
 
 +
<div style="background-image: url('https://wiki.blognomic.com/images/2/20/Map_of_lake.jpg');">
 +
{| cellpadding="8" style="text-align:center; border-collapse:separate;"
 +
|+ Grid Test
 +
| style="width:20px;" |
 +
| style="width:90px;" | A
 +
| style="width:90px;" | B
 +
| style="width:90px;" | C
 +
| style="width:90px;" | D
 +
| style="width:90px;" | E
 +
| style="width:90px;" | F
 +
| style="width:90px;" | G
 +
| style="width:90px;" | H
 +
|-
 +
| style="background-color:#fff; height:40px" | 1
 +
| style="width:90px; border:1px solid #333; | - <!-- A1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H1 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 2
 +
| style="width:90px; border:1px solid #333; | - <!-- A2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H2 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 3
 +
| style="width:90px; border:1px solid #333; | - <!-- A3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H3 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 4
 +
| style="width:90px; border:1px solid #333; | - <!-- A4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H4 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 5
 +
| style="width:90px; border:1px solid #333; | - <!-- A5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H5 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 6
 +
| style="width:90px; border:1px solid #333; | - <!-- A6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H6 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 7
 +
| style="width:90px; border:1px solid #333; | - <!-- A7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H7 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 8
 +
| style="width:90px; border:1px solid #333; | - <!-- A8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H8 -->
 
|}
 
|}
 +
</div>

Latest revision as of 16:31, 7 February 2025

Pure embedded style table

1 2 3 4 5 6 7 8 9 10
1 Value
2 Long Text Short
3 ReallyReallyLong
4
5
6
7
8
9
10

CSS colors by name

More CSS colors here

Name Color
- black
- lightgray
- silver
- darkgray
- pink
- hotpink
- lavender
- orchid
- salmon
- magenta
- red
- crimson
- orange
- lemonchiffon
- yellow
- gold
- palegreen
- yellowgreen
- green
- turquoise
- lightskyblue
- dodgerblue
- deepskyblue
- blue
- purple

Zandorf style without crypt template

Borrowed from Zahndorf Crypt but not using Template:Crypt

Grid Test
1 2 3 4 5 6 7 8
A Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
B Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -
C Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
D Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -
E Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
F Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -
G Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
H Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -

Table layout experiments

Roughhousing
Column 1 Column 2 Column 3
Row 1-1 Row 1-2 Row 1-3
  • Row 2-1 item 1
  • Row 2-1 item 2
  • Row 2-1 item 3
  • Row 2-2 item 1
  • Row 2-2 item 2
  • Row 2-2 item 3
  • Row 2-3 item 1
  • Row 2-3 item 2
  • Row 2-3 item 3

Images used elsewhere

Gravestone.png

Seamless skull.jpg

Non-standard Unicode characters

D̸̂̄Ē̴̚S̵̅͝T̵̂̐R̷̅͠Ö̷́͛Y̶̏

Grid with background

Grid Test
A B C D E F G H
1 - - - - - - - -
2 - - - - - - - -
3 - - - - - - - -
4 - - - - - - - -
5 - - - - - - - -
6 - - - - - - - -
7 - - - - - - - -
8 - - - - - - - -