Skip to content

Instantly share code, notes, and snippets.

@charliecm
Created September 8, 2013 01:10
Show Gist options
  • Save charliecm/6481017 to your computer and use it in GitHub Desktop.
Save charliecm/6481017 to your computer and use it in GitHub Desktop.
Custom Chrome dev tool style. Makes element inspector view more readable.
/*#-webkit-web-inspector .script-view,
#-webkit-web-inspector .text-editor-contents,*/
#-webkit-web-inspector #elements-content {
/*#-webkit-web-inspector .sidebar,
#-webkit-web-inspector .sidebar-overlay {*/
font-size: 14px !important;
}
#-webkit-web-inspector li.hovered:not(.selected) .selection {
border-radius: 0 !important;
}
#-webkit-web-inspector .monospace,
#-webkit-web-inspector .source-code {
font-family: Consolas !important;
line-height: 1.5em !important;
}
#-webkit-web-inspector #elements-content.outline-disclosure ol {
padding-left: 32px !important;
}
#-webkit-web-inspector #elements-content.outline-disclosure li.parent::before {
margin-top: 0.3em !important;
}
#-webkit-web-inspector #elements-content.outline-disclosure li.parent.selected::before {
margin-top: 0.8em !important;
}
#-webkit-web-inspector #elements-content .selected {
color: #fff !important;
line-height: 2.5em !important;
}
#elements-content .parent.selected + *.expanded {
border-left: solid 2px #E8B03E !important;
background-color: rgba(255, 223, 178, 0.5) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment