body { position: relative; margin: 0 auto; padding-top: 100px; padding-bottom: 50px; width: 960px; background-color: #efefef; font-family: monospace; } #header { position: fixed; top: 0; left: 0; right: 0; padding: 20px; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 100; } #header h1, #header dl { margin: 0 auto; width: 960px; } #header h1 { margin-bottom: 0.5em; padding: 0; font-size: 24px; line-height: 1; } #header h1 img { vertical-align: top; margin-right: 6px; } dl { margin-bottom: 10px; font-size: 12px; line-height: 18px; } dt, dd { display: inline; padding: 3px 5px; box-shadow: 0 1px 1px #ddd; } dt { background-color: #eee; } dd { margin: 0 1em 0 0; background-color: #fff; } .timing-bars { margin: 20px 0; background-color: #2c3e50; } .timing-bars .timing { position: relative; padding-top: 1em; height: 2em; line-height: 2; color: #fff; word-wrap: keep-all; white-space: nowrap; text-indent: 5px; } .timing-bars .timing:hover { background-color: #34495e; } .timing-bars .timing-bar { position: absolute; top: 0; background-color: #3498db; height: 1em; min-width: 1px; } .timing-bars .timing-label { position: relative; z-index: 2; } #rack-envs ul { margin: 0; padding: 0; } #rack-envs .env-key { margin-right: 1em; color: #27ae60; } .profile, .env, .browser { position: relative; margin: 5px 0; padding: 5px 10px; box-shadow: 0 1px 1px #ddd; background-color: #fff; font-size: 12px; list-style: none outside; word-wrap: break-word; } .profile { border-left: 5px solid; } .profile { border-color: #95a5a6; } .profile.type-rack { border-color: #c0392b; } .profile.type-active_record { border-color: #3498db; } .profile.type-action_controller { border-color: #f1c40f; } .profile.type-action_view { border-color: #2ecc71; } .profile.type-js { border-color: #9b59b6; } .profile.type-manual { border-color: #34495e; } .profile h3, .browser h3 { margin: 0; padding: 0; font-size: 100%; cursor: pointer; } .elapsed-time { position: absolute; top: 0; right: 0; margin: 0; padding: 5px 10px; font-size: 100%; background-color: #ecf0f1; width: 7em; text-align: right; } .profile .backtrace { margin: 10px -10px; padding: 10px 10px 0 10px; list-style: none outside; border-top: 1px solid #ecf0f1; } .profile.type-js .backtrace li { white-space: pre; margin: 0 -10px 10px -10px; padding: 0 10px 10px 10px; border-bottom: 1px solid #ecf0f1; overflow: auto; } .more { display: none; } pre { margin: 20px 0; padding: 20px; font-family: Courier, monospace; background-color: #ecf0f1; overflow: auto; }