...
The black lines that represent the parent-child relationship among the picos are specified by lines 128-134 (not discussed in this document (using Scalable Vector Graphics (SVG))).
The first div
for each pico is immediately followed by a second div
(lines 113-126). This div
is styled to take up 85% of the page, and represents the pico "opened up" so that the developer can see more information about it. This view is entitled with the pico's display name and topped by a horizontal menu styled as tabs (lines 115-124). These tabs are arranged along the top of the view. Below them is a large area reserved for the content associated with the tab. This is a div
with class="pico-section"
.
...