Difference between revisions of "User:Rayanth/SandboxTestingCodes"
From EVE University Wiki
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
|