User:Evolution and evolvability/sandbox: Difference between revisions

Revision as of 11:44, 20 June 2021

Revision as of 11:49, 20 June 2021

Line 1:

{{DISPLAYTITLE:<a href="http://www.example.com"><span style="font-family:Century Gothic, Helvetica, sans serif; font-size: 20pt">{{FULLPAGENAME}}</span></a>}}

<div style="display: flex;

<span data-url="http://www.example.com">{{FULLPAGENAME}}</span>

flex-direction: row;

flex-wrap: wrap;

<div style = float:left; height:200px;">

justify-content: center;

<div style = "width: 0; height: 0; position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #aaa; margin-top: 160px; margin-left: 20px;"></div>

align-items: center;

<div style = " width: 20px; height: 180px; position: absolute; background: #aaa; border-radius: 0 0 0 100px;"></div>

position: relative;

top:0px;

<div style = "width: 0; height: 0; position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #888; margin-top: 120px; margin-left: 20px;"></div>

<div style = " width: 20px; height: 140px; position: absolute; background: #888; border-radius: 0 0 0 100px;#eee"></div>

<div style="flex:0 0 130px; text-align:center; display:inline-block; margin: 0.75em;">

icon

<div style = "width: 0; height: 0; position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #666; margin-top: 80px; margin-left: 20px;"></div>

<div style = "flex:1 0 390px; max-width: 20px1000px; heighttext-align: 100pxcenter; positionvertical-align: absolutemiddle; backgrounddisplay: #666inline-block; border-radiusmargin: 0.75em 0 0 100px;"></div>

<span style="font-family: Century Gothic, Helvetica, sans serif; font-size: 24pt; color:#000;">

Header

<div style = "width: 0; height: 0; position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #444; margin-top: 40px; margin-left: 20px;"></div>

</divspan>

<div style = "width: 20px; height: 60px; position: absolute; background: #444; border-radius: 0 0 0 100px;"></div>

</div>

<div style = "margin:2px 2px 2px 30px; height:36px; width:100px; background-color: #ddd;">

Some info

</div>

<div style = "margin:2px 2px 102px 30px; height:36px; width:100px; background-color: #ddd;">

Some info

</div>