.image-view-layer-element { position: relative; padding: 10px; padding-left: 170px; } .image-view-layer-element .image-id { font-family: monospace; position: absolute; top: 10px; left: 10px; width: 110px; text-align: right; } .image-view-layer-element .image-id a { color: #aaa; } .image-view-layer-element.first .image-id { font-weight: bold; font-size: 110%; } .image-view-layer-element.first .image-id a { color: black; } .image-view-layer-element .image-comment { margin-bottom: 10px; } .image-view-layer-element .nondocker-command { font-family: monospace; padding: 2px; } .image-view-layer-element .nondocker-command:before { content: "\f120"; font-family: "FontAwesome"; font-size: 16px; margin-right: 6px; color: #999; } .image-view-layer-element .image-layer-line { position: absolute; top: 0px; bottom: 0px; left: 140px; border-left: 2px solid #428bca; width: 0px; } .image-view-layer-element.first .image-layer-line { top: 20px; } .image-view-layer-element.last .image-layer-line { height: 16px; } .image-view-layer-element .image-layer-dot { position: absolute; top: 14px; left: 135px; border: 2px solid #428bca; border-radius: 50%; width: 12px; height: 12px; background: white; z-index: 2; } .image-view-layer-element.first .image-layer-dot { background: #428bca; }