API tools faq
paste
Advertisement
marshallsmyth

Neoproterozoic 6/29/21

marshallsmyth
Oct 12th, 2020 (edited)
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.30 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:#00f;border-radius:5px; }
  4. ::-webkit-scrollbar-thumb:hotizontal { background:#f00;border-radius:5px;  }
  5. ::-webkit-scrollbar { width:11px;height:7px;background:green;border-radius:5px; }
  6.  
  7.  body { background:#d99; overflow:auto; transition:1s; font-family:kotta one; }
  8.  body:hover { transition:2s; }
  9.  
  10.  .lines { width:222px; color:#000; position:absolute; top:66px; left:0px; z-index:1; text-align:left; overflow:auto;
  11. text-indent:5px; font-family:arial black; margin-bottom:22px; background:#d99; transition:4s; }
  12.  .lines:hover { background:#91d; color:#f60; transition:13s; }
  13.  
  14.  .mainbox { width:1150px; height:7680px; background:#f5a; top:22px; left:140px; margin-bottom:22px; font-family:kotta one;
  15. font-style:italic; color:#007; font-size:22px; border:solid 8px #800; position:absolute; z-index:1; overflow:auto; transition:4s;}
  16.  .mainbox:hover { background:#c06; color:#07f; transition:4s;  }
  17.  
  18.  .paleozoicbox { background:#aaa; position:absolute; width:44px; height:185px; z-index:2; top:30px; left:436px;
  19. color:darkgreen; font-family:kotta one, arial black; font-size:22px; line-height:21px;
  20. border-bottom:4px solid #777; text-align:center;  }
  21.  
  22.  .cambrianbox { background:olive; position:absolute; width:500px; height:185px; z-index:2; top:30px; left:480px; transition:1s;
  23. color:#fdc; font-family:kotta one, arial black; font-size:22px; border-bottom:4px solid darkgreen; letter-spacing:2px; opacity:1; }
  24.  .cambrianbox:hover { background:#290; transition:1s; }
  25.  
  26.  .ebiotaholdouts { background:yellow; position:absolute; width:88px; height:234px; z-index:4; top:30px; left:889px;
  27. color:#00c; opacity:1; font-family:philosopher, arial; font-size:14px; line-height:23px; transition:4s; }
  28.  .ebiotaholdouts:hover { color:#000; background:#5df; transition:4s; }
  29.  
  30.  .trepticnusbox { position:absolute; z-index:9; width:300px; height:44px; transition:0.7s; opacity:0.5; background:tomato;
  31. top:219px; left:677px; font-family:philosopher, arial; font-size:33px; color:black; display:block; }
  32.  .trepticnusbox:hover { transition:0.7s; top:30px; width:300px; height:233px; overflow:auto;
  33. background:#f95; z-index:9; opacity:0.7; }
  34.  
  35.  .neoproterozoicbox { background:#888; position:absolute; width:44px; height:7109px; z-index:2; top:215px; left:436px;
  36. color:lightgreen; font-family:kotta one; font-size:22px; line-height:21px; border-bottom:4px solid #999; text-align:center; }
  37.  
  38.  .ediacaranbox { background:orange; position:absolute; width:500px; height:1440px; z-index:2; top:219px; left:480px;
  39. color:#fdf; font-family:kotta one; font-size:22px; border-bottom:4px solid #d40; letter-spacing:2px; }
  40.  .ediacaranbox:hover { background:#c8f; transition:2s; }
  41.  
  42.  .ediacaranbiota { background:#ff0;position:absolute; width:300px;height:1370px; z-index:9; top:263px;left:677px;color:#009; font-family:kotta one; font-size:22px;
  43. letter-spacing:2px; transition:0.7s; }
  44.  .ediacaranbiota:hover { background:#5df; color:black; transition:0.7s; }
  45.  
  46.  .cryogenianbox { background:#008;position:absolute;width:500px;height:1320px;z-index:2;top:1662px;left:480px;color:#def;font-family:kotta one;font-size:22px; }
  47.  
  48.  .marinoanicebox { background:#def; position:absolute; width:250px; height:210px; top:1665px; left:727px; color:blue;
  49. font-family:kotta one; font-size:26px; z-index:2; }
  50.  
  51.  .sturtianicebox { background:#def; position:absolute; width:250px; height:895px; top:2060px; left:727px; color:blue;
  52. font-family:kotta one; font-size:26px; z-index:2; }
  53.  
  54.  .tonianbox { background:#908;position:absolute;width:500px;height:4346px; z-index:2; top:2982px;left:480px;color:#fed;font-family:kotta one;font-size:22px; }
  55.  
  56.  .mesoproterozoicbox { background:#666; position:absolute; width:44px; height:378px; z-index:2; top:7328px; left:436px;
  57. color:lightgreen; font-family:kotta one; font-size:22px; line-height:21px; border-bottom:4px solid #333; text-align:center; }
  58.  
  59.  .stenianbox { background:brown; position:absolute; width:500px; height:378px; z-index:2; top:7328px; left:480px;
  60. color:#fdf; font-family:kotta one, arial black; font-size:22px; border-bottom:4px solid #d40; letter-spacing:2px; transition:2s; }
  61.  .stenianbox:hover { background:#805; transition:2s; }
  62.  
  63.  </style>
  64.  
  65. <b>Million Years<br>Before Present</b>
  66.  
  67. <div class="lines"><h1><p>-----535--<p>-540 -----<p>-----545--<p>-550 -----<p>-----555--<p>-560 -----<p>-----565--<p>-570 -----<p>-----575--<p>-580 -----<p>-----585--<p>-590 -----<p>-----595--<p>-600 -----<p>-----605--<p>-610 -----<p>-----615--<p>-620 -----<p>-----625--<p>-630 -----
  68. <p>-----635--<p>-640 -----<p>-----645--<p>-650 -----<p>-----655--<p>-660 -----<p>-----665--<p>-670 -----<p>-----675--<p>-680 -----<p>-----685--<p>-690 -----<p>-----695--<p>-700 -----<p>-----705--<p>-710 -----<p>-----715--<p>-720 -----<p>-----725--<p>-730 -----<p>-----735--<p>-740 -----<p>-----745--<p>-750 -----<p>-----755--<p>-760 -----<p>-----765--<p>-770 -----<p>-----775--<p>-780 -----<p>-----785--<p>-790 -----<p>-----795--<p>-800 -----<p>-----805--<p>-810 -----<p>-----815--<p>-820 -----<p>-----825--<p>-830 -----<p>-----835--<p>-840 -----<p>-----845--<p>-850 -----<p>-----855--<p>-860 -----<p>-----865--<p>-870 -----<p>-----875--<p>-880 -----<p>-----885--<p>-890 -----<p>-----895--<p>-900 -----<p>-----905--<p>-910 -----<p>-----915--<p>-920 -----<p>-----925--<p>-930 -----<p>-----935--<p>-940 -----<p>-----945--<p>-950 -----<p>-----955--<p>-960 -----<p>-----965--<p>-970 -----<p>-----975--<p>-980 -----<p>-----985--<p>-990 -----<p>-----995--<p>-1000 ---</h1>  </div>
  69.  
  70. <div class="mainbox"></div>
  71.  <div class="paleozoicbox"><b>P<br>a<br>l<br>e<br>o<br>z<br>o<br>i<br>c</div>
  72.  <div class="cambrianbox"><h2>Cambrian</h2></div>
  73.  <div class="ebiotaholdouts">A very few Ediacaran lifeforms survived until 500 million years ago </div>
  74.  
  75. <div class="trepticnusbox"><center>Treptichnus pedum</center><p>Treptichnus are found as trace fossils only. These are burrows in sea floor sediments.<center><img src="  https://i.imgur.com/0VtcDvN.png  " style="width:88%;"></center> They mysteriously begin about 1 million years before the Cambrian. They continue until around 99 million years ago, late Cretaceous. Then they disappear mysteriously. </div>
  76.  
  77. <div class="neoproterozoicbox">
  78. <div style="margin-top:2222px;"><b>N<p><br>e<p><br>o<p><br>p<p><br>r<p><br>o<p><br>t<p><br>e<p><br>r<p><br>o<p><br>z<p><br>o<p><br>i<p><br>c</div>  </div>  </div>
  79.  
  80. <div class="ediacaranbox"><h2>Ediacaran</h2></div>  </div>
  81.  
  82. <div class="ediacaranbiota"><br><center>Baykonurian Glaciation<h1>Ediacaran Biota</h1><p>Collection of all lifeforms living during the Ediacaran. Greatly diversified during the Avalon explosion. Mostly disappeared at start of Cambrian.
  83. <div style="margin-top:100px;color:#f00;"><center><h2>Avalon Explosion</h2></center></div>
  84. <div style="margin-top:-29px;color:#008;"><h3>Gaskier Glaciation</h3>Intense but relatively brief 340 thousand year ice age. Likely instigated the Avalon diversification event.<p>Before the Avalon explosion, Ediacaran life forms were smaller, simpler, and fewer.<p>No known Ediacaran biota are definitively ancestral to post Ediacaran biota. A few did not go extinct until well into the Cambrian.<p>There may have been almost no predator/prey relationship during the time of the Ediacaran biota, but scavenging, yes.
  85. </div>   </div>
  86.  
  87. <div class="cryogenianbox"><h2>Cryogenian</h2><div style="margin-top:230px;font-size:18px;"><center>Earliest Demosponge chemical traces (steranes)
  88. <br>(Earliest actual fossil sponges are found from 515 and 580 ma)</center>  </div> </div>
  89.  
  90. <div class="marinoanicebox"> <center><h3>Marinoan Ice Age</h3></center></div> </div>
  91.  
  92. <div class="sturtianicebox"> <center><h3>Sturtian Ice Age</h3></center>
  93. <div style="margin-top:655px"><center>The hypothesized Kaigas Ice Age preceding the Sturtian appears to never have happened</center></div></div>
  94.  
  95. <div class="tonianbox"><h2>Tonian</h2>
  96. <div style="margin-top:444px;"><center>Supercontinent Rodinia breaks up750</center> </div>
  97. <div style="margin-top:2300px;"><center>Rifting of supercontinent Rodinia begins900</center> </div>    </div>
  98.  
  99. <div class="mesoproterozoicbox">  
  100. <div style="margin-top:1px;"><b>M<br>e<br>s<br>o<br>p<br>r<br>o<br>t<br>e<br>r<br>o<br>z<br>o<br>i<br>c</div>  </div>  
  101.  
  102. <div class="stenianbox"><h2>Stenian</h2>  </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!