More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
On this page, I shall perform the wonderful task of playing around with random wiki codes. | On this page, I shall perform the wonderful task of playing around with random wiki codes. | ||
= | =customized table= | ||
{{#css: | {{#css: | ||
table | .table-header-rotated tr:nth-of-type(1) th:nth-of-type(n+2){ | ||
height: 90px; | |||
table. | width: 40px; | ||
table | min-width: 40px; | ||
table. | max-width: 40px; | ||
table. | position: relative; | ||
vertical-align: bottom; | |||
padding: 0; | |||
font-size: 12px; | |||
line-height: 0.8; | |||
} | |||
.table-header-rotated tr:nth-of-type(1) th:nth-of-type(n+2) > div{ | |||
position: relative; | |||
top: 0px; | |||
left: 45px; /* 80 * tan(-45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/ | |||
height: 100%; | |||
-ms-transform:skew(-45deg,0deg); | |||
-moz-transform:skew(-45deg,0deg); | |||
-webkit-transform:skew(-45deg,0deg); | |||
-o-transform:skew(-45deg,0deg); | |||
transform:skew(-45deg,0deg); | |||
overflow: hidden; | |||
border-left: 1px solid #CCCCCC; | |||
border-right: 1px solid #CCCCCC; | |||
} | |||
.table-header-rotated tr:nth-of-type(1) th:nth-of-type(n+2) span { | |||
-ms-transform:skew(45deg,0deg) rotate(-45deg); | |||
-moz-transform:skew(45deg,0deg) rotate(-45deg); | |||
-webkit-transform:skew(45deg,0deg) rotate(-45deg); | |||
-o-transform:skew(45deg,0deg) rotate(-45deg); | |||
transform:skew(45deg,0deg) rotate(-45deg); | |||
position: absolute; | |||
bottom: 30px; /* 40 cos(-45) = 28 with an additional 2px margin*/ | |||
left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/ | |||
display: inline-block; | |||
width: 100%; | |||
width: 85px; /* 80 / cos(-45) - 40 cos (-45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/ | |||
text-align: left; | |||
white-space: nowrap; /*whether to display in one line or not*/ | |||
} | |||
.table-header-rotated tr:first-of-type th:first-of-type > div, | |||
.table-header-rotated tr:last-of-type th:first-of-type > div { | |||
vertical-align: center; | |||
text-align: left; | |||
font-size: 24px; | |||
} | |||
.table-header-rotated tr:last-of-type th:nth-of-type(n+2){ | |||
height: 100px; | |||
width: 40px; | |||
min-width: 40px; | |||
max-width: 40px; | |||
position: relative; | |||
padding: 0; | |||
font-size: 12px; | |||
line-height: 1; | |||
} | |||
.table-header-rotated tr:last-of-type th:nth-of-type(n+2) > div{ | |||
position: relative; | |||
top: 0px; | |||
left: -50px; /* 80 * tan(-45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/ | |||
height: 100%; | |||
-ms-transform:skew(-45deg,0deg); | |||
-moz-transform:skew(-45deg,0deg); | |||
-webkit-transform:skew(-45deg,0deg); | |||
-o-transform:skew(-45deg,0deg); | |||
transform:skew(-45deg,0deg); | |||
overflow: hidden; | |||
border-left: 1px solid #CCCCCC; | |||
border-right: 1px solid #CCCCCC; | |||
} | |||
.table-header-rotated tr:last-of-type th:nth-of-type(n+2) span { | |||
-ms-transform:skew(45deg,0deg) rotate(-45deg); | |||
-moz-transform:skew(45deg,0deg) rotate(-45deg); | |||
-webkit-transform:skew(45deg,0deg) rotate(-45deg); | |||
-o-transform:skew(45deg,0deg) rotate(-45deg); | |||
transform:skew(45deg,0deg) rotate(-45deg); | |||
position: absolute; | |||
bottom: 35px; /* 40 cos(-45) = 28 with an additional 2px margin*/ | |||
left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/ | |||
display: inline-block; | |||
width: 100%; | |||
width: 85px; /* 80 / cos(-45) - 40 cos (-45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/ | |||
text-align: right; | |||
white-space: nowrap; /*whether to display in one line or not*/ | |||
} | |||
.table-header-rotated tr:nth-of-type(n+2) td:first-of-type { | |||
white-space: nowrap; | |||
} | |||
table.table-header-rotated tr:nth-of-type(n+2) td:nth-of-type(n+2) { | |||
text-align: center; | |||
} | |||
table.table-header-rotated td{ | |||
border: 1px solid #CCCCCC; | |||
border-spacing: 0px; | |||
} | |||
table.table-header-rotated { | |||
border-spacing: 0px; | |||
border-collapse: collapse; | |||
} | |||
}} | }} | ||
< | |||
{| class=" | <br><br> | ||
{| class="table-header-rotated" | |||
! | ! <div><span>Material</span></div> !! <div><span>Atmospheric Gases</span></div> !! <div><span>Cadmium</span></div> !! <div><span>Caesium</span></div> !! <div><span>Chromium</span></div> !! <div><span>Cobalt</span></div> !! <div><span>Dysprosium</span></div> !! <div><span>Evaporite Deposits</span></div> !! <div><span>Hafnium</span></div> !! <div><span>Hydrocarbons</span></div> !! <div><span>Mercury</span></div> !! <div><span>Neodymium</span></div> !! <div><span>Platinum</span></div> !! <div><span>Promethium</span></div> !! <div><span>Scandium</span></div> !! <div><span>Silicates</span></div> !! <div><span>Technetium</span></div> !! <div><span>Thulium</span></div> !! <div><span>Titanium</span></div> !! <div><span>Tungsten</span></div> !! <div><span>Vanadium</span></div> | ||
! <span | |- | ||
! <span | | Caesarium Cadmide || || O || O || || || || || || || || || || || || || || || || || | ||
! <span | |- | ||
| Carbon Polymers || || || || || || || || || He || || || || || || He || || || || || | |||
|- | |||
| Ceramic Powder || || || || || || || H || || || || || || || || H || || || || || | |||
|- | |||
| Crystallite Alloy || || He || || || He || || || || || || || || || || || || || || || | |||
|- | |||
| Dysporite || || || || || || He || || || || He || || || || || || || || || || | |||
|- | |||
| Fernite Alloy || || || || || || || || || || || || || || H || || || || || || H | |||
|- | |||
| Ferrofluid || || || || || || H || || H || || || || || || || || || || || || | |||
|- | |||
| Fluxed Condensates || || || || || || || || || || || O || || || || || || O || || || | |||
|- | |||
| Hexite || || || || N || || || || || || || || N || || || || || || || || | |||
|- | |||
| Hyperflurite || || || || || || || || || || || || || N || || || || || || || N | |||
|- | |||
| Neo Mercurite || || || || || || || || || || He || He || || || || || || || || || | |||
|- | |||
| Platinum Technite || || || || || || || || || || || || N || || || || N || || || || | |||
|- | |||
| Promethim Mercurite || || || || || || || || || || He || || || He || || || || || || || | |||
|- | |||
| Prometium || || O || || || || || || || || || || || O || || || || || || || | |||
|- | |||
| Rolled Tungsten Alloy || || || || || || || || || || || || N || || || || || || || N || | |||
|- | |||
| Silicon Diborite || || || || || || || O || || || || || || || || O || || || || || | |||
|- | |||
| Solerium || || || O || O || || || || || || || || || || || || || || || || | |||
|- | |||
| Sulfuric Acid || N || || || || || || N || || || || || || || || || || || || || | |||
|- | |||
| Thulium Hafnite || || || || || || || || H || || || || || || || || || H || || || | |||
|- | |||
| Titanium Chromide || || || || O || || || || || || || || || || || || || || O || || | |||
|- | |||
| Vanadium Hafnite || || || || || || || || H || || || || || || || || || || || || H | |||
|- | |||
| Max Security Found || All || L/N || L/N || L/N || L/N || L/N || All || L/N || All || L/N || L/N || L/N || L/N || L/N || All || L/N || L/N || L/N || L/N || L/N | |||
|- | |||
! <div><span>Ore</span></div> !! <div><span>Zeolite, Otavite,<br> Carnotite, Xenotime</span></div> !! <div><span>Otavite, Ytterbite</span></div> !! <div><span>Pollucite</span></div> !! <div><span>Chromite, Monazite</span></div> !! <div><span>Cobaltite, Carnotite, <br>Xenotime</span></div> !! <div><span>Xenotime</span></div> !! <div><span>Sylvite, Sperrylite, <br>Cinnabar, Monazite</span></div> !! <div><span>Zircon</span></div> !! <div><span>Bitumens, Chromite, <br>Pollucite, Loparite</span></div> !! <div><span>Cinnabar</span></div> !! <div><span>Monazite</span></div> !! <div><span>Sperrylite, Loparite</span></div> !! <div><span>Loparite</span></div> !! <div><span>Euxenite, Loparite, <br>Pollucite</span></div> !! <div><span>Coesite, Vanadinite, <br>Zircon, Ytterbite</span></div> !! <div><span>Carnotite</span></div> !! <div><span>Ytterbite</span></div> !! <div><span>Titanite, Zircon, <br>Monazite</span></div> !! <div><span>Scheelite, Cinnabar, <br>Monazite</span></div> !! <div><span>Vanadinite, Xenotime</span></div> | |||
|} | |} | ||
Revision as of 09:07, 13 September 2019
On this page, I shall perform the wonderful task of playing around with random wiki codes.
customized table
Material |
Atmospheric Gases |
Cadmium |
Caesium |
Chromium |
Cobalt |
Dysprosium |
Evaporite Deposits |
Hafnium |
Hydrocarbons |
Mercury |
Neodymium |
Platinum |
Promethium |
Scandium |
Silicates |
Technetium |
Thulium |
Titanium |
Tungsten |
Vanadium
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Caesarium Cadmide | O | O | ||||||||||||||||||
| Carbon Polymers | He | He | ||||||||||||||||||
| Ceramic Powder | H | H | ||||||||||||||||||
| Crystallite Alloy | He | He | ||||||||||||||||||
| Dysporite | He | He | ||||||||||||||||||
| Fernite Alloy | H | H | ||||||||||||||||||
| Ferrofluid | H | H | ||||||||||||||||||
| Fluxed Condensates | O | O | ||||||||||||||||||
| Hexite | N | N | ||||||||||||||||||
| Hyperflurite | N | N | ||||||||||||||||||
| Neo Mercurite | He | He | ||||||||||||||||||
| Platinum Technite | N | N | ||||||||||||||||||
| Promethim Mercurite | He | He | ||||||||||||||||||
| Prometium | O | O | ||||||||||||||||||
| Rolled Tungsten Alloy | N | N | ||||||||||||||||||
| Silicon Diborite | O | O | ||||||||||||||||||
| Solerium | O | O | ||||||||||||||||||
| Sulfuric Acid | N | N | ||||||||||||||||||
| Thulium Hafnite | H | H | ||||||||||||||||||
| Titanium Chromide | O | O | ||||||||||||||||||
| Vanadium Hafnite | H | H | ||||||||||||||||||
| Max Security Found | All | L/N | L/N | L/N | L/N | L/N | All | L/N | All | L/N | L/N | L/N | L/N | L/N | All | L/N | L/N | L/N | L/N | L/N |
Ore |
Zeolite, Otavite, Carnotite, Xenotime |
Otavite, Ytterbite |
Pollucite |
Chromite, Monazite |
Cobaltite, Carnotite, Xenotime |
Xenotime |
Sylvite, Sperrylite, Cinnabar, Monazite |
Zircon |
Bitumens, Chromite, Pollucite, Loparite |
Cinnabar |
Monazite |
Sperrylite, Loparite |
Loparite |
Euxenite, Loparite, Pollucite |
Coesite, Vanadinite, Zircon, Ytterbite |
Carnotite |
Ytterbite |
Titanite, Zircon, Monazite |
Scheelite, Cinnabar, Monazite |
Vanadinite, Xenotime
|