Template:Chloroplast cladograms are complicated



 Cyanobacteria





 

 Archæplastida 



  Land plants

  Glaucophyta

  Green algae

  Excavata  <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 150px; margin-left: 70%; width: 30%; background: #24d16d; color: #24d16d; " > Euglenophyta

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #24d16d; color: #24d16d; " >

<div style="z-index: 1; border-radius: 2px; position: absolute; line-height: 28px; height: 252px; top: 102px; margin-left: 29%; width: 2%; background: white; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; position: absolute; height: 252px; width: 4px; top: 102px; margin-left: 30%; left: -2px; background: #dc003e; color: #dc003e; "> <div style="border-radius: 0 2px 2px 0; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 350px; margin-left: 30%; width: 70%; background: #dc003e; color: #dc003e; " > Rhodophyta

<div style="z-index: 1; border-radius: 2px; position: absolute; line-height: 28px; height: 202px; top: 200px; margin-left: 37%; width: 2%; left: 2px; background: white; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; position: absolute; height: 202px; top: 200px; width: 4px; margin-left: 38%; left: 0px; background: #24d14e; color: #24d14e; ">

<div style="border-radius: 2px; z-index: 1; text-align: left; position: absolute; line-height: 28px; height: 4px; top: 400px; margin-left: 0%; width: 38%; background: #ddd; color: #ddd; " > Chromalveolata 

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #24d16d; color: #24d16d; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 400px; margin-left: 38%; width: 9%; background: #24d16d; color: #24d16d; " >

<div style="z-index: 0; position: absolute; line-height: 28px; height: 52px; top: 350px; margin-left: 47%; width: 4px; background: #dc003e; color: #dc003e; " >

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #bd3f00; color: #bd3f00; " >

<div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 400px; margin-left: 47%; width: 10%; left: 2px; background: #bd3f00; color: #bd3f00; " >

<div style="z-index: 1; border-radius: 2px; position: absolute; line-height: 28px; height: 100px; top: 275px; margin-left: 59%; width: 2%; background: white; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; position: absolute; height: 127px; width: 4px; top: 275px; margin-left: 60%; left: -2px; background: #ddd;">

<div style="border-radius: 2px; z-index: 1; text-align: left; position: absolute; line-height: 0px; height: 4px; top: 275px; margin-left: 60%; width: 5%; background: #ddd; color: #ccc; " > Rhizaria a  <div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 54px; top: 250px; margin-left: 65%; left: -2px; width: 4px; background: #ddd; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 250px; margin-left: 65%; left: -2px; width: 5%; background: #ddd; color: #ddd; " >

<div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 300px; margin-left: 65%; left: -2px; width: 20%; background: #ddd; color: #ddd; " > <div style="position: absolute; line-height: 28px; height: 45px; top: 0px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 59px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 109px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 159px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 209px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " > <div style="position: absolute; line-height: 28px; height: 36px; top: 259px; margin-left: 85%; width: 4px; background: #00c9be; color: #00c9be; " >

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #00c9be; color: #00c9be; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 300px; margin-left: 85%; width: 15%; background: #00c9be; color: #00c9be; " > Paulinella 

<div style="border-radius: 2px; position: absolute; line-height: 28px; height: 50px; top: 200px; margin-left: 70%; width: 4px; background: #24d14e; color: #24d14e; " >

<div style="position: relative; line-height: 28px; height: 16px; top: -14px; left: -14px; width: 16px; border-radius: 16px; background: white; padding: 8px;" > <div style="position: relative; line-height: 28px; height: 16px; left: -4px; top: -4px; width: 16px; border-radius: 16px; background: white; border: 4px solid #24d150; color: #24d150; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 250px; margin-left: 70%; width: 30%; background: #24d150; color: #24d150; " > Chlorarachniophyta

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 229px; top: 400px; margin-left: 57%; left: 2px; width: 4px; background: #bd3f00; color: #bd3f00; " >

<div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 625px; margin-left: 57%; width: 13%; left: 2px; background: #bd3f00; color: #bd3f00; " > <div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 29px; top: 600px; margin-left: 70%; width: 4px; background: #b13b00; color: #b13b00; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 600px; margin-left: 70%; width: 30%; background: #b13b00; color: #b13b00; " > Haptophyta

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 29px; top: 625px; margin-left: 70%; width: 4px; background: #ca4300; color: #ca4300; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 650px; margin-left: 70%; width: 30%; background: #ca4300; color: #ca4300; " > Cryptophyta

<div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 400px; margin-left: 57%; width: 43%; background: #99602a; color: #99602a; " > Heterokontophyta

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 54px; top: 400px; margin-left: 65%; left: -2px; width: 4px; background: #d96f02; color: #d96f02; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 450px; margin-left: 65%; width: 35%; background: #d96f02; color: #d96f02; " > Dinoflagellata

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 54px; top: 450px; margin-left: 85%; left: -2px; width: 4px; background: #ccc; color: #ccc; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 500px; margin-left: 85%; width: 15%; background: #ccc; color: #aaa;"> Apicomplexa

<div style="z-index: 0; border-radius: 2px; position: absolute; line-height: 28px; height: 104px; top: 450px; margin-left: 75%; left: -2px; width: 4px; background: #ddd; color: #ddd; " > <div style="border-radius: 2px; z-index: 1; text-align: right; position: absolute; line-height: 28px; height: 4px; top: 550px; margin-left: 75%; width: 25%; background: #ddd; color: #bbb;"> Ciliatea

Edit