API tools faq
paste
marshallsmyth

geologic timeline

marshallsmyth
Oct 22nd, 2020 (edited)
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 53.47 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Kotta+One|Kalam|Philosopher|);
  3. ::-webkit-scrollbar-thumb:vertical { background:#def;border-radius:0px;box-shadow:0px 0px 0px 0px #000; }
  4. ::-webkit-scrollbar-thumb:horizontal { background:black; }
  5. ::-webkit-scrollbar { width:33px;height:7px;background:black;border-radius:0px; }
  6.  
  7.  body { background:#d99; overflow:auto; transition:1s; font-family:arial black, philosopher; }
  8.  
  9.  .lines { width:83px; color:#71d; position:absolute; top:0px; left:0px; z-index:1; text-align:left; overflow:auto;
  10. font-size:14px; line-height:24px; text-indent:0px; font-family:arial black, times, philosopher; background:#f59; transition:2s; }
  11.  .lines:hover { background:#91d; color:#f60; transition:2s; }
  12.  
  13.  .mainbox { width:1345px; height:23150px; background:#f5a; top:15px; left:83px; margin-bottom:22px; font-family:kotta one, arial;
  14. font-style:italic; color:#007; font-size:22px; border:solid 8px #800; position:absolute; z-index:1; overflow:auto; }
  15.  
  16.  
  17.  .holocenebox { background:#f88; position:absolute; width:244px; height:14px; z-index:2; top:22px; left:400px;
  18. color:#400; font-family:kotta one, arial black; font-size:6px; letter-spacing:2px; transition:2s; }
  19.  .holocenebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:22px;left:0px;
  20. z-index:3;transition:2s;padding-top:22px;}
  21.  
  22.  .pleistocenebox { background:#eaf; position:absolute; width:244px; height:16px; z-index:2; top:35px; left:400px;
  23. color:#400; font-family:kotta one, arial black; font-size:6px; letter-spacing:2px; transition:2s; }
  24.  .pleistocenebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:35px;left:0px;
  25. z-index:3;transition:2s;padding-top:22px;}
  26.  
  27.  .pliocenebox { background:#833; position:absolute; width:244px; height:17px; z-index:2; top:51px; left:400px;
  28. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  29.  .pliocenebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:51px;left:0px;
  30. z-index:3;transition:2s;padding-top:22px;}
  31.  
  32.  .miocenebox { background:#533; position:absolute; width:244px; height:74px; z-index:2; top:68px; left:400px;
  33. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  34.  .miocenebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:68px;left:0px;
  35. z-index:3;transition:2s;padding-top:22px;}
  36.  
  37.  .oligocenebox { background:#f80; position:absolute; width:244px; height:48px; z-index:2; top:143px; left:400px;
  38. color:#500; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  39.  .oligocenebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:143px;left:0px;
  40. z-index:3;transition:2s;padding-top:22px;}
  41.  
  42.  .eocenebox { background:#fa0; position:absolute; width:244px; height:111px; z-index:2; top:191px; left:400px;
  43. color:#500; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  44.  .eocenebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:191px;left:0px;
  45. z-index:3;transition:2s;padding-top:22px;}
  46.  
  47.  .paleocenebox { background:#fc0; position:absolute; width:244px; height:46px; z-index:2; top:302px; left:400px;
  48. color:#500; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  49.  .paleocenebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:302px;left:0px;
  50. z-index:3;transition:2s;padding-top:22px;}
  51.  
  52.  .latecbox { background:#533; position:absolute; width:244px; height:159px; z-index:2; top:348px; left:400px;
  53. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  54.  .latecbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:348px;left:0px;
  55. z-index:3;transition:2s;padding-top:22px;}
  56.  
  57.  .earlycbox { background:#833; position:absolute; width:244px; height:208px; z-index:2; top:507px; left:400px;
  58. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  59.  .earlycbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:507px;left:0px;
  60. z-index:3;transition:2s;padding-top:22px;}
  61.  
  62.  .latejbox { background:#749; position:absolute; width:244px; height:98px; z-index:2; top:715px; left:400px;
  63. color:#eef; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  64.  .latejbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:715px;left:0px;
  65. z-index:3;transition:2s;padding-top:22px;}
  66.  
  67.  .middlejbox { background:#54a; position:absolute; width:244px; height:50px; z-index:2; top:813px; left:400px;
  68. color:#eef; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  69.  .middlejbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:813px;left:0px;
  70. z-index:3;transition:2s;padding-top:22px;}
  71.  
  72.  .earlyjbox { background:#348; position:absolute; width:244px; height:137px; z-index:2; top:863px; left:400px;
  73. color:#eef; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  74.  .earlyjbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:863px;left:0px;
  75. z-index:3;transition:2s;padding-top:22px;}
  76.  
  77.  .latetbox { background:#a40; position:absolute; width:244px; height:166px; z-index:2; top:1000px; left:400px;
  78. color:#ff0; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  79.  .latetbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1000px;left:0px;
  80. z-index:3;transition:2s;padding-top:22px;}
  81.  
  82.  .middletbox { background:#733; position:absolute; width:244px; height:49px; z-index:2; top:1166px; left:400px;
  83. color:#ff0; font-family:kotta one, arial black; font-size:14px; letter-spacing:1px; }
  84.  .middletbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1166px;left:0px;
  85. z-index:3;transition:2s;padding-top:22px;}
  86.  
  87.  .earlytbox { background:#300; position:absolute; width:244px; height:19px; z-index:2; top:1214px; left:400px;
  88. color:#ff0; font-family:kotta one, arial black; font-size:1px; letter-spacing:1px; }
  89.  .earlytbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1214px;left:0px;
  90. z-index:3;transition:2s;padding-top:22px;}
  91.  
  92.  .lopingianbox { background:#142; position:absolute; width:244px; height:39px; z-index:2; top:1233px; left:400px;
  93. color:#efa; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  94.  .lopingianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1233px;left:0px;
  95. z-index:3;transition:2s;padding-top:22px;}
  96.  
  97.  .guadalupianbox { background:#8a3; position:absolute; width:244px; height:70px; z-index:2; top:1272px; left:400px;
  98. color:#efa; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  99.  .guadalupianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1272px;left:0px;
  100. z-index:3;transition:2s;padding-top:22px;}
  101.  
  102.  .cisuralianbox { background:#5b5; position:absolute; width:244px; height:121px; z-index:2; top:1342px; left:400px;
  103. color:#efa; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  104.  .cisuralianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1342px;left:0px;
  105. z-index:3;transition:2s;padding-top:22px;}
  106.  
  107.  .pennsylvanianbox { background:#893; position:absolute; width:244px; height:111px; z-index:2; top:1463px; left:400px;
  108. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  109.  .pennsylvanianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1463px;left:0px;
  110. z-index:3;transition:2s;padding-top:22px;}
  111.  
  112.  .mississippianbox { background:#571; position:absolute; width:244px; height:171px; z-index:2; top:1574px; left:400px;
  113. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  114.  .mississippianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1574px;left:0px;
  115. z-index:3;transition:2s;padding-top:22px;}
  116.  
  117.  .upperdbox { background:#408; position:absolute; width:244px; height:117px; z-index:2; top:1744px; left:400px;
  118. color:#dd9; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  119.  .upperdbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1714px;left:0px;
  120. z-index:3;transition:2s;padding-top:22px;}
  121.  
  122.  .middbox { background:#609; position:absolute; width:244px; height:53px; z-index:2; top:1861px; left:400px;
  123. color:#dd9; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  124.  .middbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1861px;left:0px;
  125. z-index:3;transition:2s;padding-top:22px;}
  126.  
  127.  .lowerdbox { background:#80a; position:absolute; width:244px; height:129px; z-index:2; top:1914px; left:400px;
  128. color:#dd9; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  129.  .lowerdbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:1914px;left:0px;
  130. z-index:3;transition:2s;padding-top:22px;}
  131.  
  132.  .pridolibox { background:#055; position:absolute; width:244px; height:16px; z-index:2; top:2043px; left:400px;
  133. color:#fee; font-family:kotta one, arial black; font-size:4px; letter-spacing:1.7px; }
  134.  .pridolibox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2043px;left:0px;
  135. z-index:3;transition:2s;padding-top:22px;}
  136.  
  137.  .ludlowbox { background:#077; position:absolute; width:244px; height:17px; z-index:2; top:2059px; left:400px;
  138. color:#fee; font-family:kotta one, arial black; font-size:4px; letter-spacing:1.7px; }
  139.  .ludlowbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2043px;left:0px;
  140. z-index:3;transition:2s;padding-top:22px;}
  141.  
  142.  .wenlockbox { background:#099; position:absolute; width:244px; height:33px; z-index:2; top:2076px; left:400px;
  143. color:#fee; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  144.  .wenlockbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2076px;left:0px;
  145. z-index:3;transition:2s;padding-top:22px;}
  146.  
  147.  .llandoverybox { background:#0bb; position:absolute; width:244px; height:45px; z-index:2; top:2109px; left:400px;
  148. color:#fee; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  149.  .llandoverybox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2109px;left:0px;
  150. z-index:3;transition:2s;padding-top:22px;}
  151.  
  152.  .lateobox { background:#28a; position:absolute; width:244px; height:68px; z-index:2; top:2154px; left:400px;
  153. color:#233; font-family:kotta one, arial black; font-size:14px; letter-spacing:0px; }
  154.  .lateobox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2154px;left:0px;
  155. z-index:3;transition:2s;padding-top:22px;}
  156.  
  157.  .middleobox { background:#29c; position:absolute; width:244px; height:50px; z-index:2; top:2222px; left:400px;
  158. color:#233; font-family:kotta one, arial black; font-size:14px; letter-spacing:0px; }
  159.  .middleobox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2222px;left:0px;
  160. z-index:3;transition:2s;padding-top:22px;}
  161.  
  162.  .earlyobox { background:#2ae; position:absolute; width:244px; height:76px; z-index:2; top:2272px; left:400px;
  163. color:#233; font-family:kotta one, arial black; font-size:14px; letter-spacing:0px; }
  164.  .earlyobox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2272px;left:0px;
  165. z-index:3;transition:2s;padding-top:22px;}
  166.  
  167.  .furongianbox { background:#564; position:absolute; width:244px; height:52px; z-index:2; top:2348px; left:400px;
  168. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  169.  .furongianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2348px;left:0px;
  170. z-index:3;transition:2s;padding-top:22px;}
  171.  
  172.  .miaolingianbox { background:#373; position:absolute; width:244px; height:59px; z-index:2; top:2400px; left:400px;
  173. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  174.  .miaolingianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2400px;left:0px;
  175. z-index:3;transition:2s;padding-top:22px;}
  176.  
  177.  .cseries2box { background:#393; position:absolute; width:244px; height:65px; z-index:2; top:2459px; left:400px;
  178. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  179.  .cseries2box:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2459px;left:0px;
  180. z-index:3;transition:2s;padding-top:22px;}
  181.  
  182.  .terreneuvianbox { background:#3b3; position:absolute; width:244px; height:91px; z-index:2; top:2524px; left:400px;
  183. color:#bdf; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  184.  .terreneuvianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2524px;left:0px;
  185. z-index:3;transition:2s;padding-top:22px;}
  186.  
  187.  .upperebox { background:#db3; position:absolute; width:244px; height:210px; z-index:2; top:2615px; left:400px;
  188. color:#ffe; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  189.  .upperebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2615px;left:0px;
  190. z-index:3;transition:2s;padding-top:22px;}
  191.  
  192.  .lowerebox { background:#b93; position:absolute; width:244px; height:190px; z-index:2; top:2825px; left:400px;
  193. color:#fed; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  194.  .lowerebox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:2825px;left:0px;
  195. z-index:3;transition:2s;padding-top:22px;}
  196.  
  197.  .marinoanbox { background:#116; position:absolute; width:244px; height:145px; z-index:2; top:3015px; left:400px;
  198. color:#fed; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  199.  .marinoanbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:3015px;left:0px;
  200. z-index:3;transition:2s;padding-top:22px;}
  201.  
  202.  .sturtianbox { background:#30a; position:absolute; width:244px; height:306px; z-index:2; top:3160px; left:400px;
  203. color:#fed; font-family:kotta one, arial black; font-size:14px; letter-spacing:1.7px; }
  204.  .sturtianbox:hover { width:644px;height:100%;position:absolute;overflow:auto;top:3160px;left:0px;
  205. z-index:3;transition:2s;padding-top:22px;}
  206.  
  207.  
  208.  
  209.  .quaternarybox { background:#400; position:absolute; width:222px; height:29px; z-index:2; top:22px; left:644px;
  210. color:#eef; font-family:kotta one, arial black; font-size:12px; letter-spacing:0.7px; }
  211.  .neogenebox { background:#a33; position:absolute; width:222px; height:91px; z-index:2; top:51px; left:644px;
  212. color:#bdf; font-family:kotta one, arial black; font-size:21px; letter-spacing:1.7px; }
  213.  .paleogenebox { background:#fe0; position:absolute; width:222px; height:205px; z-index:2; top:143px; left:644px;
  214. color:#853; font-family:kotta one, arial black; font-size:21px; letter-spacing:1.7px; }
  215.  .cretaceousbox { background:#eca; position:absolute; width:222px; height:366px; z-index:2; top:348px; left:644px;
  216. color:#853; font-family:kotta one, arial black; font-size:21px; letter-spacing:1.7px; }
  217.  .jurassicbox { background:#da8; position:absolute; width:222px; height:285px; z-index:2; top:714px; left:644px;
  218. color:#631; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  219.  .triassicbox { background:#742; position:absolute; width:222px; height:235px; z-index:2; top:999px; left:644px;
  220. color:#fdc; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  221.  .permianbox { background:#8b0; position:absolute; width:222px; height:230px; z-index:2; top:1233px; left:644px;
  222. color:#df9; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  223.  .carboniferousbox { background:#471; position:absolute; width:222px; height:282px; z-index:2; top:1463px; left:644px;
  224. color:#fdc; font-family:kotta one, arial black; font-size:21px; letter-spacing:0.9px; }
  225.  
  226.  .devonianbox { background:#76a; position:absolute; width:222px; height:299px; z-index:2; top:1744px; left:644px;
  227. color:#fdc; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  228.  .silurianbox { background:#088; position:absolute; width:222px; height:111px; z-index:2; top:2043px; left:644px;
  229. color:#fdc; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  230.  .ordovicianbox { background:#0ab; position:absolute; width:222px; height:194px; z-index:2; top:2154px; left:644px;
  231. color:#fdc; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  232.  .cambrianbox { background:olive; position:absolute; width:222px; height:267px; z-index:2; top:2348px; left:644px;
  233. color:#fdc; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  234.  .ediacaranbox { background:orange; position:absolute; width:222px; height:400px; z-index:2; top:2615px; left:644px;
  235. color:#fdf; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  236.   .cryogenianbox { background:#008; position:absolute; width:222px; height:451px; z-index:2; top:3015px; left:644px;
  237. color:#def; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  238.  .tonianbox { background:#908; position:absolute; width:222px; height:1322px; z-index:2; top:3466px; left:644px;
  239. color:#fed; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  240.  .stenianbox { background:brown; position:absolute; width:222px; height:945px; z-index:2; top:4788px; left:644px;
  241. color:#fdf; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  242.  .ectasianbox { background:#a06; position:absolute; width:222px; height:937px; z-index:2; top:5733px; left:644px;
  243. color:#fdf; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  244.  .calymmianbox { background:#066; position:absolute; width:222px; height:966px; z-index:2; top:6670px; left:644px;
  245. color:#fdf; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  246.  .statherianbox { background:#205; position:absolute; width:222px; height:966px; z-index:2; top:7636px; left:644px;
  247. color:#dff; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  248.  
  249.  .orosirianbox { background:#508; position:absolute; width:222px; height:1138px; z-index:2; top:8602px; left:644px;
  250. color:#eff; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  251.  .rhyacianbox { background:#80b; position:absolute; width:222px; height:1250px; z-index:2; top:9740px; left:644px;
  252. color:#eff; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  253.  .siderianbox { background:#b0f; position:absolute; width:222px; height:855px; z-index:2; top:10990px; left:644px;
  254. color:#eff; font-family:kotta one, arial black; font-size:21px; letter-spacing:2px; }
  255.  
  256.  
  257.  .cenozoicbox, mesozoicbox, paleozoicbox, neoproterozoicbox, mesoproterozoicbox, paleoproterozoicbox, neoarcheanbox, mesoarcheanbox, paleoarcheanbox, eoarcheanbox  { position:absolute; width:200px; z-index:2; left:866px;
  258. color:#19d; font-family:kotta one, arial black; font-size:17px; letter-spacing:0.9px; }
  259.  
  260.  .phanerozoicbox, .proterozoicbox, .archeanbox, .hadeanbox { position:absolute; width:200px; z-index:2; left:1066px;
  261. color:#045; font-family:kotta one, arial black; font-size:18px; letter-spacing:1px; }
  262.  
  263. </style>
  264.  
  265. <div class="lines"><h1>---0------5-----10----15----20----25----30----35----40----45----50----55----60----65----70----75----80----85----90----95---100--105--110--115--120--125--130--135--140--145--150--155--160--165--170--175--180--185--190--195--200--205--210--215--220--225--230--235--240--245--250--255--260--265--270--275--280--285--290--295--300--305--310--315--320--325--330--335--340--345--350--355--360--365--370--375--380--385--390--395--400--405--410--415--420--425--430--435--440--445--450--455--460--465--470--475--480--485--490--495--500--505--510--515--520--525--530--535--540--545--550--555--560--565--570--575--580--585--590--595--600--605--610--615--620--625--630--635--640--645--650--655--660--665--670--675--680--685--690--695--700--705--710--715--720--725--730--735--740--745--750--755--760--765--770--775--780--785--790--795--800--805--810--815--820--825--830--835--840--845--850--855--860--865--870--875--880--885--890--895--900--905--910--915--920--925--930--935--940--945--950--955--960--965--970--975--980--985--990--995-1000-1005-1010-1015-1020-1025-1030-1035-1040-1045-1050-1055-1060-1065-1070-1075-1080-1085-1090-1095-1100-1105-1110-1115-1120-1125-1130-1135-1140-1145-1150-1155-1160-1165-1170-1175-1180-1185-1190-1195-1200-1205-1210-1215-1220-1225-1230-1235-1240-1245-1250-1255-1260-1265-1270-1275-1280-1285-1290-1295-1300-1305-1310-1315-1320-1325-1330-1335-1340-1345-1350-1355-1360-1365-1370-1375-1380-1385-1390-1395-1400-1405-1410-1415-1420-1425-1430-1435-1440-1445-1450-1455-1460-1465-1470-1475-1480-1485-1490-1495-1500-1505-1510-1515-1520-1525-1530-1535-1540-1545-1550-1555-1560-1565-1570-1575-1580-1585-1590-1595-1600-1605-1610-1615-1620-1625-1630-1635-1640-1645-1650-1655-1660-1665-1670-1675-1680-1685-1690-1695-1700-1705-1710-1715-1720-1725-1730-1735-1740-1745-1750-1755-1760-1765-1770-1775-1780-1785-1790-1795-1800-1805-1810-1815-1820-1825-1830-1835-1840-1845-1850-1855-1860-1865-1870-1875-1880-1885-1890-1895-1900-1905-1910-1915-1920-1925-1930-1935-1940-1945-1950-1955-1960-1965-1970-1975-1980-1985-1990-1995-2000-2005-2010-2015-2020-2025-2030-2035-2040-2045-2050-2055-2060-2065-2070-2075-2080-2085-2090-2095-2100-2105-2110-2115-2120-2125-2130-2135-2140-2145-2150-2155-2160-2165-2170-2175-2180-2185-2190-2195-2200-2205-2210-2215-2220-2225-2230-2235-2240-2245-2250-2255-2260-2265-2270-2275-2280-2285-2290-2295-2300-2305-2310-2315-2320-2325-2330-2335-2340-2345-2350-2355-2360-2365-2370-2375-2380-2385-2390-2395-2400-2405-2410-2415-2420-2425-2430-2435-2440-2445-2450-2455-2460-2465-2470-2475-2480-2485-2490-2495-2500-2505-2510-2515-2520-2525-2530-2535-2540-2545-2550-2555-2560-2565-2570-2575-2580-2585-2590-2595-2600-2605-2610-2615-2620-2625-2630-2635-2640-2645-2650-2655-2660-2665-2670-2675-2680-2685-2690-2695-2700-2705-2710-2715-2720-2725-2730-2735-2740-2745-2750-2755-2760-2765-2770-2775-2780-2785-2790-2795-2800-2805-2810-2815-2820-2825-2830-2835-2840-2845-2850-2855-2860-2865-2870-2875-2880-2885-2890-2895-2900-2905-2910-2915-2920-2925-2930-2935-2940-2945-2050-2955-2960-2965-2970-2975-2980-2985-2990-2995-3000-3005-3010-3015-3020-3025-3030-3035-3040-3045-3050-3055-3060-3065-3070-3075-3080-3085-3090-3095-3100-3105-3110-3115-3120-3125-3130-3135-3140-3145-3150-3155-3160-3165-3170-3175-3180-3185-3190-3195-3200-3205-3210-3215-3220-3225-3230-3235-3240-3245-3250-3255-3260-3265-3270-3275-3280-3285-3290-3295-3300-3305-3310-3315-3320-3325-3330-3335-3340-3345-3350-3355-3360-3365-3370-3375-3380-3385-3390-3395-3400-3405-3410-3415-3420-3425-3430-3435-3440-3445-3450-3455-3460-3465-3470-3475-3480-3485-3490-3495-3500-3505-3510-3515-3520-3525-3530-3535-3540-3545-3550-3555-3560-3565-3570-3575-3580-3585-3590-3595-3600-3605-3610-3615-3620-3625-3630-3635-3640-3645-3650-3655-3660-3665-3670-3675-3680-3685-3690-3695-3700-3705-3710-3715-3720-3725-3730-3735-3740-3745-3750-3755-3760-3765-3770-3775-3780-3785-3790-3795-3800-3805-3810-3815-3820-3825-3830-3835-3840-3845-3850-3855-3860-3865-3870-3875-3880-3885-3890-3895-3900-3905-3910-3915-3920-3925-3930-3935-3940-3945-3950-3955-3960-3965-3970-3975-3980-3985-3990-3995-4000-4005-4010-4015-4020-4025-4030-4035-4040-4045-4050-4055-4060-4065-4070-4075-4080-4085-4090-4095-4100-4105-4110-4115-4120-4125-4130-4135-4140-4145-4150-4155-4160-4165-4170-4175-4180-4185-4190-4195-4200-4205-4210-4215-4220-4225-4230-4235-4240-4245-4250-4255-4260-4265-4270-4275-4280-4285-4290-4295-4300-4305-4310-4315-4320-4325-4330-4335-4340-4345-4350-4355-4360-4365-4370-4375-4380-4385-4390-4395-4400-4405-4410-4415-4420-4425-4430-4435-4440-4445-4450-4455-4460-4465-4470-4475-4480-4485-4490-4495-4500-4505-4510-4515-4520-4525-4530-4535-4540-4545-4550-4555-4560-4565-4570-4575-4580-4585-4590-4595-4600-4605-</h1>  </div>
  266.  
  267. <div class="mainbox"></div>
  268.  
  269.  
  270. <div class="holocenebox"><div style="margin-top:-14px;"><center><h5>Holocene Epoch</h5></center></div>
  271. <div style="width:555px;height:144px;border:5px black solid;margin-left:44px;">
  272. <ul style="margin:4px 0px 0px -44px;"><center><h2>Maghalayan Age</h2><p>4,200 ya to the present</center><p><center>Alternatively, 4,200 ya to 1950 AD, followed by<center><b> Anthropian Age </b> 1950 AD to present</center>   </ul></div>
  273. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  274. <ul style="margin:4px 0px 0px -44px;"><center><h2>Northgrippian Age</h2><p>8,200 ya to 4,200 ya</center>  </ul></div>
  275. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  276. <ul style="margin:4px 0px 0px -44px;"><center><h2>Greenlandian Age</h2><p>11,700 ya to 8,200 ya</center>  </ul></div></div>
  277.  
  278. <div class="pleistocenebox"><div style="margin:-11px 0px 0px 33px;"><center><h5>Pleistocene Epoch</h5></center></div>
  279. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  280. <ul style="margin:4px 0px 0px -44px;"><center><h2>Upper Age</h2><p>129 ka to 11.7 ka</center>  </ul></div>
  281. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  282. <ul style="margin:4px 0px 0px -44px;"><center><h2>Chibanian Age</h2><p>774 ka to 129 ka</center> </ul></div>
  283. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  284. <ul style="margin:4px 0px 0px -44px;"><center><h2>Calabrian Age</h2><p>1.8 Ma to 774 ka</center>  </ul></div>
  285. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  286. <ul style="margin: 4px 0px 0px -44px;"><center><h2>Gelasian Age</h2><p>2.58 Ma to 1.8 Ma</center>  </ul></div></div>
  287.  
  288. <div class="pliocenebox"><div style="margin:-21px 0px 0px 22px;"><center><h5>Pliocene Epoch</h5></center></div>
  289. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  290. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Piacenzian Age</h2><p>3.6 Ma to 2.58 Ma</center>  </ul></div>
  291. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  292. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Zanclean Age</h2><p>5.333 Ma to 3.6 Ma</center>  </ul></div></div>
  293.  
  294. <div class="miocenebox"><div style="margin-top:22px;"><center><h5>Miocene Epoch</h5></center></div>
  295. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  296. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Messinian Age</h2><p>7.246 Ma to 5.333 Ma</center>  </ul></div>
  297. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  298. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Tortonian Age</h2><p>11.63 Ma to 7.246 Ma</center>  </ul></div>
  299. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  300. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Serravallian Age</h2><p>13.82 Ma to 11.63 Ma</center>  </ul></div>
  301. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  302. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Langhian Age</h2><p>15.97 Ma to 13.82 Ma</center>  </ul></div>
  303. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  304. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Burdigalian Age</h2><p>20.44 Ma to 15.97 Ma</center>  </ul></div>
  305. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  306. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Aquitanian Age</h2><p>23.03 Ma to 20.44 Ma<p><br></center>  </ul></div></div>
  307.  
  308. <div class="oligocenebox"><div style="margin-top:-8px;"><center><h5>Oligocene Epoch</h5></center></div>
  309. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  310. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Chattian Age</h2><p>27.8 Ma to 23.03 Ma</center>  </ul></div>
  311. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  312. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Rupelian Age</h2><p>33.9 Ma to 27.8 Ma<p><br></center>  </ul></div></div>
  313.  
  314. <div class="eocenebox"><div style="margin-top:44px;"><center><h5>Eocene Epoch</h5></center></div>
  315. <div style="width:333px;height:77px;border:5px black solid;margin:44px 0px 0px 163px;">
  316. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Priabonian Age</h2><p>37.8 Ma to 33.9 Ma</center>  </ul></div>
  317. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  318. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Bartonian Age</h2><p>41.2 Ma to 37.8 Ma<p><br></center>  </ul></div>
  319. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  320. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Lutelian Age</h2><p>47.8 Ma to 41.2 Ma</center>  </ul></div>
  321. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  322. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Ypresian Age</h2><p>56.0 Ma to 47.8 Ma<p><br></center>  </ul></div></div>
  323.  
  324. <div class="paleocenebox"><div style="margin-top:-6px;"><center><h5>Paleocene Epoch</h5></center></div>
  325. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  326. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Thanetian Age</h2><p>59.2 Ma to 56.0 Ma<p><br></center>  </ul></div>
  327. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  328. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Selandian Age</h2><p>61.6 Ma to 59.2 Ma</center>  </ul></div>
  329. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  330. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Danian Age</h2><p>66.0 Ma to 61.6 Ma<p><br></center>  </ul></div></div>
  331.  
  332. <div class="latecbox"><div style="margin-top:66px;"><center><h5>Late Cretaceous Epoch</h5></center></div>
  333. <div style="width:333px;height:77px;border:5px black solid;margin:70px 0px 0px 163px;">
  334. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Maastrichtian Age</h2><p>72.1 Ma to 66.0 Ma</center>  </ul></div>
  335. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  336. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Campanian Age</h2><p>83.6 Ma to 72.1 Ma</center>  </ul></div>
  337. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  338. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Santonian Age</h2><p>86.3 Ma to 83.6 Ma</center>  </ul></div>
  339. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  340. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Coniacian Age</h2><p>89.8 Ma to 86.3 Ma</center>  </ul></div>
  341. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  342. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Turonian Age</h2><p>93.9 Ma to 89.8 Ma</center>  </ul></div>
  343. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  344. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Cenomanian Age</h2><p>100.5 Ma to 93.9 Ma<p><br><p></center>  </ul></div> </div>
  345.  
  346. <div class="earlycbox"><div style="margin-top:77px;"><center><h5>Early Cretaceous Epoch</h5></center></div>
  347. <div style="width:333px;height:77px;border:5px black solid;margin:111px 0px 0px 163px;">
  348. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Albian Age</h2><p>113.0 Ma to 100.5 Ma</center>  </ul></div>
  349. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  350. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Aplian Age</h2><p>125 Ma to 113 Ma</center>  </ul></div>
  351. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  352. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Barremian Age</h2><p>129.4 Ma to 125 Ma</center>  </ul></div>
  353. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  354. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Hauterivian Age</h2><p>132.9 Ma to 129.4 Ma</center>  </ul></div>
  355. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  356. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Valanginian Age</h2><p>139.8 Ma to 132.9 Ma</center>  </ul></div>
  357. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  358. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Berriasian Age</h2><p>145 Ma to 139.8 Ma<p><br><p></center>  </ul></div></div>
  359.  
  360. <div class="latejbox"><div style="margin-top:33px;"><center><h5>Late Jurassic Epoch</h5></center></div>
  361. <div style="width:333px;height:77px;border:5px black solid;margin:111px 0px 0px 163px;">
  362. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Tithonian Age</h2><p>151 Ma to 145 Ma</center>  </ul></div>
  363. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  364. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Kimmeridgian Age</h2><p>157 Ma to 151 Ma</center>  </ul></div>
  365. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  366. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Oxfordian Age</h2><p>162 Ma to 157 Ma</center>  </ul></div></div>
  367.  
  368. <div class="middlejbox"><div style="margin-top:-7px;"><center><h5>Middle Jurassic Epoch</h5></center></div>
  369. <div style="width:333px;height:77px;border:5px black solid;margin:111px 0px 0px 163px;">
  370. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Callovian Age</h2><p>166 Ma to 162 Ma</center>  </ul></div>
  371. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  372. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Bathonian Age</h2><p>168 Ma to 166 Ma</center>  </ul></div>
  373. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  374. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Bajocian Age</h2><p>170 Ma to 168 Ma</center>  </ul></div>
  375. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  376. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Aalenian Age</h2><p>173 Ma to 170 Ma</center>  </ul></div></div>
  377.  
  378. <div class="earlyjbox"><div style="margin-top:55px;"><center><h5>Early Jurassic Epoch</h5></center></div>
  379. <div style="width:333px;height:77px;border:5px black solid;margin:111px 0px 0px 163px;">
  380. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Toarcian Age</h2><p>182 Ma to 173 Ma</center>  </ul></div>
  381. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  382. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Pliensbachian Age</h2><p>190 Ma to 182 Ma</center>  </ul></div>
  383. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  384. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Sinemurian Age</h2><p>198 Ma to 190 Ma</center>  </ul></div>
  385. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  386. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Hettangian Age</h2><p>201 Ma to 198 Ma</center>  </ul></div></div>
  387.  
  388. <div class="latetbox"><div style="margin-top:60px;"><center><h5>Late Triassic Epoch</h5></center></div>
  389. <div style="width:333px;height:77px;border:5px black solid;margin:111px 0px 0px 163px;">
  390. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Rhaetian Age</h2><p>208 Ma to 201 Ma</center>  </ul></div>
  391. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  392. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Norian Age</h2><p>226 Ma to 208 Ma</center>  </ul></div>
  393. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  394. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Carnian Age</h2><p>236 Ma to 226 Ma</center>  </ul></div></div>
  395.  
  396. <div class="middletbox"><div style="margin-top:-5px;"><center><h5>Middle Triassic Epoch</h5></center></div>
  397. <div style="width:333px;height:77px;border:5px black solid;margin:111px 0px 0px 163px;">
  398. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Ladinian Age</h2><p>242 Ma to 236 Ma</center>  </ul></div>
  399. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  400. <ul style="margin:-14px 0px 0px -44px;"><center><h2>Anisian Age</h2><p>247 Ma to 242 Ma</center>  </ul></div></div>
  401.  
  402. <div class="earlytbox"><div style="margin-top:-3px;"><center><h5>Early Triassic Epoch</h5></center></div>
  403. <div style="width:333px;height:77px;border:5px black solid;margin:77px 0px 0px 163px;">
  404. <ul style="margin:14px 0px 0px -44px;"><center><h2>Olenekian Age</h2><p>251 Ma to 247 Ma</center>  </ul></div>
  405. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  406. <ul style="margin:14px 0px 0px -44px;"><center><h2>Induan Age</h2><p>252 Ma to 251 Ma</center>  </ul></div></div>
  407.  
  408. <div class="lopingianbox"><div style="margin-top:-9px;"><center><h5>Lopingian Epoch</h5></center></div>
  409. <div style="width:333px;height:77px;border:5px black solid;margin:77px 0px 0px 163px;">
  410. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Changhsingian Age</h2><p>254 Ma to 252 Ma</center>  </ul></div>
  411. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  412. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Wuchiapingian Age</h2><p>259 Ma to 254 Ma</center>  </ul></div></div>
  413.  
  414. <div class="guadalupianbox"><div style="margin-top:22px;"><center><h5>Guadalupian Epoch</h5></center></div>
  415. <div style="width:333px;height:77px;border:5px black solid;margin:77px 0px 0px 163px;">
  416. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Capitanian Age</h2><p>265 Ma to 259 Ma</center>  </ul></div>
  417. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  418. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Wordian Age</h2><p>269 Ma to 265 Ma</center>  </ul></div>
  419. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  420. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Roadian Age</h2><p>273 Ma to 269 Ma</center>  </ul></div></div>
  421.  
  422. <div class="cisuralianbox"><div style="margin-top:44px;"><center><h5>Cisuralian Epoch</h5></center></div>
  423. <div style="width:333px;height:77px;border:5px black solid;margin:77px 0px 0px 163px;">
  424. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Kungurian Age</h2><p>283 Ma to 273 Ma</center>  </ul></div>
  425. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  426. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Artinskian Age</h2><p>290 Ma to 283 Ma</center>  </ul></div>
  427. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  428. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Sakmarian Age</h2><p>294 Ma to 290 Ma</center>  </ul></div>
  429. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  430. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Asselian Age</h2><p>299 Ma to 294 Ma</center>  </ul></div></div>
  431.  
  432. <div class="pennsylvanianbox"><div style="margin-top:-11px;"><center><h5>Pennsylvanian<br>Subperiod includes<br>Upper, Middle, Lower<br>Epochs</h5></center></div>
  433. <div style="width:333px;height:99px;border:5px black solid;margin:77px 0px 0px 163px;">
  434. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Gzhelian Age of Upper Pennsylvanian Subperiod</h2><p>303 Ma to 299 Ma</center>  </ul></div>
  435. <div style="width:333px;height:99px;border:5px black solid;margin:22px 0px 0px 163px;">
  436. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Kasimovian Age of Upper Pennsylvanian Subperiod</h2><p>307 Ma to 303 Ma</center>  </ul></div>
  437. <div style="width:333px;height:99px;border:5px black solid;margin:22px 0px 0px 163px;">
  438. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Moscovian Age of Middle Pennsylvanian Subperiod</h2><p>315 Ma to 307 Ma</center>  </ul></div>
  439. <div style="width:333px;height:99px;border:5px black solid;margin:22px 0px 0px 163px;">
  440. <ul style="margin:-11px 0px 0px -44px;padding-bottom:44px;"><center><h2>Bashkinian Age of Lower Pennsylvanian Subperiod</h2><p>323 Ma to 315 Ma</center>  </ul></div></div>
  441.  
  442. <div class="mississippianbox"><div style="margin-top:38px;"><center><h5>Mississippian Subperiod includes Upper, Middle, Lower Epochs</h5></center></div>
  443. <div style="width:333px;height:99px;border:5px black solid;margin:66px 0px 0px 163px;">
  444. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Serpukhovian Age of Upper Mississippian Subperiod</h2><p>331 Ma to 323 Ma</center>  </ul></div>
  445. <div style="width:333px;height:99px;border:5px black solid;margin:22px 0px 0px 163px;">
  446. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Visean Age of Middle Mississippian Subperiod</h2><p>347 Ma to 331 Ma</center>  </ul></div>
  447. <div style="width:333px;height:99px;border:5px black solid;margin:22px 0px 0px 163px;">
  448. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Tournaisian Age of Lower Mississippian Subperiod</h2><p>359 Ma to 347 Ma</center>  </ul></div></div>
  449.  
  450. <div class="upperdbox"><div style="margin-top:33px;"><center><h5>Upper Devonian Epoch</h5></center></div>
  451. <div style="width:333px;height:77px;border:5px black solid;margin:61px 0px 0px 163px;">
  452. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Famennian Age</h2><p>371 Ma to 359 Ma</center>  </ul></div>
  453. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  454. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Frasnian Age</h2><p>381 Ma to 371 Ma</center>  </ul></div></div>
  455.  
  456. <div class="middbox"><div style="margin-top:-4px;"><center><h5>Mid Devonian Epoch</h5></center></div>
  457. <div style="width:333px;height:77px;border:5px black solid;margin:61px 0px 0px 163px;">
  458. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Givetian Age</h2><p>386 Ma to 381 Ma</center>  </ul></div>
  459. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  460. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Eifelian Age</h2><p>392 Ma to 386 Ma</center>  </ul></div></div>
  461.  
  462. <div class="lowerdbox"><div style="margin-top:44px;"><center><h5>Lower Devonian Epoch</h5></center></div>
  463. <div style="width:333px;height:77px;border:5px black solid;margin:61px 0px 0px 163px;">
  464. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Emsian Age</h2><p>406 Ma to 392 Ma</center>  </ul></div>
  465. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  466. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Pragian Age</h2><p>410 Ma to 406 Ma</center>  </ul></div>
  467. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  468. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Lochkovian Age</h2><p>419 Ma to 410 Ma</center>  </ul></div></div>
  469.  
  470. <div class="pridolibox"><div style="margin-top:-7px;"><center><h5>Pridoli Epoch</h5></center></div>
  471. <div style="width:333px;height:77px;border:5px black solid;margin:61px 0px 0px 163px;">
  472. <ul style="margin:11px 0px 0px -44px;"><center><h2>Pridolian Age</h2><p>423 Ma to 419 Ma</center>  </ul></div></div>
  473.  
  474. <div class="ludlowbox"><div style="margin-top:-7px;"><center><h5>Ludlow Epoch</h5></center></div>
  475. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  476. <ul style="margin:11px 0px 0px -44px;"><center><h2>Ludfordian Age</h2><p>425 Ma to 423 Ma</center>  </ul></div>
  477. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  478. <ul style="margin:11px 0px 88px -44px;"><center><h2>Gorstian Age</h2><p>427 Ma to 425 Ma</center>  </ul></div></div>
  479.  
  480. <div class="wenlockbox"><div style="margin-top:-14px;"><center><h5>Wenlock Epoch</h5></center></div>
  481. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  482. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Homerian Age</h2><p>430 Ma to 427 Ma</center>  </ul></div>
  483. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  484. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Sheinwoodian Age</h2><p>433 Ma to 430 Ma</center>  </ul></div></div>
  485.  
  486. <div class="llandoverybox"><div style="margin-top:-9px;"><center><h5>Landovery Epoch</h5></center></div>
  487. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  488. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Telychian Age</h2><p>438 Ma to 433 Ma</center>  </ul></div>
  489. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  490. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Aeronian Age</h2><p>441 Ma to 438 Ma</center>  </ul></div>
  491. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 163px;">
  492. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Rhuddanian Age</h2><p>443 Ma to 441 Ma</center>  </ul></div></div>
  493.  
  494. <div class="lateobox"><div style="margin-top:16px;"><center><h5>Late Ordovician Epoch</h5></center></div>
  495. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 147px;">
  496. <ul style="margin:-11px 0px 0px -44px;"><center><h2>Hirnantian Age</h2><p>445 Ma to 443 Ma</center>  </ul></div>
  497. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 147px;">
  498. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Katian Age</h2><p>452 Ma to 445 Ma</center>  </ul></div>
  499. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 147px;">
  500. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Sandbian Age</h2><p>458 Ma to 452 Ma</center>  </ul></div></div>
  501.  
  502. <div class="middleobox"><div style="margin-top:-4px;"><center><h5>Middle Ordovician Epoch</h5></center></div>
  503. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 136px;">
  504. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Darriwilian Age</h2><p>467 Ma to 458 Ma</center>  </ul></div>
  505. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 136px;">
  506. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Dapingian Age</h2><p>469 Ma to 467 Ma</center>  </ul></div></div>
  507.  
  508. <div class="earlyobox"><div style="margin-top:26px;"><center><h5>Early Ordovician Epoch</h5></center></div>
  509. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 133px;">
  510. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Floian Age</h2><p>477 Ma to 469 Ma</center>  </ul></div>
  511. <div style="width:333px;height:77px;border:5px black solid;margin:22px 0px 0px 133px;">
  512. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Tremadocian Age</h2><p>485 Ma to 477 Ma</center>  </ul></div></div>
  513.  
  514. <div class="furongianbox"><div style="margin-top:-6px;"><center><h5>Furongian Epoch</h5></center></div>
  515. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  516. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Stage 10 Age</h2><p>489 Ma to 485 Ma</center>  </ul></div>
  517. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  518. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Jiangshanian Age</h2><p>493 Ma to 489 Ma</center>  </ul></div>
  519. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  520. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Paibian Age</h2><p>496 Ma to 493 Ma</center>  </ul></div></div>
  521.  
  522. <div class="miaolingianbox"><div style="margin-top:-1px;"><center><h5>Miaolingian Epoch</h5></center></div>
  523. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  524. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Guzhangian Age</h2><p>500 Ma to 496 Ma</center>  </ul></div>
  525. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  526. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Drumian Age</h2><p>504 Ma to 500 Ma</center>  </ul></div>
  527. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  528. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Wuliuan Age</h2><p>508 Ma to 504 Ma</center>  </ul></div></div>
  529.  
  530. <div class="cseries2box"><div style="margin-top:-9px;"><center><h5>Cambrian Series 2 Epoch</h5></center></div>
  531. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  532. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Stage 4 Age</h2><p>513 Ma to 508 Ma</center>  </ul></div>
  533. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  534. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Stage 3 Age</h2><p>520 Ma to 513 Ma</center>  </ul></div></div>
  535.  
  536. <div class="terreneuvianbox"><div style="margin-top:30px;"><center><h5>Terreneuvian Epoch</h5></center></div>
  537. <div style="width:333px;height:77px;border:5px black solid;margin:39px 0px 0px 149px;">
  538. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Stage 2 Age</h2><p>528 Ma to 520 Ma</center>  </ul></div>
  539. <div style="width:333px;height:77px;border:5px black solid;margin:29px 0px 0px 149px;">
  540. <ul style="margin:-11px 0px 88px -44px;"><center><h2>Fortunian Age</h2><p>541 Ma to 528 Ma</center>  </ul></div></div>
  541.  
  542. <div class="upperebox"><div style="margin-top:99px;"><center><h5>Upper Ediacaran Epoch</h5></center></div>
  543. <div style="width:333px;height:77px;margin:97px 0px 0px 159px;">
  544. <ul style="margin:-11px 0px 88px -44px;"><center><h2>This has not yet been subdivided</h2></center>  </ul></div></div>
  545.  
  546. <div class="lowerebox"><div style="margin-top:88px;"><center><h5>Lower  ediacaran Epoch</h5></center></div>
  547. <div style="width:333px;height:77px;margin:97px 0px 0px 159px;">
  548. <ul style="margin:-11px 0px 88px -44px;"><center><h2>This has not yet been subdivided</h2></center>  </ul></div></div>
  549.  
  550. <div class="marinoanbox"><div style="margin-top:73px;"><center><h5>Marinoan Epoch</h5></center></div>
  551. <div style="width:333px;height:77px;margin:59px 0px 0px 159px;">
  552. <ul style="margin:-11px 0px 88px -44px;"><center><h2>This has not yet been subdivided</h2> </center>  </ul></div></div>
  553.  
  554. <div class="sturtianbox"><div style="margin-top:143px;"><center><h5>Sturtian Epoch</h5></center></div>
  555. <div style="width:333px;height:77px;margin:60px 0px 0px 249px;">
  556. <ul style="margin:-11px 0px 88px -44px;"><center><h2>This has not yet been subdivided</h2> </center>  </ul></div></div>
  557.  
  558.  
  559. <div class="quaternarybox"><div style="margin-top:-14px;"><center><h2>Quaternary Period</h2></center></div>  </div>
  560. <div class="neogenebox"><div style="margin-top:-20px;"><center><h2>Neogene Period</h2></center></div>  </div>
  561. <div class="paleogenebox"><center><h2>Paleogene<br>Period</h2></center></div>
  562. <div class="cretaceousbox"><center><h2>Cretaceous<br>Period</h2></center></div>
  563. <div class="jurassicbox"><center><h2>Jurassic<br>Period</h2></center></div>
  564. <div class="triassicbox"><center><h2>Triassic<br>Period</h2></center></div>
  565. <div class="permianbox"><center><h2>Permian<br>Period</h2></center></div>
  566. <div class="carboniferousbox"><center><h2>Carboniferous<br>Period</h2></center></div>
  567. <div class="devonianbox"><center><h2>Devonian<br>Period</h2></center></div>
  568. <div class="silurianbox"><center><h2>Silurian<br>Period</h2></center></div>
  569. <div class="ordovicianbox"><center><h2>Ordovician<br>Period</h2></center></div>
  570. <div class="cambrianbox"><center><h2>Cambrian<br>Period</h2></center></div>
  571. <div class="ediacaranbox"><center><h2>Ediacaran<br>Period</h2></center></div>  
  572. <div class="cryogenianbox"><center><h2>Cryogenian<br>Period</h2></center></div>
  573. <div class="tonianbox"><center><h2>Tonian<br>Period</h2></center></div>
  574. <div class="stenianbox"><center><h2>Stenian<br>Period</h2></center></div>
  575. <div class="ectasianbox"><center><h2>Ectasian<br>Period</h2></center></div>
  576. <div class="calymmianbox"><center><h2>Calymmian<br>Period</h2></center></div>
  577. <div class="statherianbox"><center><h2>Statherian<br>Period</h2></center></div>
  578. <div class="orosirianbox"><center><h2>Orosirian<br>Period</h2></center></div>
  579. <div class="rhyacianbox"><center><h2>Rhyacian<br>Period</h2></center></div>
  580. <div class="siderianbox"><center><h2>Siderian<br>Period</h2></center></div>  </div>
  581.  
  582.  
  583. <div class="cenozoicbox"><div style="height:299px;background:#eef;margin-top:15px; padding-top:26px;"><center><h1>Cenozoic<br>Era</h2></center></div>
  584. <div class="mesozoicbox"><div style="height:859px;background:#eb5;margin-top:0px; padding-top:26px;"><center><h2>Mesozoic<br>Era</h2></center></div></div>
  585. <div class="paleozoicbox"><div style="height:1356px;background:#746;margin-top:0px; padding-top:26px;"><center><h2>Paleozoic<br>Era</h2></center></div></div>
  586. <div class="neoproterozoicbox"><div style="height:2147px;background:#334;margin-top:0px; padding-top:26px;"><center><h2>Neoproterozoic<br>Era</h2></center></div></div>
  587. <div class="mesoproterozoicbox"><div style="height:2824px;background:#433;margin-top:0px; padding-top:26px;"><center><h2>Mesoproterozoic<br>Era</h2></center></div></div>
  588. <div class="paleoproterozoicbox"><div style="height:4180px;background:#111;margin-top:0px; padding-top:26px;"><center><h2>Paleoproterozoic<br>Era</h2></center></div></div>
  589. <div class="neoarcheanbox"><div style="height:1520px;background:#611;margin-top:0px; padding-top:26px;"><center><h2>Neoarchean<br>Era<br>Is not further subdivided</h2></center></div></div>
  590. <div class="mesoarcheanbox"><div style="height:1833px;background:#911;margin-top:0px; padding-top:26px;"><center><h2>Mesoarchean<br>Era<br>Is not further subdivided</h2></center></div></div>
  591. <div class="paleoarcheanbox"><div style="height:1900px;background:#907;margin-top:0px; padding-top:26px;"><center><h2>Paleoarchean<br>Era<br>Is not further subdivided</h2></center></div></div>
  592. <div class="eoarcheanbox"><div style="height:1937px;background:#a00;margin-top:0px; padding-top:26px;"><center><h2>Eoarchean<br>Era<br>Is not further subdivided</h2></center></div></div>  </div>
  593.  
  594.  
  595. <div class="phanerozoicbox"><div style="height:2567px;background:#7da;color:#139;margin-top:15px; padding-top:26px;"><center><h2>Phanerozoic<br>Eon</h2></center></div></div>
  596. <div class="proterozoicbox"><div style="height:4996px;background:#139;color:#7da;margin-top:2608px;padding-top:26px;"><center><h2>Proterozoic<br>Eon</h2></center></div></div>
  597. <div class="archeanbox"><div style="height:11474px;background:red;color:#0fd;margin-top:7630px;padding-top:26px;"><center><h2>Archean<br>Eon</h2></center></div></div>
  598. <div class="hadeanbox"><div style="height:2829px;background:#900;color:#ec2;margin-top:19130px;padding-top:26px;"><center><h2>Hadean<br>Eon<p></h2>Has various subdividing schemes<p>Lunar timeline is one<p>Solar System timeline is another</center>
  599. <div style="margin-top:2150px;"><center>Theia impacts Earth forming Moon<p><br><p><br><p><br><p><br>Formation of Earth</center> </div> </div>
  600.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!