Skip to content

Instantly share code, notes, and snippets.

@miguelbermudez

miguelbermudez/Custom.css

Forked from wafflesnatcha/Custom.css
Created November 11, 2012 23:12
Show Gist options
  • Save miguelbermudez/4056663 to your computer and use it in GitHub Desktop.
Save miguelbermudez/4056663 to your computer and use it in GitHub Desktop.
Download ZIP
Custom.css - WebKit Inspector styles for Google Chrome
Raw
_images.scss
$img_noise: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAAAAACH0MYjAAAFdUlEQVQYGQXBAXYrKw4FwN7/fi4cIQSSAEG3HTuZ/xY0VRf01NvH7EVtv9AtlFAYAhsBnuhekbZbZfvLvp2FsKFeN191WeVMo47shW+4eSxjhcBX8ABRQTGhier9aL+RN+fXCmpXTTqRsdS65CEmFSBRtAdKLd3o82ci1CIny8DE05g3VqFxZTfqy7++MnUZYuhYMkyyl1cUAGXDHsC7BC8OpQ03nk3o4p1JuClp/8IjellVB+Y0G4VfCc/EfGPmfJ+W8QCCrHm1rHGFyYxf6X3dhFAzkLyPey8tgAcRGHkcBH7axumqno1QrZx+rbr+ndyb/CAmMivSc4MxaxJ7MEECTykWLF6uby270OgJDbh8ZqbUBD6FFxojt1agjYudRlkO6Th+ap8IGIqWqZhUct4XWqfAsa8yjV4zPWI8oz6coVptYCtXIOFIWQ7yjOUxCwouhIehPcQDbmaVvZ2V+925FKEGLJ8CFcBQtsDRXXStgFyhU/QwMqzgTc9dV8TqBIAZxR8Y4tFAg/ac23iJsZRv0mWXxaJIx019rtrC+cPLn5qkMOVGs0MbqX4j1kBdrJHLFKmU7WJvLIDtQFL2gpB0o7uCdrDvj5lOxq2Rt4sKEUCzNODI9dBbOGwK3j+vzHNWxwFXQBaklKcLtsVoAGAUE+xvuK5IdJ28mwaCGDJfdaH/srSquJOnAdQKt5EQhAA2moV4PRxc5DqxC3ue1QaXtSB2rLbeUI1gb06GZnwy6XdIBlrabHN9QGFXe/KajgzkEQCEQydKKd6y0zMe7ZtX4u+ogQrAZjC3GmPWq2VltL5LbbJJfQOOyYCH9ugxBIQSQxv+oP09UNIuuXhTuXRw5L4Sq97GQIFColFAy3ioA7bGwDsl+zvAQGfpCCk7+Nq0fHVd/Sf7JOdHgQeVZetqaphrFJ3z8wDCL3yLEcNy/Ivy34XnNqTtMVqunBWauwqidMzsBJB35yMcuopn54aOs1KC0/X3TuEza2TMOQoQhMSDwwpqmSDgzWyzfdHWyWgl84hqKN92FdzPvRDIs7+PVFvQGCqzoQT8xaNH/OmzG2pPQGpU/Y8KIvG1R7R1f59zNGJ4YDLPchcFhlR8pQr0xXNsb/xxtXFjYuS1yrqe4ZThiW7QqxPN4bIYjlMb0+xTAvr7ox3LekbjRcj8oG7mq8c7pldOp6G8KOoHyjXS8OJw8WGjYjmn+sFkUNLxDa8/R31dD33WuquXOvuCWtv+eHEbi2cGzkLwHSlTkHq+K7gG9XbCJ64RiHgIZoT6ZhOb+Za60cGk5mhV0F9WX2kkmxaZ0BFGbM8V+kN4XGCRfSq2RFR1s8oPpnXEboLJIeVA04EuB9d1U2oX5WD/maX/VxCj0/dNg+Uwh0zQb/q4uZB04K0ZHxmmAzfycMsXJOdQy5o1A77ad7WwCZE4C/1BmwDVF7dCTShegH84YAdxiZrTYH94AkAp+VVPHtooIkeAR9YOMsaeuZDhJSp3jFs/evmRSO7g2mjemBiiER+PVSPn7em29yiTXo96rMCzRsfQbZh2HRmzo9RGtRowaz93biEohA9cEw05zMcIqLHeL8aNrCM2pcvoFbLfdXJumh0NFfjNIK5gXmQ4PU2VyhOPO8YE8K3BlvoFMR/mu80b7W7Es6/JetLBcZxwAMsY9COTO7NWCwgqt6CLU0rmxHt4w2waLxJOvUigLjo6AZ6BhVolw1KVG+9/hX3ldhk5jHO3gVrf+3Ff3ucE4NZngUud2ABWTKCiiAXXleI4Ln86yCY31I5njexP8eK7lYCBfliA4zJWCPuLTSH+zPWStP3SLnUlUC6Gtn7r+LMo/jRG1iDUCnjGjv+BssB4p3KPJPXbuPwfk2X7RnpyzNAAAAAASUVORK5CYII=');
// Toolbar
$icon_audits: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABIFBMVEUAAABOFwBTGgBuIwByJgB3KQB7LAB/MACDMwCHNQCKOACNOgCQPQCTPwCUPwCVQAB0SSkAAAAAAAAAAAAAAABUVFRUVFSVQAA2BQBHBgBVEABnHQBuIwByJgB3KQB7LAB/MACDMwCHNQCKOACNOgCQPQCTPwCVQACGMQCieG4kmxMmnRUpoBgupR0xqCAzqiKDxYGJiYuQkJKRz4uYmJqen6GioqOlpaempqeqqqysaDWsvb2227m7zMzF5sTG19fHx9LM3d3O39/Pz9jZlWLZ6Oja2tzb3Nzc6urd7u7e3uTg7Ozi8/Pk7+/l9PTn9fXo8vLp+fnq9vbt9PTt9/fw+fnx9/fz+vr1+vr2+/v5/Pz5/f37/v78/v7+//////+5L9K/AAAAKnRSTlMAAAAAAAAAAAAAAAAAAAAABgkSFixSZ5mmzMzMzMzMzMzMzMzMzMzM0OYauOs5AAAAtElEQVQYGQXByUoDURBA0fu6y1aycIigYIwI4vD//yKCuFGzkoARMqDpqus57ZgG7aDhXpCAo1Nam/OprHaEnMy3Qx9c5d/ELSHOXnZ93405zN4lRB+/ALhQCbHqHIDslE51UYvnqirVEGu12T/9rGO8VkKs+9eHnEyglBAr7xKATulUl7l8y8xUDbG+1/vbzW+Ml0pUM+cfNzkMkGpU05wlAFrGWWd/CAD0TqtNu2gAADjWP7Vfgm23Q7fvAAAAAElFTkSuQmCC');
$icon_console: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR5JREFUeNqkkz1uhEAMhT0wiihAhDvQcAU4CKLhGNTU3AOl2HNARc8lVhBo+IfsQ3KUbMhGZC0ZWTP+3thmRmzbRs+YKIpiq+v6X7BlWSSv1yvleU5935+CNU0j13VJooWu6yhJklMCURTRuq6k4DPP877oOA5lWUbLsvwpAAZ5CgewsizJ931K05SqqqJhGA5hHAoGrIJgmiZCK6ZpUhzHFIYheZ5Hl8vbDxh5cDAQkKwEa5rmMxHVHIE4nduGyC7wqGe+J4AQI5dbGMeRJM9ACPFrufcg+zeBRzCXze2ywN4CFrB5P2UG+XR2zmdB2bbtXn4QBKcukqqqBFYahkG2bR9O+yj+arquEyb3cvPXm8uTbwn//l08+5w/BBgAdFcrJeljtsAAAAAASUVORK5CYII=');
$icon_elements: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUZJREFUeNqck79OwzAQxu8cV2oUgWAACXgJtgx5BibW7nSEgSFDUKRMeYP0Idh4ibwHKIKFNEgof218F4qC2kZtT7Jk+b77/LuTjWEY3gDABRwWmWzb9jKKouSQ6iAI5uj7/p0QQg8T787DYlcT2TQNxnGcaN17ICLMnl5hfnsOq7NNQbrk+QOoBey6DpRSnDA0sFzmoPSZMVDbDaDXEQEXk8kq8vwTtDlTIwQCFetkXdc4NCC0oigYf0W1kcCQko5nQMVDg7KszO2KKbaFQmDdGgHNQClaGroRA3MT62RVVf8MLMuCycThFsYItLmIdGsEtJ9OT/ohjhiIXx0T8IOQ8i9p26eMKCwx2gLp0PO8+7Isv4e54+uX3V9ilmUyTdOFeVB7/QMidl33ER3HmZnJXx3ymcyM3qh/26wjMt2znpC/fgQYAO/YwyPKvYvfAAAAAElFTkSuQmCC');
$icon_network: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACmklEQVQ4y4XQa0iTURgH8DMXQmXqh0QyqW9iplZeMxPLKEOMsnWBssBlGFQf0rKLSYqmzFVGtaUslTR1pNgFU0LRllnmRmqttZA528xmmokrum38O+fdu5HR5YEf78M5/+ec932J26F24nJCQ4RnjR5Cycg2YclbOXWPJ+fW6B7L/DpDfjvAV3hGp4hUGLWnVONTla+sttaxb7bq4a9TSQ3vtGyPZf52gIfwyMPKtFtGc36bCR0T31GssqCibwKaL0AvldkxamYZlnUdINhdy3Hbo9wZUfxIn91qQmnvBygHPyOnZRjt44C8x4K7Y0D9mx8IONmmZ1nnHBGkyJ2qkmV902tl/dhao8f2G3qkKl8jq9kEkUwN6XNgX5MZscVd0yzrnCNkfZGTapNi0BYnH0TYxWeIufoCMfSwpCoj0u/bse6KHsGF3VhRqLKxrGuOrMlz6gov6LEHSwawRKJByIU+hFJBhY8RVaJFpFSHuHILoiX9dpZ1zZGEAqfroacfWEPPDSDy0kuskumwWq5D7GUtEsqGECsdgKgZSKwcsbKsa44kSh02nt/lK643bFAMI6nChJRqM/0PI5zN14aQenMUx9RAYHaLgWVdc2RLudM8IqqojShQW9IbJ3Gg6SMO33HIaJhAbuckdtToLAKa4bJ0Zr9MTWZWiGgB2dtYF5j7xCCus1hzWj/ZmbTaUeuy/G6DgO5xGb7CouJnjM+iFhIv/5UkPiuTiG/Xk4Tjag7r2ZqXfwzNLKbcyR/KjfKk2A1+ZKm7H30WcRy9H7/nzV/2n6rzKSe53hoO6/9R86loKoMqozopDUmerUl5LwbDem6NkKeUkjpKsR/gQ/jv8eRfMYBaToWTg3NKSd5cDYf1bM0hiFrEf4r7TzQDhFyGFcfRAAAAAElFTkSuQmCC');
$icon_profiles: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACuUlEQVQ4T12STUgbQRTHh4qE1GMoodAevKRHpShKwBQC0oBUE2Nu6aGWHoSQgx40EuzHQXovCB5i0IOgDSjGz8bNLkbzZeLqdrumSTRKQqxf1ZR4fp03jUE78NvMzvv/3s4MIV1dXcRsNpPu7m5itVpJT0/PI5vNZrD9G28r4DBgDTOYRQdd9qg0UNFi28DAwFA0GpXOzs6gWCwycB6JRKT+/v4hzGD2/wYqi8Xyyuv1TqIgSRKEw2HgOI6Bc1wrFPLg8XgmMYsOa9DZ2Ym8oIWpXC4HwSAHAUGAmCzDN56Hk8tL+InrGxusls1mYHx8fAoddElHR4fW4XC4j45ysLKyDOtbW5A8PIQCFWlTOC+VGPjOR8Isk0qloK+vz40uMZlMRp4PyoLAw/zSEiQODkApFJg0NjZWbYCk6PEWV1eB5znw+xdkdEl7e7sdt+XzfQU+sc0a3GK32++9I1F6F5hN0Cy6xGg0OkRRhIkJD2yn09UgfpFe0r0dnFxdwY/jY5YNhUKALjEYDM5EIsHOm8xmq3JzczMMDg4C3SbQ/wD09vaC0+mEeb+fZQV60egSvV7/RhR3YWbGB5E9qdogS2++tbWV/d6Socj7KZYVhA1Al7S0tLycnfXtBwI8LK9xIOfzbKu3Te4e4Xe5DFwwBGtrQfB6p/bRJU1NTY8tFuvozo4Mi4vrEBe/w+n19T0RKd3cgKJkWCYW2wWz2TKKLmlsbCQNDQ2mkZFPvr29DAQCEYjGJCj+uoBS+Qb+UE5OLyAel1lNFNPgdn/0oYMu0Wq1pL6+Xq3T6ewu14c5RSlAMpmBzU2JCnEGznFNUfLgcr2fwyw66OJ4QHmoUqmeaDSa13p925fp6YVsOn0Od8E1rGGGZp+iU3FJDUVD0VGe19bWGtVq9bu6urphyucKw7iGNcxQnlWcmr9khmxxnuFWeAAAAABJRU5ErkJggg==');
$icon_resources: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB1UlEQVQ4y52SPYsTURSGn3tnyOTOZxARNj8gbQp7QURY2LWwCPYWEhC2sU+Z/yDkX8TCzj7oH0jKQGTzsZvZdTLJeOdei0RNdNldPfA2l3sO533eI1qtFrt6ARxxv/oK9AHcny+bzeao1+u9z7KMPM/RumQ2+0aeG6pVRRRFxHFMksS026/eOo7DwQAArTVpmrJYLNC6ZDq9Zr0xBEGELjXSkfiBOlhF3rqoAAtYYbZiq/sPwO4a7a65xFIe/Ni38KXb7X5oNpunxhhWq9XOiqZarRKGIUmSMBwOPwKfbxrwuNPpnO5DnM6vyNYFFa9CGAUkcczzk5fHZ+3XfWBwJ8TzeUpWFKhA8d3UkA4o3/sXiL+9G1HeyODuFH4lUGJ2+i+IF2HIPEno/wnRmG2uxpi/IV4sSfMM15MEoSKOI56cPDt+9+asL4TYQhyPx9RqNYqisIcQNeeXl6RFhudXqNkY6Vp83yPLslJKyXK5xB0MBjQaDTzPc289pr1LXCwWTp7njEYjXEANh8OoXq/7ruuSJAmVSgWtSxxP4a+vkJ4gCBW+r3BcyXw+V5PJ5BFwLYAHQF0p9dRa+7AsS6y1uwwQQgiEEEgpEUJYIQTW2lme55+AyQ9WyBny/UpxggAAAABJRU5ErkJggg==');
$icon_sources: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAilJREFUeNqMk89rE1EQx2d33/6isZsURGmpOTRRiA200FJLKHgR9tBC/4aCePA/0P+hJ0V7FVrBswTai14U+8NbFUFLgocmSLKaNJvd7bpvnXntLjWE6oPhvZ3Z+c5n581K8tgY3KxUYHp2FiRJAtd1QZZl0HV9EZ/LcMmK47jB7LU1kTAQWLy/svLo3tzcMo/jocl9328/3thYZ4MBrAydbrd8Z2ZmudHpDE02DQNeVKuvv9Trr9jFqriVFUUBXdOWtvf2wHEcYIxBFEVgmiZcGRmBW/k8cPS9rFbfq6r6jf0vshcEsH1wABKeyXq9nvAzHwNU+V/Iu4eHoGPldrsN1ugonCQCiVIXhU48b6gAIX9vNuHu/DzRAsOm0239JUBYtVoNLMsSwRuTk6kAxQLfh99hCOHpKTC8+n6/fyaQoMg4A8ViUTQsl8uBcuFqKUZXfQ39tFQ8k6AQSFHQSQTZbBZarRZwzlOrLCyIpiVCCu5xEKgiL0XBQKFQEAlEQCQWNi+JSeinhhuaBoqKuZybgBQsQVHPCahJ1AcSvjo1lcaymQxcR2Ea92dbW2/B877C8bFJH07vPGzs7z+h6glmuqNpWDFTKu3InH8Uc+O6n3mz+Q6PvxiilFZte+nT0ZF4kRBNMsQ3cawT5DgMd6N6/XkyuGi+sNu2vf7DcX5GnMfDDCczfrq5+QbGx1dppgZnRJInJh5IhpG/9Lc9Q/6AR+fc0vVHgAEAIioXj94na3YAAAAASUVORK5CYII=');
$icon_timeline: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABfklEQVQ4T5WMSyhEcRSHf2driVKWUkzjbaWUYWQUNcZjMSyQshBlgY2NZkFZkVdTo0hDicWUSB4hG3WbUqZkMViIpDxKlsc5V3+xcc2/vs6t+/0+7AJQ9oDwPmA5oZ7ZMDOwiW+sj6FRfu8d/MVzWxc/ehr5qaqBXwNBVs9s7ICfCCNCWMpz8tMJ9RbxtbMDJB9KruD7B+qZjQmEBLewkeINmUAh5ZSCartBk6egup6/r3rqExWYwDZ5u0DjR6s0cZx0RD31ZWcCJVQZBI3Ergasd+47e7MJHj6yN3bD1bFbrtm6Y+/OA9cfvLB6tk9UbAInVB4AdUaWqX0h4Yh66svOBMoFIDMXyPc5I576QpkdkBcVKoRkijdqAvZztQKeMcDd9vdVL9P1tfkO+FeAQBTh5jVYTqin/q9Aeh7gnYEVux/l9eQwL13082y8nafiTTx9HuDZRDPPX7Zw5DrI6qn/M5AhFOZ0YNU9DMsJ9cQv0p0JpAlZQnYKqJ+mgU/47y092/8JBgAAAABJRU5ErkJggg==');
// Console
$icon_error: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA5ElEQVQYV42RMQrCQBBF5wIpBCFoL1hYWegNvIEWgrUH0BhIb2dnJQiChaiFCBZ22gni4g1sPEDs1fidH8giEcSFt5mZ9xkIKwDkX+JrJiJLkWAuYtJwTv8ZDk7lcgTfB3n1eog8D89uF4dS6U5vwxPd8Oh0cK7VYniS+tZug96GR9pwuKtUYnjG2SxGmQwu9TrobXiozbXZxCKfx1QDxpj4SzbFIuhteKDNuVrFWiXhxqRe5XKgt+G+NqZQwF4lCcPQ1luF3oZ9/duj6+KgIs3WcSJ6GyYNkX5LN6ThPMl8vdIv3tsjEUrJM8upAAAAAElFTkSuQmCC');
$icon_warning: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABBklEQVQYV2P4//8/A7EYTJzZzIiME4F4NZSGi8MVn97ECMMcZ7ewLvzydu4LEA3iw+Tgio+vZwTjExsYfe+e8Tj15+vq/3dPu54C8WFycMVHVjOCMMuxtUxzPz7v/BAaGvr/w5OGDyA+SBwkD1e8fzkjw4EVjM4X9xmc+PikBijK8P/5jYz/Z3YonwCJg+ThinctYmTcs4RxxsOrsW+uX3b7v3VL6f9LFxz+Xzxl/QYkDpKHK942j9Hq0DrR4w9uOv2/e9UYbDKIvnvV5P/BNbzHQfJwxRtnMs65dVL55cvbmv9f3tL4//VtJZgG4ZvHZV6C5OGKF3UzTFnQyXAMFwbJwxUTiwG17SFggfPpbwAAAABJRU5ErkJggg==');
Raw
Custom.css
/**
* Custom.css
* WebKit Inspector styles for Google Chrome
*
* by Scott Buchanan <[email protected]>
* http://wafflesnatcha.github.com
*
* Fugue Icons by Yusuke Kamiyamane
* http://p.yusukekamiyamane.com
*/
#-webkit-web-inspector .monospace, #-webkit-web-inspector .source-code {
font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, Courier, monospace !important;
tab-size: 4 !important;
}
#-webkit-web-inspector.platform-mac #toolbar {
background-image: -webkit-linear-gradient(top, #e2e2e2, #c6c6c6) !important;
border-bottom: 1px solid #5a5a5a !important;
border-top: none !important;
box-sizing: border-box !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#-webkit-web-inspector.platform-mac #main-panels {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset !important;
}
#-webkit-web-inspector.platform-mac.inactive #toolbar {
background-image: -webkit-linear-gradient(top, #f2f2f2, #e3e3e3) !important;
border-bottom-color: #a3a3a3 !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !important;
}
#-webkit-web-inspector.platform-mac.detached #toolbar {
background-image: -webkit-linear-gradient(top, rgba(212, 212, 212, 0.85), rgba(170, 170, 170, 0.8)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAAAAACH0MYjAAAFdUlEQVQYGQXBAXYrKw4FwN7/fi4cIQSSAEG3HTuZ/xY0VRf01NvH7EVtv9AtlFAYAhsBnuhekbZbZfvLvp2FsKFeN191WeVMo47shW+4eSxjhcBX8ABRQTGhier9aL+RN+fXCmpXTTqRsdS65CEmFSBRtAdKLd3o82ci1CIny8DE05g3VqFxZTfqy7++MnUZYuhYMkyyl1cUAGXDHsC7BC8OpQ03nk3o4p1JuClp/8IjellVB+Y0G4VfCc/EfGPmfJ+W8QCCrHm1rHGFyYxf6X3dhFAzkLyPey8tgAcRGHkcBH7axumqno1QrZx+rbr+ndyb/CAmMivSc4MxaxJ7MEECTykWLF6uby270OgJDbh8ZqbUBD6FFxojt1agjYudRlkO6Th+ap8IGIqWqZhUct4XWqfAsa8yjV4zPWI8oz6coVptYCtXIOFIWQ7yjOUxCwouhIehPcQDbmaVvZ2V+925FKEGLJ8CFcBQtsDRXXStgFyhU/QwMqzgTc9dV8TqBIAZxR8Y4tFAg/ac23iJsZRv0mWXxaJIx019rtrC+cPLn5qkMOVGs0MbqX4j1kBdrJHLFKmU7WJvLIDtQFL2gpB0o7uCdrDvj5lOxq2Rt4sKEUCzNODI9dBbOGwK3j+vzHNWxwFXQBaklKcLtsVoAGAUE+xvuK5IdJ28mwaCGDJfdaH/srSquJOnAdQKt5EQhAA2moV4PRxc5DqxC3ue1QaXtSB2rLbeUI1gb06GZnwy6XdIBlrabHN9QGFXe/KajgzkEQCEQydKKd6y0zMe7ZtX4u+ogQrAZjC3GmPWq2VltL5LbbJJfQOOyYCH9ugxBIQSQxv+oP09UNIuuXhTuXRw5L4Sq97GQIFColFAy3ioA7bGwDsl+zvAQGfpCCk7+Nq0fHVd/Sf7JOdHgQeVZetqaphrFJ3z8wDCL3yLEcNy/Ivy34XnNqTtMVqunBWauwqidMzsBJB35yMcuopn54aOs1KC0/X3TuEza2TMOQoQhMSDwwpqmSDgzWyzfdHWyWgl84hqKN92FdzPvRDIs7+PVFvQGCqzoQT8xaNH/OmzG2pPQGpU/Y8KIvG1R7R1f59zNGJ4YDLPchcFhlR8pQr0xXNsb/xxtXFjYuS1yrqe4ZThiW7QqxPN4bIYjlMb0+xTAvr7ox3LekbjRcj8oG7mq8c7pldOp6G8KOoHyjXS8OJw8WGjYjmn+sFkUNLxDa8/R31dD33WuquXOvuCWtv+eHEbi2cGzkLwHSlTkHq+K7gG9XbCJ64RiHgIZoT6ZhOb+Za60cGk5mhV0F9WX2kkmxaZ0BFGbM8V+kN4XGCRfSq2RFR1s8oPpnXEboLJIeVA04EuB9d1U2oX5WD/maX/VxCj0/dNg+Uwh0zQb/q4uZB04K0ZHxmmAzfycMsXJOdQy5o1A77ad7WwCZE4C/1BmwDVF7dCTShegH84YAdxiZrTYH94AkAp+VVPHtooIkeAR9YOMsaeuZDhJSp3jFs/evmRSO7g2mjemBiiER+PVSPn7em29yiTXo96rMCzRsfQbZh2HRmzo9RGtRowaz93biEohA9cEw05zMcIqLHeL8aNrCM2pcvoFbLfdXJumh0NFfjNIK5gXmQ4PU2VyhOPO8YE8K3BlvoFMR/mu80b7W7Es6/JetLBcZxwAMsY9COTO7NWCwgqt6CLU0rmxHt4w2waLxJOvUigLjo6AZ6BhVolw1KVG+9/hX3ldhk5jHO3gVrf+3Ff3ucE4NZngUud2ABWTKCiiAXXleI4Ln86yCY31I5njexP8eK7lYCBfliA4zJWCPuLTSH+zPWStP3SLnUlUC6Gtn7r+LMo/jRG1iDUCnjGjv+BssB4p3KPJPXbuPwfk2X7RnpyzNAAAAAASUVORK5CYII=") !important;
}
#-webkit-web-inspector.platform-mac.detached.inactive #toolbar {
background-image: -webkit-linear-gradient(top, rgba(244, 244, 244, 0.85), rgba(218, 218, 218, 0.8)), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAAAAACH0MYjAAAFdUlEQVQYGQXBAXYrKw4FwN7/fi4cIQSSAEG3HTuZ/xY0VRf01NvH7EVtv9AtlFAYAhsBnuhekbZbZfvLvp2FsKFeN191WeVMo47shW+4eSxjhcBX8ABRQTGhier9aL+RN+fXCmpXTTqRsdS65CEmFSBRtAdKLd3o82ci1CIny8DE05g3VqFxZTfqy7++MnUZYuhYMkyyl1cUAGXDHsC7BC8OpQ03nk3o4p1JuClp/8IjellVB+Y0G4VfCc/EfGPmfJ+W8QCCrHm1rHGFyYxf6X3dhFAzkLyPey8tgAcRGHkcBH7axumqno1QrZx+rbr+ndyb/CAmMivSc4MxaxJ7MEECTykWLF6uby270OgJDbh8ZqbUBD6FFxojt1agjYudRlkO6Th+ap8IGIqWqZhUct4XWqfAsa8yjV4zPWI8oz6coVptYCtXIOFIWQ7yjOUxCwouhIehPcQDbmaVvZ2V+925FKEGLJ8CFcBQtsDRXXStgFyhU/QwMqzgTc9dV8TqBIAZxR8Y4tFAg/ac23iJsZRv0mWXxaJIx019rtrC+cPLn5qkMOVGs0MbqX4j1kBdrJHLFKmU7WJvLIDtQFL2gpB0o7uCdrDvj5lOxq2Rt4sKEUCzNODI9dBbOGwK3j+vzHNWxwFXQBaklKcLtsVoAGAUE+xvuK5IdJ28mwaCGDJfdaH/srSquJOnAdQKt5EQhAA2moV4PRxc5DqxC3ue1QaXtSB2rLbeUI1gb06GZnwy6XdIBlrabHN9QGFXe/KajgzkEQCEQydKKd6y0zMe7ZtX4u+ogQrAZjC3GmPWq2VltL5LbbJJfQOOyYCH9ugxBIQSQxv+oP09UNIuuXhTuXRw5L4Sq97GQIFColFAy3ioA7bGwDsl+zvAQGfpCCk7+Nq0fHVd/Sf7JOdHgQeVZetqaphrFJ3z8wDCL3yLEcNy/Ivy34XnNqTtMVqunBWauwqidMzsBJB35yMcuopn54aOs1KC0/X3TuEza2TMOQoQhMSDwwpqmSDgzWyzfdHWyWgl84hqKN92FdzPvRDIs7+PVFvQGCqzoQT8xaNH/OmzG2pPQGpU/Y8KIvG1R7R1f59zNGJ4YDLPchcFhlR8pQr0xXNsb/xxtXFjYuS1yrqe4ZThiW7QqxPN4bIYjlMb0+xTAvr7ox3LekbjRcj8oG7mq8c7pldOp6G8KOoHyjXS8OJw8WGjYjmn+sFkUNLxDa8/R31dD33WuquXOvuCWtv+eHEbi2cGzkLwHSlTkHq+K7gG9XbCJ64RiHgIZoT6ZhOb+Za60cGk5mhV0F9WX2kkmxaZ0BFGbM8V+kN4XGCRfSq2RFR1s8oPpnXEboLJIeVA04EuB9d1U2oX5WD/maX/VxCj0/dNg+Uwh0zQb/q4uZB04K0ZHxmmAzfycMsXJOdQy5o1A77ad7WwCZE4C/1BmwDVF7dCTShegH84YAdxiZrTYH94AkAp+VVPHtooIkeAR9YOMsaeuZDhJSp3jFs/evmRSO7g2mjemBiiER+PVSPn7em29yiTXo96rMCzRsfQbZh2HRmzo9RGtRowaz93biEohA9cEw05zMcIqLHeL8aNrCM2pcvoFbLfdXJumh0NFfjNIK5gXmQ4PU2VyhOPO8YE8K3BlvoFMR/mu80b7W7Es6/JetLBcZxwAMsY9COTO7NWCwgqt6CLU0rmxHt4w2waLxJOvUigLjo6AZ6BhVolw1KVG+9/hX3ldhk5jHO3gVrf+3Ff3ucE4NZngUud2ABWTKCiiAXXleI4Ln86yCY31I5njexP8eK7lYCBfliA4zJWCPuLTSH+zPWStP3SLnUlUC6Gtn7r+LMo/jRG1iDUCnjGjv+BssB4p3KPJPXbuPwfk2X7RnpyzNAAAAAASUVORK5CYII=") !important;
}
#-webkit-web-inspector.platform-mac.compact #toolbar {
border-bottom-color: #5c5c5c !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.1) !important;
}
#-webkit-web-inspector.platform-mac.compact.inactive #toolbar {
border-bottom-color: #8e8e8e !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.05) !important;
}
#-webkit-web-inspector.compact #toolbar {
height: 25px !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow {
border-radius: 0 !important;
border: none !important;
height: 100% !important;
margin: 0 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
position: relative !important;
text-shadow: inherit !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow {
padding-left: 6px !important;
padding-right: 6px !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable.toggled-on,
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable:active,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow.dropdown-visible,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow:active {
background-color: rgba(0, 0, 0, 0.55) !important;
background-image: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.3), rgba(100, 100, 100, 0.3)) !important;
color: #fff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable:not(.toggled-on):active,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow:not(.dropdown-visible):hover,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow:not(.dropdown-visible):active {
background-color: rgba(0, 0, 0, 0.1) !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable.toggled-on:before,
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable.toggled-on:after,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow.dropdown-visible:before,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow.dropdown-visible:after {
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 15%, rgba(0, 0, 0, 0.17) 50%, rgba(0, 0, 0, 0.05) 85%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.23) 50%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0) 100%) !important;
background-position: 0 0, 1px 0 !important;
background-repeat: no-repeat !important;
background-size: 2px 100%, 1px 100% !important;
bottom: 0;
content: ' ';
margin: 0 !important;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -1000000px;
top: 0;
width: 2px;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.toggleable.toggled-on:before,
#-webkit-web-inspector.compact #toolbar #toolbar-dropdown-arrow.dropdown-visible:before {
background-position: right 0, 0 0 !important;
background-size: 2px 100%, 1px 100% !important;
left: 0;
right: auto;
}
#-webkit-web-inspector.compact #toolbar .toolbar-label {
color: inherit !important;
line-height: 24px !important;
margin: 0 !important;
padding: 0 !important;
text-shadow: inherit !important;
top: auto !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-label {
margin-left: 3px !important;
margin-right: 3px !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.close-left {
margin: 0 !important;
padding: 2px 6px !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.close-left button {
height: 100% !important;
margin: 0 !important;
position: relative !important;
background: none !important;
width: 16px !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.close-left button::before {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 100%;
bottom: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 18px 18px -10px rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
box-sizing: border-box;
color: rgba(255, 255, 255, 0.8);
content: '\2DF';
font-family: "Courier New", Courier, monospace;
font-size: 17px;
font-weight: bold;
height: 15px;
left: 0;
line-height: 22px;
margin: 3px 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
top: 0;
width: 15px;
-webkit-text-stroke: 1px #fff;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.close-left button:hover::before {
background-color: rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset, 0 18px 18px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
color: white;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.close-left button:active:hover::before {
background-color: rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset, 0 18px 18px -10px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
}
#-webkit-web-inspector.compact #toolbar .toolbar-item .toolbar-icon {
background-position-x: center !important;
background-position-y: center !important;
background-position: center center !important;
background-repeat: no-repeat !important;
height: 24px !important;
margin: 0 !important;
min-height: 16px !important;
padding: 0 !important;
vertical-align: top !important;
width: 16px !important;
}
#-webkit-web-inspector.compact.inactive #toolbar .toolbar-item.toggleable.toggled-on,
#-webkit-web-inspector.compact.inactive #toolbar #toolbar-dropdown-arrow.dropdown-visible {
background-color: rgba(0, 0, 0, 0.3) !important;
}
#-webkit-web-inspector.compact #toolbar-dropdown {
border: 1px solid rgba(128, 128, 128, 0.5);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5) !important;
left: auto !important;
right: 8px !important;
}
#-webkit-web-inspector.compact #toolbar-dropdown .toolbar-item {
border-radius: 3px !important;
}
#-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar, #-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-track:horizontal {
width: 8px !important;
}
#-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-thumb {
background-color: #8c8c8c !important;
background-image: none !important;
border-radius: 3px !important;
}
#-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-thumb:vertical, #-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-thumb:vertical:hover, #-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-thumb:vertical:active {
min-height: 20px !important;
}
#-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-track {
background: transparent none !important;
border: none !important;
border-radius: 3px !important;
}
#-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-track:hover, #-webkit-web-inspector.compact #toolbar-dropdown .scrollable-content::-webkit-scrollbar-track:active {
background-color: rgba(100, 100, 100, 0.15) !important;
}
#-webkit-web-inspector.compact #main,
#-webkit-web-inspector.compact .help-window-outer {
top: 25px !important;
}
/** Main */
#-webkit-web-inspector .inspector-footer.status-bar {
border-top: 1px solid #c0c0c0 !important;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.03) !important;
}
#-webkit-web-inspector.inactive .inspector-footer.status-bar {
border-top-color: #cacaca !important;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) !important;
}
#-webkit-web-inspector .toolbar-search {
border-spacing: 0 !important;
box-sizing: border-box !important;
display: block !important;
height: 24px !important;
padding: 2px 4px !important;
width: 100% !important;
}
#-webkit-web-inspector .toolbar-search tr {
display: inline-block !important;
float: left !important;
}
#-webkit-web-inspector .toolbar-search tr.hidden {
display: none !important;
}
#-webkit-web-inspector .toolbar-search td {
border: 0 !important;
display: inline !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
}
#-webkit-web-inspector .toolbar-search > tr:first-child > td:first-child + td > button, #-webkit-web-inspector .toolbar-search > tr:first-child > td:first-child + td + td > button, #-webkit-web-inspector .toolbar-search > tr:first-child > td:last-child > button {
display: none;
}
#-webkit-web-inspector .toolbar-search .search-replace {
-webkit-appearance: none !important;
background-clip: padding-box !important;
background-color: #fff !important;
border-radius: 2px !important;
border: none !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 0 1px 1px rgba(0, 0, 0, 0.35) inset, 0 1px 0 rgba(255, 255, 255, 0.4) !important;
box-sizing: border-box !important;
height: 20px !important;
left: 0 !important;
line-height: 14px !important;
margin: 0 !important;
outline: none !important;
padding: 0 4px !important;
position: relative !important;
top: 0 !important;
width: 100% !important;
z-index: 0 !important;
}
#-webkit-web-inspector .toolbar-search .toolbar-search-control:active .search-replace,
#-webkit-web-inspector .toolbar-search .search-replace:focus {
box-shadow: 0 0 2px 1px rgba(39, 149, 244, 0.8) inset, 0 0 1px 1px rgba(39, 149, 244, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 0 1px 1px rgba(0, 0, 0, 0.45) inset, 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#-webkit-web-inspector .toolbar-search .toolbar-search-control {
background: none !important;
border: 0 !important;
margin: 0 !important;
min-width: 265px !important;
padding: 0 !important;
}
#-webkit-web-inspector .toolbar-search .search-results-matches {
line-height: 20px !important;
margin: 0 !important;
min-width: 0 !important;
padding: 0 !important;
position: absolute !important;
right: 42px;
top: 0 !important;
z-index: 2 !important;
}
#-webkit-web-inspector .toolbar-search .toolbar-search-navigation-controls {
height: 18px !important;
position: absolute !important;
right: 1px !important;
top: 1px !important;
}
#-webkit-web-inspector .toolbar-search .toolbar-search-navigation-controls .toolbar-search-navigation-prev,
#-webkit-web-inspector .toolbar-search .toolbar-search-navigation-controls .toolbar-search-navigation-next {
border-left-color: rgba(0, 0, 0, 0.15) !important;
box-sizing: content-box !important;
}
#-webkit-web-inspector .toolbar-search .search-replace:focus ~ .toolbar-search-navigation-controls {
box-shadow: 0 1px 2px -1px rgba(33, 127, 204, 0.9) inset, -1px 0 2px -1px rgba(39, 149, 244, 0.4) inset, 0 -1px 2px -1px rgba(39, 149, 244, 0.7) inset !important;
}
#-webkit-web-inspector .toolbar-search input[type="checkbox"] {
margin: 0 0 0 4px !important;
}
#-webkit-web-inspector .toolbar-search input[type="checkbox"] + label {
margin: 0 4px !important;
}
#-webkit-web-inspector.inactive table.toolbar-search .search-replace {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
/** Icons */
#-webkit-web-inspector.compact #toolbar .toolbar-item.audits .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABIFBMVEUAAABOFwBTGgBuIwByJgB3KQB7LAB/MACDMwCHNQCKOACNOgCQPQCTPwCUPwCVQAB0SSkAAAAAAAAAAAAAAABUVFRUVFSVQAA2BQBHBgBVEABnHQBuIwByJgB3KQB7LAB/MACDMwCHNQCKOACNOgCQPQCTPwCVQACGMQCieG4kmxMmnRUpoBgupR0xqCAzqiKDxYGJiYuQkJKRz4uYmJqen6GioqOlpaempqeqqqysaDWsvb2227m7zMzF5sTG19fHx9LM3d3O39/Pz9jZlWLZ6Oja2tzb3Nzc6urd7u7e3uTg7Ozi8/Pk7+/l9PTn9fXo8vLp+fnq9vbt9PTt9/fw+fnx9/fz+vr1+vr2+/v5/Pz5/f37/v78/v7+//////+5L9K/AAAAKnRSTlMAAAAAAAAAAAAAAAAAAAAABgkSFixSZ5mmzMzMzMzMzMzMzMzMzMzM0OYauOs5AAAAtElEQVQYGQXByUoDURBA0fu6y1aycIigYIwI4vD//yKCuFGzkoARMqDpqus57ZgG7aDhXpCAo1Nam/OprHaEnMy3Qx9c5d/ELSHOXnZ93405zN4lRB+/ALhQCbHqHIDslE51UYvnqirVEGu12T/9rGO8VkKs+9eHnEyglBAr7xKATulUl7l8y8xUDbG+1/vbzW+Ml0pUM+cfNzkMkGpU05wlAFrGWWd/CAD0TqtNu2gAADjWP7Vfgm23Q7fvAAAAAElFTkSuQmCC") !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.console .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR5JREFUeNqkkz1uhEAMhT0wiihAhDvQcAU4CKLhGNTU3AOl2HNARc8lVhBo+IfsQ3KUbMhGZC0ZWTP+3thmRmzbRs+YKIpiq+v6X7BlWSSv1yvleU5935+CNU0j13VJooWu6yhJklMCURTRuq6k4DPP877oOA5lWUbLsvwpAAZ5CgewsizJ931K05SqqqJhGA5hHAoGrIJgmiZCK6ZpUhzHFIYheZ5Hl8vbDxh5cDAQkKwEa5rmMxHVHIE4nduGyC7wqGe+J4AQI5dbGMeRJM9ACPFrufcg+zeBRzCXze2ywN4CFrB5P2UG+XR2zmdB2bbtXn4QBKcukqqqBFYahkG2bR9O+yj+arquEyb3cvPXm8uTbwn//l08+5w/BBgAdFcrJeljtsAAAAAASUVORK5CYII=") !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.elements .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUZJREFUeNqck79OwzAQxu8cV2oUgWAACXgJtgx5BibW7nSEgSFDUKRMeYP0Idh4ibwHKIKFNEgof218F4qC2kZtT7Jk+b77/LuTjWEY3gDABRwWmWzb9jKKouSQ6iAI5uj7/p0QQg8T787DYlcT2TQNxnGcaN17ICLMnl5hfnsOq7NNQbrk+QOoBey6DpRSnDA0sFzmoPSZMVDbDaDXEQEXk8kq8vwTtDlTIwQCFetkXdc4NCC0oigYf0W1kcCQko5nQMVDg7KszO2KKbaFQmDdGgHNQClaGroRA3MT62RVVf8MLMuCycThFsYItLmIdGsEtJ9OT/ohjhiIXx0T8IOQ8i9p26eMKCwx2gLp0PO8+7Isv4e54+uX3V9ilmUyTdOFeVB7/QMidl33ER3HmZnJXx3ymcyM3qh/26wjMt2znpC/fgQYAO/YwyPKvYvfAAAAAElFTkSuQmCC") !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.network .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACmklEQVQ4y4XQa0iTURgH8DMXQmXqh0QyqW9iplZeMxPLKEOMsnWBssBlGFQf0rKLSYqmzFVGtaUslTR1pNgFU0LRllnmRmqttZA528xmmokrum38O+fdu5HR5YEf78M5/+ec932J26F24nJCQ4RnjR5Cycg2YclbOXWPJ+fW6B7L/DpDfjvAV3hGp4hUGLWnVONTla+sttaxb7bq4a9TSQ3vtGyPZf52gIfwyMPKtFtGc36bCR0T31GssqCibwKaL0AvldkxamYZlnUdINhdy3Hbo9wZUfxIn91qQmnvBygHPyOnZRjt44C8x4K7Y0D9mx8IONmmZ1nnHBGkyJ2qkmV902tl/dhao8f2G3qkKl8jq9kEkUwN6XNgX5MZscVd0yzrnCNkfZGTapNi0BYnH0TYxWeIufoCMfSwpCoj0u/bse6KHsGF3VhRqLKxrGuOrMlz6gov6LEHSwawRKJByIU+hFJBhY8RVaJFpFSHuHILoiX9dpZ1zZGEAqfroacfWEPPDSDy0kuskumwWq5D7GUtEsqGECsdgKgZSKwcsbKsa44kSh02nt/lK643bFAMI6nChJRqM/0PI5zN14aQenMUx9RAYHaLgWVdc2RLudM8IqqojShQW9IbJ3Gg6SMO33HIaJhAbuckdtToLAKa4bJ0Zr9MTWZWiGgB2dtYF5j7xCCus1hzWj/ZmbTaUeuy/G6DgO5xGb7CouJnjM+iFhIv/5UkPiuTiG/Xk4Tjag7r2ZqXfwzNLKbcyR/KjfKk2A1+ZKm7H30WcRy9H7/nzV/2n6rzKSe53hoO6/9R86loKoMqozopDUmerUl5LwbDem6NkKeUkjpKsR/gQ/jv8eRfMYBaToWTg3NKSd5cDYf1bM0hiFrEf4r7TzQDhFyGFcfRAAAAAElFTkSuQmCC") !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.profiles .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACuUlEQVQ4T12STUgbQRTHh4qE1GMoodAevKRHpShKwBQC0oBUE2Nu6aGWHoSQgx40EuzHQXovCB5i0IOgDSjGz8bNLkbzZeLqdrumSTRKQqxf1ZR4fp03jUE78NvMzvv/3s4MIV1dXcRsNpPu7m5itVpJT0/PI5vNZrD9G28r4DBgDTOYRQdd9qg0UNFi28DAwFA0GpXOzs6gWCwycB6JRKT+/v4hzGD2/wYqi8Xyyuv1TqIgSRKEw2HgOI6Bc1wrFPLg8XgmMYsOa9DZ2Ym8oIWpXC4HwSAHAUGAmCzDN56Hk8tL+InrGxusls1mYHx8fAoddElHR4fW4XC4j45ysLKyDOtbW5A8PIQCFWlTOC+VGPjOR8Isk0qloK+vz40uMZlMRp4PyoLAw/zSEiQODkApFJg0NjZWbYCk6PEWV1eB5znw+xdkdEl7e7sdt+XzfQU+sc0a3GK32++9I1F6F5hN0Cy6xGg0OkRRhIkJD2yn09UgfpFe0r0dnFxdwY/jY5YNhUKALjEYDM5EIsHOm8xmq3JzczMMDg4C3SbQ/wD09vaC0+mEeb+fZQV60egSvV7/RhR3YWbGB5E9qdogS2++tbWV/d6Socj7KZYVhA1Al7S0tLycnfXtBwI8LK9xIOfzbKu3Te4e4Xe5DFwwBGtrQfB6p/bRJU1NTY8tFuvozo4Mi4vrEBe/w+n19T0RKd3cgKJkWCYW2wWz2TKKLmlsbCQNDQ2mkZFPvr29DAQCEYjGJCj+uoBS+Qb+UE5OLyAel1lNFNPgdn/0oYMu0Wq1pL6+Xq3T6ewu14c5RSlAMpmBzU2JCnEGznFNUfLgcr2fwyw66OJ4QHmoUqmeaDSa13p925fp6YVsOn0Od8E1rGGGZp+iU3FJDUVD0VGe19bWGtVq9bu6urphyucKw7iGNcxQnlWcmr9khmxxnuFWeAAAAABJRU5ErkJggg==") !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.resources .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB1UlEQVQ4y52SPYsTURSGn3tnyOTOZxARNj8gbQp7QURY2LWwCPYWEhC2sU+Z/yDkX8TCzj7oH0jKQGTzsZvZdTLJeOdei0RNdNldPfA2l3sO533eI1qtFrt6ARxxv/oK9AHcny+bzeao1+u9z7KMPM/RumQ2+0aeG6pVRRRFxHFMksS026/eOo7DwQAArTVpmrJYLNC6ZDq9Zr0xBEGELjXSkfiBOlhF3rqoAAtYYbZiq/sPwO4a7a65xFIe/Ni38KXb7X5oNpunxhhWq9XOiqZarRKGIUmSMBwOPwKfbxrwuNPpnO5DnM6vyNYFFa9CGAUkcczzk5fHZ+3XfWBwJ8TzeUpWFKhA8d3UkA4o3/sXiL+9G1HeyODuFH4lUGJ2+i+IF2HIPEno/wnRmG2uxpi/IV4sSfMM15MEoSKOI56cPDt+9+asL4TYQhyPx9RqNYqisIcQNeeXl6RFhudXqNkY6Vp83yPLslJKyXK5xB0MBjQaDTzPc289pr1LXCwWTp7njEYjXEANh8OoXq/7ruuSJAmVSgWtSxxP4a+vkJ4gCBW+r3BcyXw+V5PJ5BFwLYAHQF0p9dRa+7AsS6y1uwwQQgiEEEgpEUJYIQTW2lme55+AyQ9WyBny/UpxggAAAABJRU5ErkJggg==") !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.scripts .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAilJREFUeNqMk89rE1EQx2d33/6isZsURGmpOTRRiA200FJLKHgR9tBC/4aCePA/0P+hJ0V7FVrBswTai14U+8NbFUFLgocmSLKaNJvd7bpvnXntLjWE6oPhvZ3Z+c5n581K8tgY3KxUYHp2FiRJAtd1QZZl0HV9EZ/LcMmK47jB7LU1kTAQWLy/svLo3tzcMo/jocl9328/3thYZ4MBrAydbrd8Z2ZmudHpDE02DQNeVKuvv9Trr9jFqriVFUUBXdOWtvf2wHEcYIxBFEVgmiZcGRmBW/k8cPS9rFbfq6r6jf0vshcEsH1wABKeyXq9nvAzHwNU+V/Iu4eHoGPldrsN1ugonCQCiVIXhU48b6gAIX9vNuHu/DzRAsOm0239JUBYtVoNLMsSwRuTk6kAxQLfh99hCOHpKTC8+n6/fyaQoMg4A8ViUTQsl8uBcuFqKUZXfQ39tFQ8k6AQSFHQSQTZbBZarRZwzlOrLCyIpiVCCu5xEKgiL0XBQKFQEAlEQCQWNi+JSeinhhuaBoqKuZybgBQsQVHPCahJ1AcSvjo1lcaymQxcR2Ea92dbW2/B877C8bFJH07vPGzs7z+h6glmuqNpWDFTKu3InH8Uc+O6n3mz+Q6PvxiilFZte+nT0ZF4kRBNMsQ3cawT5DgMd6N6/XkyuGi+sNu2vf7DcX5GnMfDDCczfrq5+QbGx1dppgZnRJInJh5IhpG/9Lc9Q/6AR+fc0vVHgAEAIioXj94na3YAAAAASUVORK5CYII=") !important;
}
#-webkit-web-inspector.compact #toolbar .toolbar-item.timeline .toolbar-icon {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABfklEQVQ4T5WMSyhEcRSHf2driVKWUkzjbaWUYWQUNcZjMSyQshBlgY2NZkFZkVdTo0hDicWUSB4hG3WbUqZkMViIpDxKlsc5V3+xcc2/vs6t+/0+7AJQ9oDwPmA5oZ7ZMDOwiW+sj6FRfu8d/MVzWxc/ehr5qaqBXwNBVs9s7ICfCCNCWMpz8tMJ9RbxtbMDJB9KruD7B+qZjQmEBLewkeINmUAh5ZSCartBk6egup6/r3rqExWYwDZ5u0DjR6s0cZx0RD31ZWcCJVQZBI3Ergasd+47e7MJHj6yN3bD1bFbrtm6Y+/OA9cfvLB6tk9UbAInVB4AdUaWqX0h4Yh66svOBMoFIDMXyPc5I576QpkdkBcVKoRkijdqAvZztQKeMcDd9vdVL9P1tfkO+FeAQBTh5jVYTqin/q9Aeh7gnYEVux/l9eQwL13082y8nafiTTx9HuDZRDPPX7Zw5DrI6qn/M5AhFOZ0YNU9DMsJ9cQv0p0JpAlZQnYKqJ+mgU/47y092/8JBgAAAABJRU5ErkJggg==") !important;
}
#-webkit-web-inspector #error-count-img,
#-webkit-web-inspector #warning-count-img,
#-webkit-web-inspector .console-error-level::before,
#-webkit-web-inspector .console-warning-level::before {
width: 11px !important;
height: 11px !important;
}
#-webkit-web-inspector .console-error-level::before,
#-webkit-web-inspector .console-warning-level::before {
margin-top: -7px !important;
}
#-webkit-web-inspector #error-count-img {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA5ElEQVQYV42RMQrCQBBF5wIpBCFoL1hYWegNvIEWgrUH0BhIb2dnJQiChaiFCBZ22gni4g1sPEDs1fidH8giEcSFt5mZ9xkIKwDkX+JrJiJLkWAuYtJwTv8ZDk7lcgTfB3n1eog8D89uF4dS6U5vwxPd8Oh0cK7VYniS+tZug96GR9pwuKtUYnjG2SxGmQwu9TrobXiozbXZxCKfx1QDxpj4SzbFIuhteKDNuVrFWiXhxqRe5XKgt+G+NqZQwF4lCcPQ1luF3oZ9/duj6+KgIs3WcSJ6GyYNkX5LN6ThPMl8vdIv3tsjEUrJM8upAAAAAElFTkSuQmCC") !important;
}
#-webkit-web-inspector .console-error-level::before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA5ElEQVQYV42RMQrCQBBF5wIpBCFoL1hYWegNvIEWgrUH0BhIb2dnJQiChaiFCBZ22gni4g1sPEDs1fidH8giEcSFt5mZ9xkIKwDkX+JrJiJLkWAuYtJwTv8ZDk7lcgTfB3n1eog8D89uF4dS6U5vwxPd8Oh0cK7VYniS+tZug96GR9pwuKtUYnjG2SxGmQwu9TrobXiozbXZxCKfx1QDxpj4SzbFIuhteKDNuVrFWiXhxqRe5XKgt+G+NqZQwF4lCcPQ1luF3oZ9/duj6+KgIs3WcSJ6GyYNkX5LN6ThPMl8vdIv3tsjEUrJM8upAAAAAElFTkSuQmCC") !important;
}
#-webkit-web-inspector #warning-count-img {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABBklEQVQYV2P4//8/A7EYTJzZzIiME4F4NZSGi8MVn97ECMMcZ7ewLvzydu4LEA3iw+Tgio+vZwTjExsYfe+e8Tj15+vq/3dPu54C8WFycMVHVjOCMMuxtUxzPz7v/BAaGvr/w5OGDyA+SBwkD1e8fzkjw4EVjM4X9xmc+PikBijK8P/5jYz/Z3YonwCJg+ThinctYmTcs4RxxsOrsW+uX3b7v3VL6f9LFxz+Xzxl/QYkDpKHK942j9Hq0DrR4w9uOv2/e9UYbDKIvnvV5P/BNbzHQfJwxRtnMs65dVL55cvbmv9f3tL4//VtJZgG4ZvHZV6C5OGKF3UzTFnQyXAMFwbJwxUTiwG17SFggfPpbwAAAABJRU5ErkJggg==") !important;
}
#-webkit-web-inspector .console-warning-level::before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABBklEQVQYV2P4//8/A7EYTJzZzIiME4F4NZSGi8MVn97ECMMcZ7ewLvzydu4LEA3iw+Tgio+vZwTjExsYfe+e8Tj15+vq/3dPu54C8WFycMVHVjOCMMuxtUxzPz7v/BAaGvr/w5OGDyA+SBwkD1e8fzkjw4EVjM4X9xmc+PikBijK8P/5jYz/Z3YonwCJg+ThinctYmTcs4RxxsOrsW+uX3b7v3VL6f9LFxz+Xzxl/QYkDpKHK942j9Hq0DrR4w9uOv2/e9UYbDKIvnvV5P/BNbzHQfJwxRtnMs65dVL55cvbmv9f3tL4//VtJZgG4ZvHZV6C5OGKF3UzTFnQyXAMFwbJwxUTiwG17SFggfPpbwAAAABJRU5ErkJggg==") !important;
}
Raw
Custom.scss
/**
* Custom.css
* WebKit Inspector styles for Google Chrome
*
* by Scott Buchanan <[email protected]>
* http://wafflesnatcha.github.com
*
* Fugue Icons by Yusuke Kamiyamane
* http://p.yusukekamiyamane.com
*/
$code_font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, Courier, monospace;
$code_tab-size: 4;
$toolbar_height_compact: 25px;
$statusbar_height: 24px;
@import "_images";
#-webkit-web-inspector {
.monospace, .source-code {
font-family: $code_font-family !important;
tab-size: $code_tab-size !important;
}
}
// Toolbar > Mac styles
#-webkit-web-inspector.platform-mac {
#toolbar {
background-image: -webkit-linear-gradient(top, #e2e2e2, #c6c6c6) !important;
border-bottom: 1px solid #5a5a5a !important;
border-top: none !important;
box-sizing: border-box !important;
text-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
}
#main-panels {
box-shadow: 0 1px 0 rgba(0,0,0,.1) inset !important;
}
&.inactive #toolbar {
background-image: -webkit-linear-gradient(top, #f2f2f2, #e3e3e3) !important;
border-bottom-color: #a3a3a3 !important;
box-shadow: 0 1px 0 rgba(0,0,0,.05) !important;
}
&.detached #toolbar {
background-image: -webkit-linear-gradient(top, rgba(212,212,212,.85), rgba(170,170,170,.8)), $img_noise !important;
}
&.detached.inactive #toolbar {
background-image: -webkit-linear-gradient(top, rgba(244,244,244,.85), rgba(218,218,218,.8)), $img_noise !important;
}
&.compact #toolbar {
border-bottom-color: #5c5c5c !important;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 1px 0 rgba(0,0,0,.1) !important;
}
&.compact.inactive #toolbar {
border-bottom-color: #8e8e8e !important;
box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 0 1px 0 rgba(0,0,0,.05) !important;
}
}
// Toolbar > Compact
#-webkit-web-inspector.compact {
#toolbar {
height: $toolbar_height_compact !important;
// Toolbar > Compact > Toolbar items
.toolbar-item,
#toolbar-dropdown-arrow {
border-radius: 0 !important;
border: none !important;
height: 100% !important;
margin: 0 !important;
padding: {
bottom: 0 !important;
top: 0 !important;
};
position: relative !important;
text-shadow: inherit !important;
}
.toolbar-item.toggleable,
#toolbar-dropdown-arrow {
padding: {
left: 6px !important;
right: 6px !important;
};
}
.toolbar-item.toggleable.toggled-on,
.toolbar-item.toggleable:active,
#toolbar-dropdown-arrow.dropdown-visible,
#toolbar-dropdown-arrow:active {
background: {
color: rgba(0,0,0,.55) !important;
image: -webkit-linear-gradient(top, rgba(50,50,50,.3), rgba(100,100,100,.3)) !important;
};
color: #fff !important;
text-shadow: 0 1px 0 rgba(0,0,0,.4) !important;
}
.toolbar-item.toggleable:not(.toggled-on):active,
#toolbar-dropdown-arrow:not(.dropdown-visible):hover,
#toolbar-dropdown-arrow:not(.dropdown-visible):active {
background-color: rgba(0,0,0,.1) !important;
}
.toolbar-item.toggleable.toggled-on:before,
.toolbar-item.toggleable.toggled-on:after,
#toolbar-dropdown-arrow.dropdown-visible:before,
#toolbar-dropdown-arrow.dropdown-visible:after {
background: {
image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.05) 15%,rgba(0,0,0,.17) 50%,rgba(0,0,0,.05) 85%,rgba(0,0,0,0) 100%), -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 10%,rgba(0,0,0,.23) 50%,rgba(0,0,0,.1) 90%,rgba(0,0,0,0) 100%) !important;
position: 0 0, 1px 0 !important;
repeat: no-repeat !important;
size: 2px 100%, 1px 100% !important;
};
bottom: 0;
content: ' ';
margin: 0 !important;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -1000000px;
top: 0;
width: 2px;
}
.toolbar-item.toggleable.toggled-on:before,
#toolbar-dropdown-arrow.dropdown-visible:before {
background: {
position: right 0, 0 0 !important;
size: 2px 100%, 1px 100% !important;
};
left: 0;
right: auto;
}
.toolbar-label {
color: inherit !important;
line-height: $toolbar_height_compact - 1 !important;
margin: 0 !important;
padding: 0 !important;
text-shadow: inherit !important;
top: auto !important;
}
.toolbar-label {
margin: {
left: 3px !important;
right: 3px !important;
};
}
// Toolbar > Compact > Close button
.toolbar-item.close-left {
margin: 0 !important;
padding: 2px 6px !important;
button {
height: 100% !important;
margin: 0 !important;
position: relative !important;
background: none !important;
width: 16px !important;
&::before {
background-color: rgba(0,0,0,.2);
border-radius: 100%;
bottom: 0;
box-shadow: 0 1px 2px rgba(0,0,0,.2) inset, 0 18px 18px -10px rgba(0,0,0,.08) inset, 0 1px 0 rgba(255,255,255,.3);
box-sizing: border-box;
color: rgba(255,255,255,.8);
content: '\2DF';
font-family: "Courier New", Courier, monospace;
font-size: 17px;
font-weight: bold;
height: 15px;
left: 0;
line-height: 22px;
margin: 3px 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
top: 0;
width: 15px;
-webkit-text-stroke: 1px #fff;
}
&:hover::before {
background-color: rgba(0,0,0,.3);
box-shadow: 0 1px 2px rgba(0,0,0,.4) inset, 0 18px 18px -10px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.3);
color: rgba(255,255,255,1);
}
&:active:hover::before {
background-color: rgba(0,0,0,.4);
box-shadow: 0 1px 2px rgba(0,0,0,.6) inset, 0 18px 18px -10px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.3);
}
}
}
// Toolbar > Compact > Icons
.toolbar-item .toolbar-icon {
background: {
position-x: center !important;
position-y: center !important;
position: center center !important;
repeat: no-repeat !important;
};
height: $toolbar_height_compact - 1 !important;
margin: 0 !important;
min-height: 16px !important;
padding: 0 !important;
vertical-align: top !important;
width: 16px !important;
}
}
// Toolbar > Compact & Window Inactive
&.inactive #toolbar {
.toolbar-item.toggleable.toggled-on,
#toolbar-dropdown-arrow.dropdown-visible {
background-color: rgba(0,0,0,.3) !important;
}
}
// Toolbar > Compact > Dropdown
#toolbar-dropdown {
border: 1px solid rgba(128,128,128,.5);
box-shadow: 0 1px 5px 0 rgba(0,0,0,.5) !important;
left: auto !important;
right: 8px !important;
.toolbar-item {
border-radius: 3px !important;
}
.scrollable-content {
&::-webkit-scrollbar,
&::-webkit-scrollbar-track:horizontal {
width: 8px !important;
}
&::-webkit-scrollbar-thumb {
background-color: #8c8c8c !important;
background-image: none !important;
border-radius: 3px !important;
}
&::-webkit-scrollbar-thumb:vertical,
&::-webkit-scrollbar-thumb:vertical:hover,
&::-webkit-scrollbar-thumb:vertical:active {
min-height: 20px !important;
}
&::-webkit-scrollbar-track {
background: transparent none !important;
border: none !important;
border-radius: 3px !important;
}
&::-webkit-scrollbar-track:hover,
&::-webkit-scrollbar-track:active {
background-color: rgba(100,100,100,.15) !important;
}
}
}
}
#-webkit-web-inspector.compact {
// Adjust for toolbar height
#main,
.help-window-outer {
top: $toolbar_height_compact !important;
}
}
/** Main */
#-webkit-web-inspector {
// Main > Status Bar
.inspector-footer.status-bar {
border-top: 1px solid #c0c0c0 !important;
box-shadow: 0 -1px 0 rgba(0,0,0,.03) !important;
}
&.inactive .inspector-footer.status-bar {
border-top-color: #cacaca !important;
box-shadow: 0 -1px 0 rgba(0,0,0,.05) !important;
}
// Main > Status Bar > Search
.toolbar-search {
border-spacing: 0 !important;
box-sizing: border-box !important;
display: block !important;
height: $statusbar_height !important;
padding: 2px 4px !important;
width: 100% !important;
tr {
display: inline-block !important;
float: left !important;
&.hidden {
display: none !important;
}
}
td {
border: 0 !important;
display: inline !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
}
& > tr:first-child > td:first-child + td > button,
& > tr:first-child > td:first-child + td + td > button,
& > tr:first-child > td:last-child > button {
display: none;
}
.search-replace {
-webkit-appearance: none !important;
background-clip: padding-box !important;
background-color: #fff !important;
border-radius: 2px !important;
border: none !important;
box-shadow: 0 1px 3px rgba(0,0,0,.3) inset, 0 0 1px 1px rgba(0,0,0,.35) inset, 0 1px 0 rgba(255,255,255,.4) !important;
box-sizing: border-box !important;
height: $statusbar_height - 4 !important;
left: 0 !important;
line-height: 14px !important;
margin: 0 !important;
outline: none !important;
padding: 0 4px !important;
position: relative !important;
top: 0 !important;
width: 100% !important;
z-index: 0 !important;
}
.toolbar-search-control:active .search-replace,
.search-replace:focus {
box-shadow: 0 0 2px 1px rgba(39,149,244,.8) inset, 0 0 1px 1px rgba(39,149,244,.4), 0 1px 3px rgba(0,0,0,.3) inset, 0 0 1px 1px rgba(0,0,0,.45) inset, 0 1px 0 rgba(255,255,255,.4) !important;
}
.toolbar-search-control {
background: none !important;
border: 0 !important;
margin: 0 !important;
min-width: 265px !important;
padding: 0 !important;
}
.search-results-matches {
line-height: $statusbar_height - 4 !important;
margin: 0 !important;
min-width: 0 !important;
padding: 0 !important;
position: absolute !important;
right: 42px;
top: 0 !important;
z-index: 2 !important;
}
.toolbar-search-navigation-controls {
height: $statusbar_height - 6 !important;
position: absolute !important;
right: 1px !important;
top: 1px !important;
.toolbar-search-navigation-prev,
.toolbar-search-navigation-next {
border-left-color: rgba(0,0,0,.15) !important;
box-sizing: content-box !important;
}
}
.search-replace:focus ~ .toolbar-search-navigation-controls {
box-shadow: 0 1px 2px -1px rgba(33,127,204,.9) inset, -1px 0 2px -1px rgba(39,149,244,.4) inset, 0 -1px 2px -1px rgba(39,149,244,.7) inset !important;
}
input[type="checkbox"] {
margin: 0 0 0 4px !important;
& + label {
margin: 0 4px !important;
}
}
}
&.inactive table.toolbar-search .search-replace {
box-shadow: 0 1px 3px rgba(0,0,0,.2) inset, 0 0 1px 1px rgba(0,0,0,.3) inset, 0 1px 0 rgba(255,255,255,.4) !important;
}
}
/** Icons */
#-webkit-web-inspector {
// Icons > Toolbar small
&.compact #toolbar .toolbar-item {
&.audits .toolbar-icon { background-image: $icon_audits !important; }
&.console .toolbar-icon { background-image: $icon_console !important; }
&.elements .toolbar-icon { background-image: $icon_elements !important; }
&.network .toolbar-icon { background-image: $icon_network !important; }
&.profiles .toolbar-icon { background-image: $icon_profiles !important; }
&.resources .toolbar-icon { background-image: $icon_resources !important; }
&.scripts .toolbar-icon { background-image: $icon_sources !important; }
&.timeline .toolbar-icon { background-image: $icon_timeline !important; }
}
// Icons > Console
#error-count-img,
#warning-count-img,
.console-error-level::before,
.console-warning-level::before {
width: 11px !important;
height: 11px !important;
}
.console-error-level::before,
.console-warning-level::before {
margin-top: -7px !important;
}
#error-count-img { content: $icon_error !important; }
.console-error-level::before { background-image: $icon_error !important; }
#warning-count-img { content: $icon_warning !important; }
.console-warning-level::before { background-image: $icon_warning !important; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment