home *** CD-ROM | disk | FTP | other *** search
/ Computer Active 2010 July / CA07.iso / Multimedija / QuickTimeInstaller.exe / AppleApplicationSupport.msi / WebKit.resources_inspector_inspector.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2010-03-15  |  66.0 KB  |  3,105 lines
  1. /*
  2.  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  3.  *
  4.  * Redistribution and use in source and binary forms, with or without
  5.  * modification, are permitted provided that the following conditions
  6.  * are met:
  7.  *
  8.  * 1.  Redistributions of source code must retain the above copyright
  9.  *     notice, this list of conditions and the following disclaimer. 
  10.  * 2.  Redistributions in binary form must reproduce the above copyright
  11.  *     notice, this list of conditions and the following disclaimer in the
  12.  *     documentation and/or other materials provided with the distribution. 
  13.  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  14.  *     its contributors may be used to endorse or promote products derived
  15.  *     from this software without specific prior written permission. 
  16.  *
  17.  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  18.  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  19.  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  20.  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  21.  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  22.  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  23.  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  24.  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  25.  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  26.  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  27.  */
  28.  
  29. body {
  30.     cursor: default;
  31.     height: 100%;
  32.     width: 100%;
  33.     overflow: hidden;
  34.     font-family: Lucida Grande, sans-serif;
  35.     font-size: 10px;
  36.     margin: 0;
  37.     -webkit-text-size-adjust: none;
  38.     -webkit-user-select: none;
  39. }
  40.  
  41. * {
  42.     -webkit-box-sizing: border-box;
  43. }
  44.  
  45. :focus {
  46.     outline: none;
  47. }
  48.  
  49. input[type="search"]:focus, input[type="text"]:focus {
  50.     outline: auto 5px -webkit-focus-ring-color;
  51. }
  52.  
  53. iframe, a img {
  54.     border: none;
  55. }
  56.  
  57. img {
  58.     -webkit-user-drag: none;
  59. }
  60.  
  61. .hidden {
  62.     display: none !important;
  63. }
  64.  
  65. #toolbar {
  66.     position: absolute;
  67.     top: 0;
  68.     left: 0;
  69.     right: 0;
  70.     height: 56px;
  71.     display: -webkit-box;
  72.     padding: 0 5px;
  73.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
  74.     border-bottom: 1px solid rgb(80, 80, 80);
  75.     -webkit-box-orient: horizontal;
  76.     -webkit-background-origin: padding;
  77.     -webkit-background-clip: padding;
  78. }
  79.  
  80. body.inactive #toolbar {
  81.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
  82.     border-bottom: 1px solid rgb(64%, 64%, 64%);
  83. }
  84.  
  85. body.detached.platform-mac-leopard #toolbar {
  86.     background: transparent !important;
  87. }
  88.  
  89. body.attached #toolbar {
  90.     height: 34px;
  91.     border-top: 1px solid rgb(100, 100, 100);
  92.     cursor: row-resize;
  93.     padding-left: 0;
  94. }
  95.  
  96. body.attached.inactive #toolbar {
  97.     border-top: 1px solid rgb(64%, 64%, 64%);
  98. }
  99.  
  100. .toolbar-item {
  101.     display: -webkit-box;
  102.     padding: 4px 6px;
  103.     margin: 0;
  104.     background-color: transparent;
  105.     border-style: none;
  106.     border-color: transparent;
  107.     -webkit-box-orient: vertical;
  108.     -webkit-box-align: center;
  109.     -webkit-box-pack: end;
  110. }
  111.  
  112. .toolbar-item.toggleable.toggled-on {
  113.     border-width: 0 2px 0 2px;
  114.     padding: 4px 4px;
  115.     -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
  116. }
  117.  
  118. .toolbar-item.flexable-space {
  119.     -webkit-box-flex: 1;
  120.     visibility: hidden;
  121. }
  122.  
  123. .toolbar-item input {
  124.     margin-bottom: 8px;
  125. }
  126.  
  127. .toolbar-icon {
  128.     display: inline-block;
  129.     width: 32px;
  130.     height: 32px;
  131.     -webkit-background-size: 100% auto;
  132. }
  133.  
  134. body.attached .toolbar-icon {
  135.     width: 24px;
  136.     height: 24px;
  137.     vertical-align: middle;
  138. }
  139.  
  140. .toolbar-item:active .toolbar-icon {
  141.     background-position: 0 32px;
  142. }
  143.  
  144. body.attached .toolbar-item:active .toolbar-icon {
  145.     background-position: 0 24px;
  146. }
  147.  
  148. .toolbar-label {
  149.     font-size: 11px;
  150.     font-family: Lucida Grande, sans-serif;
  151.     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  152. }
  153.  
  154. .toolbar-item.toggleable:active .toolbar-label {
  155.     text-shadow: none;
  156. }
  157.  
  158. body.attached .toolbar-label {
  159.     display: inline-block;
  160.     vertical-align: middle;
  161.     margin-left: 3px;
  162. }
  163.  
  164. body.attached #search-toolbar-label {
  165.     display: none;
  166. }
  167.  
  168. #search {
  169.     width: 205px;
  170.     font-size: 16px;
  171.     margin-bottom: 5px;
  172. }
  173.  
  174. body.attached #search {
  175.     font-size: 11px;
  176.     margin-bottom: 8px;
  177. }
  178.  
  179. #search-results-matches {
  180.     font-size: 11px;
  181.     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  182.     margin-bottom: 22px;
  183. }
  184.  
  185. body.attached #search-results-matches {
  186.     margin-bottom: 6px;
  187. }
  188.  
  189. .toolbar-item.elements .toolbar-icon {
  190.     background-image: url(Images/elementsIcon.png);
  191. }
  192.  
  193. .toolbar-item.resources .toolbar-icon {
  194.     background-image: url(Images/resourcesIcon.png);
  195. }
  196.  
  197. .toolbar-item.scripts .toolbar-icon {
  198.     background-image: url(Images/scriptsIcon.png);
  199. }
  200.  
  201. .toolbar-item.databases .toolbar-icon {
  202.     background-image: url(Images/databasesIcon.png);
  203. }
  204.  
  205. .toolbar-item.profiles .toolbar-icon {
  206.     background-image: url(Images/profilesIcon.png);
  207. }
  208.  
  209. #close-button {
  210.     width: 14px;
  211.     height: 14px;
  212.     background-image: url(Images/closeButtons.png);
  213.     background-position: 0 0;
  214.     background-color: transparent;
  215.     border: 0 none transparent;
  216.     margin: 5px 0;
  217. }
  218.  
  219. #close-button:hover {
  220.     background-position: 14px 0;
  221. }
  222.  
  223. #close-button:active {
  224.     background-position: 28px 0;
  225. }
  226.  
  227. body.detached .toolbar-item.close {
  228.     display: none;
  229. }
  230.  
  231. #main {
  232.     position: absolute;
  233.     z-index: 1;
  234.     top: 56px;
  235.     left: 0;
  236.     right: 0;
  237.     bottom: 0;
  238.     overflow: hidden;
  239.     background-color: white;
  240. }
  241.  
  242. body.attached #main {
  243.     top: 34px;
  244. }
  245.  
  246. #main-panels {
  247.     position: absolute;
  248.     top: 0;
  249.     left: 0;
  250.     right: 0;
  251.     bottom: 23px;
  252.     overflow: hidden;
  253. }
  254.  
  255. #main-status-bar {
  256.     position: absolute;
  257.     bottom: 0;
  258.     left: 0;
  259.     right: 0;
  260. }
  261.  
  262. body.console-visible #main-status-bar {
  263.     height: 24px;
  264.     background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png);
  265.     background-repeat: no-repeat, repeat-x;
  266.     background-position: right center, center;
  267.     cursor: row-resize;
  268. }
  269.  
  270. body.console-visible #main-status-bar * {
  271.     cursor: default;
  272. }
  273.  
  274. body.console-visible #main-panels {
  275.     bottom: 24px;
  276. }
  277.  
  278. .status-bar {
  279.     background-color: rgb(235, 235, 235);
  280.     background-image: url(Images/statusbarBackground.png);
  281.     background-repeat: repeat-x;
  282.     white-space: nowrap;
  283.     height: 23px;
  284.     overflow: hidden;
  285.     z-index: 12;
  286. }
  287.  
  288. .status-bar > div {
  289.     display: inline-block;
  290.     vertical-align: top;
  291. }
  292.  
  293. .status-bar-item {
  294.     display: inline-block;
  295.     height: 24px;
  296.     padding: 0;
  297.     margin-left: -1px;
  298.     margin-right: 0;
  299.     vertical-align: top;
  300.     border: 0 transparent none;
  301.     background-color: transparent;
  302. }
  303.  
  304. .status-bar-item:active {
  305.     position: relative;
  306.     z-index: 200;
  307. }
  308.  
  309. button.status-bar-item {
  310.     width: 32px;
  311.     background-image: url(Images/statusbarButtons.png);
  312.     background-position: 0 0;
  313. }
  314.  
  315. button.status-bar-item:active {
  316.     background-position: 32px 0;
  317. }
  318.  
  319. button.status-bar-item:disabled {
  320.     opacity: 0.5;
  321.     background-position: 0 0 !important;
  322. }
  323.  
  324. select.status-bar-item {
  325.     min-width: 48px;
  326.     border-width: 0 17px 0 2px;
  327.     padding: 0 2px 0 6px;
  328.     font-weight: bold;
  329.     color: rgb(48, 48, 48);
  330.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  331.     -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2;
  332.     -webkit-border-radius: 0;
  333.     -webkit-appearance: none;
  334. }
  335.  
  336. select.status-bar-item:active {
  337.     color: black;
  338.     -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2;
  339. }
  340.  
  341. #dock-status-bar-item {
  342.     background-image: url(Images/dockButtons.png);
  343. }
  344.  
  345. body.attached #dock-status-bar-item:active {
  346.     background-position: 32px 0;
  347. }
  348.  
  349. body.detached #dock-status-bar-item {
  350.     background-position: 0 24px;
  351. }
  352.  
  353. body.detached #dock-status-bar-item.toggled-on:active {
  354.     background-position: 32px 24px;
  355. }
  356.  
  357. #console-status-bar-item {
  358.     background-image: url(Images/consoleButtons.png);
  359. }
  360.  
  361. #console-status-bar-item:active {
  362.     background-position: 32px 0;
  363. }
  364.  
  365. #console-status-bar-item.toggled-on {
  366.     background-position: 0 24px;
  367. }
  368.  
  369. #console-status-bar-item.toggled-on:active {
  370.     background-position: 32px 24px;
  371. }
  372.  
  373. #clear-console-status-bar-item {
  374.     background-image: url(Images/clearConsoleButtons.png);
  375. }
  376.  
  377. #clear-console-status-bar-item:active {
  378.     background-position: 32px 0;
  379. }
  380.  
  381. #error-warning-count {
  382.     position: absolute;
  383.     right: 16px;
  384.     top: 0;
  385.     cursor: pointer;
  386.     padding: 6px 2px;
  387.     font-size: 10px;
  388.     height: 19px;
  389. }
  390.  
  391. #error-warning-count:hover {
  392.     border-bottom: 1px solid rgb(96, 96, 96);
  393. }
  394.  
  395. #error-count::before {
  396.     content: url(Images/errorIcon.png);
  397.     width: 10px;
  398.     height: 10px;
  399.     vertical-align: -1px;
  400.     margin-right: 2px;
  401. }
  402.  
  403. #error-count + #warning-count {
  404.     margin-left: 6px;
  405. }
  406.  
  407. #warning-count::before {
  408.     content: url(Images/warningIcon.png);
  409.     width: 10px;
  410.     height: 10px;
  411.     vertical-align: -1px;
  412.     margin-right: 2px;
  413. }
  414.  
  415. #console {
  416.     display: none;
  417.     position: absolute;
  418.     bottom: 0;
  419.     left: 0;
  420.     right: 0;
  421.     height: 200px;
  422.     background-color: white;
  423.     background-image: url(Images/statusbarBottomBackground.png);
  424.     background-repeat: repeat-x;
  425.     background-position: bottom;
  426. }
  427.  
  428. body.console-visible #console {
  429.     display: block;
  430. }
  431.  
  432. #console-status-bar {
  433.     position: absolute;
  434.     bottom: 0;
  435.     left: 0;
  436.     right: 0;
  437.     background: none;
  438. }
  439.  
  440. #console-messages {
  441.     position: absolute;
  442.     z-index: 0;
  443.     top: 0;
  444.     left: 0;
  445.     right: 0;
  446.     bottom: 23px;
  447.     font-size: initial;
  448.     font-family: monospace;
  449.     padding: 2px 0;
  450.     overflow-y: overlay;
  451.     -webkit-user-select: text;
  452.     -webkit-text-size-adjust: auto;
  453. }
  454.  
  455. #console-prompt {
  456.     position: relative;
  457.     padding: 1px 22px 1px 24px;
  458.     min-height: 16px; 
  459.     white-space: pre-wrap;
  460.     -webkit-user-modify: read-write-plaintext-only;
  461. }
  462.  
  463. #console-prompt::before {
  464.     background-image: url(Images/userInputIcon.png);
  465. }
  466.  
  467. .console-user-command-result.console-log-level::before {
  468.     background-image: url(Images/userInputResultIcon.png);
  469. }
  470.  
  471. .console-message, .console-user-command {
  472.     position: relative;
  473.     border-bottom: 1px solid rgb(240, 240, 240);
  474.     padding: 1px 22px 1px 24px;
  475.     min-height: 16px;
  476. }
  477.  
  478. .console-adjacent-user-command-result {
  479.     border-bottom: none;
  480. }
  481.  
  482. .console-adjacent-user-command-result + .console-user-command-result.console-log-level::before {
  483.     background-image: none;
  484. }
  485.  
  486. .console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title-level::before {
  487.     position: absolute;
  488.     display: block;
  489.     content: "";
  490.     left: 7px;
  491.     top: 0.8em;
  492.     width: 10px;
  493.     height: 10px;
  494.     margin-top: -5px;
  495.     -webkit-user-select: none;
  496. }
  497.  
  498. .console-message .bubble {
  499.     display: inline-block;
  500.     height: 14px;
  501.     background-color: rgb(128, 151, 189);
  502.     vertical-align: middle;
  503.     white-space: nowrap;
  504.     padding: 1px 4px;
  505.     margin-top: -2px;
  506.     margin-right: 4px;
  507.     text-align: left;
  508.     font-size: 11px;
  509.     font-family: Helvetia, Arial, sans-serif;
  510.     font-weight: bold;
  511.     text-shadow: none;
  512.     color: white;
  513.     -webkit-border-radius: 7px;
  514. }
  515.  
  516. .console-message-text {
  517.     white-space: pre-wrap;
  518. }
  519.  
  520. .repeated-message {
  521.     padding-left: 6px;
  522. }
  523.  
  524. .repeated-message.console-error-level::before, .repeated-message.console-warning-level:before {
  525.     visibility: hidden;
  526. }
  527.  
  528. .console-group .console-group > .console-group-messages {
  529.     margin-left: 16px;
  530. }
  531.  
  532. .console-group-title-level {
  533.     font-weight: bold;
  534. }
  535.  
  536. .console-group-title-level::before {
  537.     background-image: url(Images/disclosureTriangleSmallDown.png);
  538.     top: 0.6em;
  539.     width: 11px;
  540.     height: 12px;
  541. }
  542.  
  543. .console-group.collapsed .console-group-title-level::before {
  544.     background-image: url(Images/disclosureTriangleSmallRight.png);
  545. }
  546.  
  547. .console-group.collapsed > .console-group-messages {
  548.     display: none;
  549. }
  550.  
  551. .console-error-level .console-message-text {
  552.     color: red;
  553. }
  554.  
  555. .console-error-level::before {
  556.     background-image: url(Images/errorIcon.png);
  557. }
  558.  
  559. .console-warning-level::before {
  560.     background-image: url(Images/warningIcon.png);
  561. }
  562.  
  563. .console-user-command .console-message {
  564.     margin-left: -24px;
  565.     padding-right: 0;
  566.     border-bottom: none;
  567. }
  568.  
  569. .console-user-command::before {
  570.     background-image: url(Images/userInputPreviousIcon.png);
  571. }
  572.  
  573. .console-user-command > .console-message-text {
  574.     color: rgb(0, 128, 255);
  575. }
  576.  
  577. #console-messages a {
  578.     color: rgb(33%, 33%, 33%);
  579.     cursor: pointer;
  580. }
  581.  
  582. #console-messages a:hover {
  583.     color: rgb(15%, 15%, 15%);
  584. }
  585.  
  586. .console-message-url {
  587.     float: right;
  588. }
  589.  
  590. .console-group-messages .section {
  591.     margin: 0 0 0 12px !important;
  592. }
  593.  
  594. .console-group-messages .section .header {
  595.     padding: 0 8px 0 0;
  596.     background-image: none;
  597.     border: none;
  598.     min-height: 0;
  599. }
  600.  
  601. .console-group-messages .section .header::before {
  602.     position: absolute;
  603.     top: 1px;
  604.     left: 1px;
  605.     width: 8px;
  606.     height: 8px;
  607.     content: url(Images/treeRightTriangleBlack.png);
  608. }
  609.  
  610. .console-group-messages .section.expanded .header::before {
  611.     content: url(Images/treeDownTriangleBlack.png);
  612. }
  613.  
  614. .console-group-messages .section .header .title {
  615.     color: black;
  616.     font-weight: normal;
  617. }
  618.  
  619. .console-group-messages .section .properties li .info {
  620.     padding-top: 0;
  621.     padding-bottom: 0;
  622.     color: rgb(60%, 60%, 60%);
  623. }
  624.  
  625. .console-group-messages .outline-disclosure {
  626.     padding-left: 0;
  627. }
  628.  
  629. .console-group-messages .outline-disclosure > ol {
  630.     padding: 0 0 0 12px !important;
  631. }
  632.  
  633. .console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol {
  634.     font-size: inherit;
  635.     line-height: 1em;
  636. }
  637.  
  638. .console-group-messages .outline-disclosure.single-node li {
  639.     padding-left: 2px;
  640. }
  641.  
  642. .console-group-messages .outline-disclosure li .selection {
  643.     margin-left: -6px;
  644.     margin-right: -6px;
  645. }
  646.  
  647. .console-formatted-object, .console-formatted-node {
  648.     position: relative;
  649.     display: inline-block;
  650.     vertical-align: top;
  651. }
  652.  
  653. .console-formatted-object .section, .console-formatted-node .section {
  654.     position: static;
  655. }
  656.  
  657. .console-formatted-object .properties, .console-formatted-node .properties {
  658.     padding-left: 0 !important;
  659. }
  660.  
  661. .error-message {
  662.     color: red;
  663. }
  664.  
  665. .auto-complete-text {
  666.     color: rgb(128, 128, 128);
  667.     -webkit-user-select: none;
  668.     -webkit-user-modify: read-only;
  669. }
  670.  
  671. .panel {
  672.     display: none;
  673.     overflow: hidden;
  674.     position: absolute;
  675.     top: 0;
  676.     left: 0;
  677.     right: 0;
  678.     bottom: 0;
  679. }
  680.  
  681. .panel.visible {
  682.     display: block;
  683. }
  684.  
  685. .resource-view {
  686.     display: none;
  687.     overflow: hidden;
  688.     position: absolute;
  689.     top: 0;
  690.     left: 0;
  691.     right: 0;
  692.     bottom: 0;
  693.     overflow: hidden;
  694. }
  695.  
  696. .resource-view.visible {
  697.     display: block;
  698. }
  699.  
  700. .resource-view.headers-visible {
  701.     overflow-y: auto;
  702.     overflow-x: hidden;
  703. }
  704.  
  705. .resource-view-headers {
  706.     display: none;
  707.     padding: 6px;
  708.     border-bottom: 1px solid rgb(64%, 64%, 64%);
  709.     background-color: white;
  710.     -webkit-user-select: text;
  711. }
  712.  
  713. .resource-view-headers .outline-disclosure .parent {
  714.     -webkit-user-select: none;
  715.     font-weight: bold;
  716. }
  717.  
  718. .resource-view.headers-visible .resource-view-headers {
  719.     display: block;
  720. }
  721.  
  722. .resource-view-headers .outline-disclosure .children li {
  723.     white-space: nowrap;
  724. }
  725.  
  726. .resource-view-headers .outline-disclosure li.expanded .header-count {
  727.     display: none;
  728. }
  729.  
  730. .resource-view-headers .outline-disclosure .header-name {
  731.     color: rgb(33%, 33%, 33%);
  732.     display: inline-block;
  733.     width: 105px;
  734.     text-align: right;
  735.     margin-right: 0.5em;
  736.     font-weight: bold;
  737.     vertical-align: top;
  738.     overflow: hidden;
  739.     text-overflow: ellipsis;
  740. }
  741.  
  742. .resource-view-headers .outline-disclosure .header-value {
  743.     display: inline-block;
  744.     white-space: normal;
  745.     word-break: break-word;
  746.     vertical-align: top;
  747.     margin-right: 100px;
  748. }
  749.  
  750. .resource-view .resource-view-content {
  751.     position: absolute;
  752.     top: 0;
  753.     right: 0;
  754.     left: 0;
  755.     bottom: 0;
  756. }
  757.  
  758. .resource-view.headers-visible .resource-view-content {
  759.     position: relative;
  760.     top: auto;
  761.     right: auto;
  762.     left: auto;
  763.     bottom: auto;
  764. }
  765.  
  766. .resource-view.headers-visible .source-view-frame {
  767.     height: auto;
  768.     vertical-align: top;
  769. }
  770.  
  771. .webkit-line-gutter-backdrop {
  772.     /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */
  773.     width: 31px;
  774.     background-color: rgb(240, 240, 240);
  775.     border-right: 1px solid rgb(187, 187, 187);
  776.     position: absolute;
  777.     z-index: -1;
  778.     left: 0;
  779.     top: 0;
  780.     height: 100%
  781. }
  782.  
  783. .resource-view.font .resource-view-content {
  784.     font-size: 60px;
  785.     white-space: pre-wrap;
  786.     word-wrap: break-word;
  787.     text-align: center;
  788.     padding: 15px;
  789. }
  790.  
  791. .resource-view.image .resource-view-content > .image {
  792.     padding: 20px 20px 10px 20px;
  793.     text-align: center;
  794. }
  795.  
  796. .resource-view.image .resource-view-content > .info {
  797.     padding-bottom: 10px;
  798.     font-size: 11px;
  799.     -webkit-user-select: text;
  800. }
  801.  
  802. .resource-view.image img {
  803.     max-width: 100%;
  804.     max-height: 1000px;
  805.     background-image: url(Images/checker.png);
  806.     -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
  807.     -webkit-user-select: text;
  808.     -webkit-user-drag: auto;
  809. }
  810.  
  811. .resource-view.image .title {
  812.     text-align: center;
  813.     font-size: 13px;
  814. }
  815.  
  816. .resource-view.image .infoList {
  817.     margin: 0;
  818. }
  819.  
  820. .resource-view.image .infoList dt {
  821.     font-weight: bold;
  822.     display: inline-block;
  823.     width: 50%;
  824.     text-align: right;
  825.     color: rgb(76, 76, 76);
  826. }
  827.  
  828. .resource-view.image .infoList dd {
  829.     display: inline-block;
  830.     padding-left: 8px;
  831.     width: 50%;
  832.     text-align: left;
  833.     margin: 0;
  834. }
  835.  
  836. .resource-view.image .infoList dd::after {
  837.     white-space: pre;
  838.     content: "\A";
  839. }
  840.  
  841. #elements-content {
  842.     display: block;
  843.     overflow: auto;
  844.     padding: 0;
  845.     position: absolute;
  846.     top: 0;
  847.     left: 0;
  848.     right: 225px;
  849.     bottom: 0;
  850. }
  851.  
  852. #elements-sidebar {
  853.     position: absolute;
  854.     top: 0;
  855.     right: 0;
  856.     bottom: 0;
  857.     width: 225px;
  858.     background-color: rgb(245, 245, 245);
  859.     border-left: 1px solid rgb(64%, 64%, 64%);
  860.     cursor: default;
  861.     overflow: auto;
  862. }
  863.  
  864. .crumbs {
  865.     display: inline-block;
  866.     font-size: 11px;
  867.     line-height: 19px;
  868.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  869.     color: rgb(20, 20, 20);
  870.     margin-left: -1px;
  871.     padding-right: 12px;
  872. }
  873.  
  874. .crumbs .crumb {
  875.     height: 24px;
  876.     border-width: 0 12px 0 2px;
  877.     -webkit-border-image: url(Images/segment.png) 0 12 0 2;
  878.     margin-right: -12px;
  879.     padding-left: 18px;
  880.     padding-right: 2px;
  881.     white-space: nowrap;
  882.     line-height: 23px;
  883.     float: right;
  884. }
  885.  
  886. .crumbs .crumb.collapsed > * {
  887.     display: none;
  888. }
  889.  
  890. .crumbs .crumb.collapsed::before {
  891.     content: "\2026";
  892.     font-weight: bold;
  893. }
  894.  
  895. .crumbs .crumb.compact .extra {
  896.     display: none;
  897. }
  898.  
  899. .crumbs .crumb.dimmed {
  900.     color: rgba(0, 0, 0, 0.45);
  901. }
  902.  
  903. .crumbs .crumb.start {
  904.     padding-left: 7px;
  905. }
  906.  
  907. .crumbs .crumb.end {
  908.     border-width: 0 2px 0 2px;
  909.     padding-right: 6px;
  910.     -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2;
  911. }
  912.  
  913. .crumbs .crumb.selected {
  914.     -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
  915.     color: black;
  916.     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  917. }
  918.  
  919. .crumbs .crumb.selected:hover {
  920.     -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
  921. }
  922.  
  923. .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
  924.     -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
  925. }
  926.  
  927. .crumbs .crumb:hover {
  928.     -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
  929.     color: black;
  930. }
  931.  
  932. .crumbs .crumb.dimmed:hover {
  933.     -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
  934.     color: rgba(0, 0, 0, 0.75);
  935. }
  936.  
  937. .crumbs .crumb.end:hover {
  938.     -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
  939. }
  940.  
  941. .outline-disclosure li.hovered:not(.selected) .selection {
  942.     display: block;
  943.     left: 3px;
  944.     right: 3px;
  945.     background-color: rgba(56, 121, 217, 0.1);
  946.     -webkit-border-radius: 5px;
  947. }
  948.  
  949. .outline-disclosure li.highlighted .highlight {
  950.     background-color: rgb(255, 230, 179);
  951.     -webkit-border-radius: 4px;
  952.     padding-bottom: 2px;
  953.     margin-bottom: -2px;
  954. }
  955.  
  956. .outline-disclosure li.selected.highlighted .highlight {
  957.     background-color: transparent;
  958.     padding-bottom: 0;
  959.     margin-bottom: 0;
  960. }
  961.  
  962. .outline-disclosure li .selection {
  963.     display: none;
  964.     position: absolute;
  965.     left: 0;
  966.     right: 0;
  967.     height: 15px;
  968.     z-index: -1;
  969. }
  970.  
  971. .outline-disclosure li.selected .selection {
  972.     display: block;
  973.     background-color: rgb(212, 212, 212);
  974. }
  975.  
  976. :focus .outline-disclosure li.selected .selection {
  977.     background-color: rgb(56, 121, 217);
  978. }
  979.  
  980. .outline-disclosure > ol {
  981.     position: relative;
  982.     padding: 2px 6px !important;
  983.     margin: 0;
  984.     color: black;
  985.     cursor: default;
  986.     min-width: 100%;
  987. }
  988.  
  989. .outline-disclosure, .outline-disclosure ol {
  990.     list-style-type: none;
  991.     font-size: 11px;
  992.     -webkit-padding-start: 12px;
  993.     margin: 0;
  994. }
  995.  
  996. .outline-disclosure li {
  997.     padding: 0 0 2px 14px;
  998.     margin-top: 1px;
  999.     margin-bottom: 1px;
  1000.     word-wrap: break-word;
  1001.     text-indent: -2px
  1002. }
  1003.  
  1004. :focus .outline-disclosure li.selected {
  1005.     color: white;
  1006. }
  1007.  
  1008. :focus .outline-disclosure li.selected * {
  1009.     color: inherit;
  1010. }
  1011.  
  1012. .outline-disclosure li.parent {
  1013.     text-indent: -12px
  1014. }
  1015.  
  1016. .outline-disclosure li .webkit-html-tag.close {
  1017.     margin-left: -12px;
  1018. }
  1019.  
  1020. .outline-disclosure li.parent::before {
  1021.     content: url(Images/treeRightTriangleBlack.png);
  1022.     float: left;
  1023.     width: 8px;
  1024.     height: 8px;
  1025.     margin-top: 1px;
  1026.     padding-right: 2px;
  1027. }
  1028.  
  1029. .outline-disclosure li.parent::before {
  1030.     content: url(Images/treeRightTriangleBlack.png);
  1031. }
  1032.  
  1033. :focus .outline-disclosure li.parent.selected::before {
  1034.     content: url(Images/treeRightTriangleWhite.png);
  1035. }
  1036.  
  1037. .outline-disclosure li.parent.expanded::before {
  1038.     content: url(Images/treeDownTriangleBlack.png);
  1039. }
  1040.  
  1041. :focus .outline-disclosure li.parent.expanded.selected::before {
  1042.     content: url(Images/treeDownTriangleWhite.png);
  1043. }
  1044.  
  1045. .outline-disclosure ol.children {
  1046.     display: none;
  1047. }
  1048.  
  1049. .outline-disclosure ol.children.expanded {
  1050.     display: block;
  1051. }
  1052.  
  1053. .webkit-html-comment {
  1054.     /* Keep this in sync with view-source.css (.webkit-html-comment) */
  1055.     color: rgb(35, 110, 37);
  1056. }
  1057.  
  1058. .webkit-html-tag {
  1059.     /* Keep this in sync with view-source.css (.webkit-html-tag) */
  1060.     color: rgb(136, 18, 128);
  1061. }
  1062.  
  1063. .webkit-html-doctype {
  1064.     /* Keep this in sync with view-source.css (.webkit-html-doctype) */
  1065.     color: rgb(192, 192, 192);
  1066. }
  1067.  
  1068. .webkit-html-attribute-name {
  1069.     /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */
  1070.     color: rgb(153, 69, 0);
  1071. }
  1072.  
  1073. .webkit-html-attribute-value {
  1074.     /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */
  1075.     color: rgb(26, 26, 166);
  1076. }
  1077.  
  1078. .webkit-html-external-link, .webkit-html-resource-link {
  1079.     /* Keep this in sync with view-source.css (.webkit-html-external-link, .webkit-html-resource-link) */
  1080.     color: #00e;
  1081. }
  1082.  
  1083. .webkit-html-external-link {
  1084.     /* Keep this in sync with view-source.css (.webkit-html-external-link) */
  1085.     text-decoration: none;
  1086. }
  1087.  
  1088. .webkit-html-external-link:hover {
  1089.     /* Keep this in sync with view-source.css (.webkit-html-external-link:hover) */
  1090.     text-decoration: underline;
  1091. }
  1092.  
  1093. .placard {
  1094.     position: relative;
  1095.     margin-top: 1px;
  1096.     padding: 3px 8px 4px 18px;
  1097.     min-height: 18px;
  1098.     white-space: nowrap;
  1099. }
  1100.  
  1101. .placard:nth-of-type(2n) {
  1102.     background-color: rgb(234, 243, 255);
  1103. }
  1104.  
  1105. .placard.selected {
  1106.     border-top: 1px solid rgb(145, 160, 192);
  1107.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  1108.     -webkit-background-origin: padding;
  1109.     -webkit-background-clip: padding;
  1110. }
  1111.  
  1112. :focus .placard.selected {
  1113.     border-top: 1px solid rgb(68, 128, 200);
  1114.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
  1115. }
  1116.  
  1117. body.inactive .placard.selected {
  1118.     border-top: 1px solid rgb(151, 151, 151);
  1119.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
  1120. }
  1121.  
  1122. .placard .title {
  1123.     color: black;
  1124.     font-weight: normal;
  1125.     word-wrap: break-word;
  1126.     white-space: normal;
  1127. }
  1128.  
  1129. .placard.selected .title {
  1130.     color: white;
  1131.     font-weight: bold;
  1132. }
  1133.  
  1134. .placard .subtitle {
  1135.     float: right;
  1136.     font-size: 10px;
  1137.     margin-left: 5px;
  1138.     max-width: 55%;
  1139.     color: rgba(0, 0, 0, 0.7);
  1140.     text-overflow: ellipsis;
  1141.     overflow: hidden;
  1142. }
  1143.  
  1144. .placard.selected .subtitle {
  1145.     color: rgba(255, 255, 255, 0.7);
  1146. }
  1147.  
  1148. .placard .subtitle a {
  1149.     color: inherit;
  1150. }
  1151.  
  1152. .section {
  1153.     position: relative;
  1154.     margin-top: 1px;
  1155. }
  1156.  
  1157. .section:nth-last-of-type(1) {
  1158.     margin-bottom: 1px;
  1159. }
  1160.  
  1161. .section .header {
  1162.     padding: 2px 8px 4px 18px;
  1163.     border-top: 1px solid rgb(145, 160, 192);
  1164.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  1165.     min-height: 18px;
  1166.     white-space: nowrap;
  1167.     -webkit-background-origin: padding;
  1168.     -webkit-background-clip: padding;
  1169. }
  1170.  
  1171. .section .header::before {
  1172.     position: absolute;
  1173.     top: 4px;
  1174.     left: 7px;
  1175.     width: 8px;
  1176.     height: 8px;
  1177.     content: url(Images/treeRightTriangleWhite.png);
  1178. }
  1179.  
  1180. .section.expanded .header::before {
  1181.     content: url(Images/treeDownTriangleWhite.png);
  1182. }
  1183.  
  1184. .section .header .title {
  1185.     color: white;
  1186.     font-weight: bold;
  1187.     word-wrap: break-word;
  1188.     white-space: normal;
  1189. }
  1190.  
  1191. .section .header label {
  1192.     display: none;
  1193. }
  1194.  
  1195. .section.expanded .header label {
  1196.     display: inline;
  1197. }
  1198.  
  1199. .section .header input[type=checkbox] {
  1200.     height: 10px;
  1201.     width: 10px;
  1202.     margin-left: 0;
  1203.     margin-top: 0;
  1204.     margin-bottom: 0;
  1205.     vertical-align: 2px;
  1206. }
  1207.  
  1208. .section .header .subtitle {
  1209.     float: right;
  1210.     font-size: 10px;
  1211.     margin-left: 5px;
  1212.     max-width: 55%;
  1213.     color: rgba(255, 255, 255, 0.7);
  1214.     text-overflow: ellipsis;
  1215.     overflow: hidden;
  1216. }
  1217.  
  1218. .section .header .subtitle a {
  1219.     color: inherit;
  1220. }
  1221.  
  1222. .section .properties {
  1223.     display: none;
  1224.     margin: 0;
  1225.     padding: 2px 6px 3px;
  1226.     list-style: none;
  1227.     background-color: white;
  1228. }
  1229.  
  1230. .section.expanded .properties {
  1231.     display: block;
  1232. }
  1233.  
  1234. .section .properties li {
  1235.     margin-left: 12px;
  1236.     white-space: nowrap;
  1237.     text-overflow: ellipsis;
  1238.     overflow: hidden;
  1239.     -webkit-user-select: text;
  1240.     cursor: auto;
  1241. }
  1242.  
  1243. .section .properties li.parent {
  1244.     margin-left: 1px;
  1245. }
  1246.  
  1247. .section .properties ol {
  1248.     display: none;
  1249.     margin: 0;
  1250.     -webkit-padding-start: 12px;
  1251.     list-style: none;
  1252. }
  1253.  
  1254. .section .properties ol.expanded {
  1255.     display: block;
  1256. }
  1257.  
  1258. .section .properties li.parent::before {
  1259.     content: url(Images/treeRightTriangleBlack.png);
  1260.     opacity: 0.75;
  1261.     float: left;
  1262.     width: 8px;
  1263.     height: 8px;
  1264.     margin-top: 0;
  1265.     padding-right: 3px;
  1266.     -webkit-user-select: none;
  1267.     cursor: default;
  1268. }
  1269.  
  1270. .section .properties li.parent.expanded::before {
  1271.     content: url(Images/treeDownTriangleBlack.png);
  1272.     margin-top: 1px;
  1273. }
  1274.  
  1275. .section .properties li .info {
  1276.     padding-top: 4px;
  1277.     padding-bottom: 3px;
  1278. }
  1279.  
  1280. .editing {
  1281.     -webkit-user-select: text;
  1282.     -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  1283.     outline: 1px solid rgb(66%, 66%, 66%) !important;
  1284.     background-color: white;
  1285.     -webkit-user-modify: read-write-plaintext-only;
  1286.     text-overflow: clip;
  1287.     padding-left: 2px;
  1288.     margin-left: -2px;
  1289.     padding-right: 2px;
  1290.     margin-right: -2px;
  1291.     margin-bottom: -1px;
  1292.     padding-bottom: 1px;
  1293.     opacity: 1.0 !important;
  1294. }
  1295.  
  1296. .editing, .editing * {
  1297.     color: black !important;
  1298.     text-decoration: none !important;
  1299. }
  1300.  
  1301. .section .properties li.editing {
  1302.     margin-left: 10px;
  1303.     text-overflow: clip;
  1304. }
  1305.  
  1306. li.editing .swatch, li.editing .enabled-button {
  1307.     display: none !important;
  1308. }
  1309.  
  1310. .section .properties li.editing-sub-part {
  1311.     padding: 3px 6px 8px 18px;
  1312.     margin: -3px -6px -8px -6px;
  1313.     text-overflow: clip;
  1314. }
  1315.  
  1316. .section .properties .overloaded, .section .properties .disabled {
  1317.     text-decoration: line-through;
  1318. }
  1319.  
  1320. .section.computed-style .properties .disabled {
  1321.     text-decoration: none;
  1322.     opacity: 0.5;
  1323. }
  1324.  
  1325. .section .properties .implicit, .section .properties .inherited {
  1326.     opacity: 0.5;
  1327. }
  1328.  
  1329. .section:not(.show-inherited) .properties .inherited {
  1330.     display: none;
  1331. }
  1332.  
  1333. .section .properties .enabled-button {
  1334.     display: none;
  1335.     float: right;
  1336.     font-size: 10px;
  1337.     margin: 0 0 0 4px;
  1338.     vertical-align: top;
  1339.     position: relative;
  1340.     z-index: 1;
  1341. }
  1342.  
  1343. .section:hover .properties .enabled-button {
  1344.     display: block;
  1345. }
  1346.  
  1347. .section .properties .name {
  1348.     color: rgb(136, 19, 145);
  1349. }
  1350.  
  1351. .section .properties .value.dimmed {
  1352.     color: rgb(100, 100, 100);
  1353. }
  1354.  
  1355. .section .properties .number {
  1356.     color: blue;
  1357. }
  1358.  
  1359. .section .properties .priority {
  1360.     color: rgb(128, 0, 0);
  1361. }
  1362.  
  1363. .section .properties .keyword {
  1364.     color: rgb(136, 19, 79);
  1365. }
  1366.  
  1367. .section .properties .color {
  1368.     color: rgb(118, 15, 21);
  1369. }
  1370.  
  1371. .swatch {
  1372.     display: inline-block;
  1373.     vertical-align: baseline;
  1374.     margin-left: 4px;
  1375.     margin-bottom: -1px;
  1376.     width: 1em;
  1377.     height: 1em;
  1378.     border: 1px solid rgb(180, 180, 180);
  1379. }
  1380.  
  1381. .pane:not(.expanded) + .pane, .pane:first-of-type {
  1382.     margin-top: -1px;
  1383. }
  1384.  
  1385. .pane > .title {
  1386.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
  1387.     height: 20px;
  1388.     padding: 0 5px;
  1389.     border-top: 1px solid rgb(189, 189, 189);
  1390.     border-bottom: 1px solid rgb(189, 189, 189);
  1391.     font-weight: bold;
  1392.     font-size: 12px;
  1393.     line-height: 18px;
  1394.     color: rgb(110, 110, 110);
  1395.     text-shadow: white 0 1px 0;
  1396.     -webkit-background-origin: padding;
  1397.     -webkit-background-clip: padding;
  1398. }
  1399.  
  1400. .pane > .title:active {
  1401.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207, 207, 207)), to(rgb(186, 186, 186)));
  1402.     border-top: 1px solid rgb(178, 178, 178);
  1403.     border-bottom: 1px solid rgb(178, 178, 178);
  1404. }
  1405.  
  1406. .pane > .title::before {
  1407.     content: url(Images/disclosureTriangleSmallRightBlack.png);
  1408.     float: left;
  1409.     width: 11px;
  1410.     height: 12px;
  1411.     margin-right: 2px;
  1412.     margin-top: 1px;
  1413. }
  1414.  
  1415. .pane.expanded > .title::before {
  1416.     content: url(Images/disclosureTriangleSmallDownBlack.png);
  1417. }
  1418.  
  1419. .pane > .body {
  1420.     position: relative;
  1421.     display: none;
  1422.     background-color: white;
  1423.     overflow-y: auto;
  1424.     overflow-x: hidden;
  1425. }
  1426.  
  1427. .pane > .body .info {
  1428.     text-align: center;
  1429.     font-style: italic;
  1430.     font-size: 10px;
  1431.     padding: 6px;
  1432.     color: gray;
  1433. }
  1434.  
  1435. .pane.expanded > .body, .pane.expanded > .growbar {
  1436.     display: block;
  1437. }
  1438.  
  1439. .pane.expanded:nth-last-of-type(1) {
  1440.     border-bottom: 1px solid rgb(189, 189, 189);
  1441. }
  1442.  
  1443. .pane > .growbar {
  1444.     display: none;
  1445.     background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomGrow.png);
  1446.     background-repeat: no-repeat, repeat-x;
  1447.     background-position: center center, bottom;
  1448.     height: 5px;
  1449. }
  1450.  
  1451. .metrics {
  1452.     padding: 8px;
  1453.     font-size: 10px;
  1454.     text-align: center;
  1455.     white-space: nowrap;
  1456. }
  1457.  
  1458. .metrics .label {
  1459.     position: absolute;
  1460.     margin-top: -10px;
  1461.     font-size: 9px;
  1462.     color: grey;
  1463.     background-color: white;
  1464.     margin-left: 3px;
  1465.     padding-left: 2px;
  1466.     padding-right: 2px;
  1467. }
  1468.  
  1469. .metrics .position {
  1470.     border: 1px rgb(66%, 66%, 66%) dotted;
  1471.     display: inline-block;
  1472.     text-align: center;
  1473.     padding: 3px;
  1474.     margin: 3px;
  1475. }
  1476.  
  1477. .metrics .margin {
  1478.     border: 1px dashed;
  1479.     display: inline-block;
  1480.     text-align: center;
  1481.     vertical-align: middle;
  1482.     padding: 3px;
  1483.     margin: 3px;
  1484. }
  1485.  
  1486. .metrics .border {
  1487.     border: 1px black solid;
  1488.     display: inline-block;
  1489.     text-align: center;
  1490.     vertical-align: middle;
  1491.     padding: 3px;
  1492.     margin: 3px;
  1493. }
  1494.  
  1495. .metrics .padding {
  1496.     border: 1px grey dashed;
  1497.     display: inline-block;
  1498.     text-align: center;
  1499.     vertical-align: middle;
  1500.     padding: 3px;
  1501.     margin: 3px;
  1502. }
  1503.  
  1504. .metrics .content {
  1505.     position: static;
  1506.     border: 1px grey solid;
  1507.     display: inline-block;
  1508.     text-align: center;
  1509.     vertical-align: middle;
  1510.     padding: 3px;
  1511.     margin: 3px;
  1512.     min-width: 80px;
  1513.     text-align: center;
  1514.     overflow: visible;
  1515. }
  1516.  
  1517. .metrics .content span {
  1518.     display: inline-block;
  1519. }
  1520.  
  1521. .metrics .editing {
  1522.     position: relative;
  1523.     z-index: 100;
  1524. }
  1525.  
  1526. .metrics .left {
  1527.     display: inline-block;
  1528.     vertical-align: middle;
  1529. }
  1530.  
  1531. .metrics .right {
  1532.     display: inline-block;
  1533.     vertical-align: middle;
  1534. }
  1535.  
  1536. .metrics .top {
  1537.     display: inline-block;
  1538. }
  1539.  
  1540. .metrics .bottom {
  1541.     display: inline-block;
  1542. }
  1543.  
  1544. .sidebar {
  1545.     position: absolute;
  1546.     top: 0;
  1547.     left: 0;
  1548.     bottom: 0;
  1549.     width: 200px;
  1550.     overflow-y: auto;
  1551.     overflow-x: hidden;
  1552.     background-color: rgb(214, 221, 229);
  1553.     border-right: 1px solid rgb(64%, 64%, 64%);
  1554. }
  1555.  
  1556. body.inactive .sidebar {
  1557.     background-color: rgb(232, 232, 232);
  1558. }
  1559.  
  1560. .database-sidebar-tree-item .icon {
  1561.     content: url(Images/database.png);
  1562. }
  1563.  
  1564. .database-table-sidebar-tree-item .icon {
  1565.     content: url(Images/databaseTable.png);
  1566. }
  1567.  
  1568. .domstorage-sidebar-tree-item .icon {
  1569.     content: url(Images/domStorage.png);
  1570. }
  1571.  
  1572. #storage-views {
  1573.     position: absolute;
  1574.     top: 0;
  1575.     right: 0;
  1576.     left: 200px;
  1577.     bottom: 0;
  1578. }
  1579.  
  1580. .storage-view {
  1581.     display: none;
  1582.     overflow: hidden;
  1583.     position: absolute;
  1584.     top: 0;
  1585.     left: 0;
  1586.     right: 0;
  1587.     bottom: 0;
  1588. }
  1589.  
  1590. .storage-view.visible {
  1591.     display: block;
  1592. }
  1593.  
  1594. .storage-view.table {
  1595.     overflow: hidden;
  1596. }
  1597.  
  1598. .storage-view.table .data-grid {
  1599.     border: none;
  1600.     height: 100%;
  1601. }
  1602.  
  1603. .storage-view.table .storage-table-empty, .storage-view.table .storage-table-error {
  1604.     position: absolute;
  1605.     top: 0;
  1606.     bottom: 25%;
  1607.     left: 0;
  1608.     right: 0;
  1609.     font-size: 24px;
  1610.     color: rgb(75%, 75%, 75%);
  1611.     margin-top: auto;
  1612.     margin-bottom: auto;
  1613.     height: 50px;
  1614.     line-height: 26px;
  1615.     text-align: center;
  1616.     font-weight: bold;
  1617.     padding: 10px;
  1618.     white-space: pre-wrap;
  1619. }
  1620.  
  1621. .storage-view.table .storage-table-error {
  1622.     color: rgb(66%, 33%, 33%);
  1623. }
  1624.  
  1625. .data-grid {
  1626.     position: relative;
  1627.     border: 1px solid #aaa;
  1628. }
  1629.  
  1630. .data-grid .highlight {
  1631.     background-color: rgb(255, 230, 179);
  1632. }
  1633.  
  1634. .data-grid tr.selected .highlight {
  1635.     background-color: transparent;
  1636. }
  1637.  
  1638. .data-grid table {
  1639.     table-layout: fixed;
  1640.     border-spacing: 0;
  1641.     border-collapse: collapse;
  1642.     width: 100%;
  1643.     font-size: 10px;
  1644.     font-family: Lucida Grande, sans-serif;
  1645. }
  1646.  
  1647. .data-grid .data-container {
  1648.     position: absolute;
  1649.     top: 16px;
  1650.     bottom: 0;
  1651.     left: 0;
  1652.     right: 0;
  1653.     padding-right: 14px;
  1654.     overflow-x: hidden;
  1655.     overflow-y: overlay;
  1656.     background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
  1657.     -webkit-background-size: 1px 32px;
  1658. }
  1659.  
  1660. .data-grid.inline .data-container {
  1661.     position: static;
  1662. }
  1663.  
  1664. .data-grid th {
  1665.     text-align: left;
  1666.     background-image: url(Images/glossyHeader.png);
  1667.     background-repeat: repeat-x;
  1668.     border-right: 1px solid rgb(179, 179, 179);
  1669.     border-bottom: 1px solid rgb(179, 179, 179);
  1670.     height: 15px;
  1671.     font-weight: normal;
  1672.     vertical-align: middle;
  1673.     padding: 0 4px;
  1674.     white-space: nowrap;
  1675. }
  1676.  
  1677. .data-grid th.corner {
  1678.     width: 15px;
  1679.     border-right: 0 none transparent;
  1680. }
  1681.  
  1682. .data-grid tr.filler {
  1683.     display: table-row !important;
  1684.     height: auto !important;
  1685. }
  1686.  
  1687. .data-grid tr.filler td {
  1688.     height: auto !important;
  1689.     padding: 0 !important;
  1690. }
  1691.  
  1692. .data-grid table.data {
  1693.     position: absolute;
  1694.     left: 0;
  1695.     top: 0;
  1696.     right: 16px;
  1697.     bottom: 0;
  1698.     height: 100%;
  1699.     border-top: 0 none transparent;
  1700.     background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
  1701.     -webkit-background-size: 1px 32px;
  1702. }
  1703.  
  1704. .data-grid.inline table.data {
  1705.     position: static;
  1706. }
  1707.  
  1708. .data-grid table.data tr {
  1709.     display: none;
  1710. }
  1711.  
  1712. .data-grid table.data tr.revealed {
  1713.     display: table-row;
  1714. }
  1715.  
  1716. .data-grid td {
  1717.     vertical-align: top;
  1718.     height: 12px;
  1719.     padding: 2px 4px;
  1720.     white-space: nowrap;
  1721.     border-right: 1px solid #aaa;
  1722.     -webkit-user-select: text;
  1723. }
  1724.  
  1725. .data-grid td > div, .data-grid th > div {
  1726.     white-space: nowrap;
  1727.     text-overflow: ellipsis;
  1728.     overflow: hidden;
  1729. }
  1730.  
  1731. .data-grid th.sortable div {
  1732.     position: relative;
  1733. }
  1734.  
  1735. .data-grid th.sortable:active {
  1736.     background-image: url(Images/glossyHeaderPressed.png);
  1737. }
  1738.  
  1739. .data-grid th.sort-ascending, .data-grid th.sort-descending {
  1740.     border-right: 1px solid rgb(107, 140, 196);
  1741.     border-bottom: 1px solid rgb(107, 140, 196);
  1742.     background-image: url(Images/glossyHeaderSelected.png);
  1743.     background-repeat: repeat-x;
  1744. }
  1745.  
  1746. .data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descending:active {
  1747.     background-image: url(Images/glossyHeaderSelectedPressed.png);
  1748. }
  1749.  
  1750. .data-grid th.sort-ascending div::after {
  1751.     position: absolute;
  1752.     top: 0;
  1753.     right: 0;
  1754.     width: 8px;
  1755.     height: 8px;
  1756.     content: url(Images/treeUpTriangleBlack.png);
  1757. }
  1758.  
  1759. .data-grid th.sort-descending div::after {
  1760.     position: absolute;
  1761.     top: 0;
  1762.     right: 0;
  1763.     margin-top: 1px;
  1764.     width: 8px;
  1765.     height: 8px;
  1766.     content: url(Images/treeDownTriangleBlack.png);
  1767. }
  1768.  
  1769. body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-descending {
  1770.     background-image: url(Images/glossyHeader.png);
  1771.     border-right: 1px solid rgb(179, 179, 179);
  1772.     border-bottom: 1px solid rgb(179, 179, 179);
  1773. }
  1774.  
  1775. .data-grid tr.parent td.disclosure::before {
  1776.     float: left;
  1777.     content: url(Images/treeRightTriangleBlack.png);
  1778.     width: 8px;
  1779.     height: 8px;
  1780.     margin-right: 2px;
  1781.     -webkit-user-select: none;
  1782. }
  1783.  
  1784. .data-grid tr.expanded td.disclosure::before {
  1785.     content: url(Images/treeDownTriangleBlack.png);
  1786.     width: 8px;
  1787.     height: 8px;
  1788.     margin-top: 1px;
  1789. }
  1790.  
  1791. .data-grid tr.selected {
  1792.     background-color: rgb(212, 212, 212);
  1793.     color: inherit;
  1794. }
  1795.  
  1796. .data-grid:focus tr.selected {
  1797.     background-color: rgb(56, 121, 217);
  1798.     color: white;
  1799. }
  1800.  
  1801. .data-grid:focus tr.parent.selected td.disclosure::before {
  1802.     content: url(Images/treeRightTriangleWhite.png);
  1803. }
  1804.  
  1805. .data-grid:focus tr.expanded.selected td.disclosure::before {
  1806.     content: url(Images/treeDownTriangleWhite.png);
  1807. }
  1808.  
  1809. .data-grid tr:not(.parent) td.disclosure {
  1810.     text-indent: 10px;
  1811. }
  1812.  
  1813. .storage-view.query {
  1814.     font-size: initial;
  1815.     font-family: monospace;
  1816.     padding: 2px 0;
  1817.     overflow-y: overlay;
  1818.     overflow-x: hidden;
  1819.     -webkit-text-size-adjust: auto;
  1820. }
  1821.  
  1822. .database-query-prompt {
  1823.     position: relative;
  1824.     padding: 1px 22px 1px 24px;
  1825.     min-height: 16px; 
  1826.     white-space: pre-wrap;
  1827.     -webkit-user-modify: read-write-plaintext-only;
  1828.     -webkit-user-select: text;
  1829. }
  1830.  
  1831. .database-user-query::before, .database-query-prompt::before, .database-query-result::before {
  1832.     position: absolute;
  1833.     display: block;
  1834.     content: "";
  1835.     left: 7px;
  1836.     top: 0.8em;
  1837.     width: 10px;
  1838.     height: 10px;
  1839.     margin-top: -5px;
  1840.     -webkit-user-select: none;
  1841. }
  1842.  
  1843. .database-query-prompt::before {
  1844.     background-image: url(Images/userInputIcon.png);
  1845. }
  1846.  
  1847. .database-user-query {
  1848.     position: relative;
  1849.     border-bottom: 1px solid rgb(245, 245, 245);
  1850.     padding: 1px 22px 1px 24px;
  1851.     min-height: 16px; 
  1852. }
  1853.  
  1854. .database-user-query::before {
  1855.     background-image: url(Images/userInputPreviousIcon.png);
  1856. }
  1857.  
  1858. .database-query-text {
  1859.     color: rgb(0, 128, 255);
  1860.     -webkit-user-select: text;
  1861. }
  1862.  
  1863. .database-query-result {
  1864.     position: relative;
  1865.     padding: 1px 22px 1px 24px;
  1866.     min-height: 16px;
  1867.     margin-left: -24px;
  1868.     padding-right: 0;
  1869. }
  1870.  
  1871. .database-query-result.error {
  1872.     color: red;
  1873.     -webkit-user-select: text;
  1874. }
  1875.  
  1876. .database-query-result.error::before {
  1877.     background-image: url(Images/errorIcon.png);
  1878. }
  1879.  
  1880. .panel-enabler-view {
  1881.     z-index: 1000;
  1882.     position: absolute;
  1883.     top: 0;
  1884.     left: 0;
  1885.     right: 0;
  1886.     bottom: 0;
  1887.     background-color: white;
  1888.     font-size: 13px;
  1889.     text-align: center;
  1890.     overflow-x: hidden;
  1891.     overflow-y: overlay;
  1892.     display: none;
  1893. }
  1894.  
  1895. .panel-enabler-view.visible {
  1896.     display: block;
  1897. }
  1898.  
  1899. .panel-enabler-view .panel-enabler-view-content {
  1900.     position: absolute;
  1901.     top: 0;
  1902.     left: 0;
  1903.     right: 0;
  1904.     bottom: 0;
  1905.     max-height: 390px;
  1906.     margin: auto;
  1907.     white-space: nowrap;
  1908. }
  1909.  
  1910. .panel-enabler-view h1 {
  1911.     color: rgb(110, 116, 128);
  1912.     font-size: 16px;
  1913.     line-height: 20px;
  1914.     font-weight: normal;
  1915.     margin-top: 0;
  1916. }
  1917.  
  1918. .panel-enabler-disclaimer {
  1919.     font-size: 10px;
  1920.     color: rgb(110, 116, 128);
  1921.     margin-bottom: 12px;
  1922.     margin-left: 20px;
  1923. }
  1924.  
  1925. .panel-enabler-disclaimer:empty {
  1926.     display: none;
  1927. }
  1928.  
  1929. .panel-enabler-view img {
  1930.     height: 100%;
  1931.     min-height: 200px;
  1932.     max-width: 100%;
  1933.     top: 0;
  1934.     bottom: 0;
  1935.     padding: 20px 0 20px 20px;
  1936.     margin: auto;
  1937.     vertical-align: middle;
  1938. }
  1939.  
  1940. .panel-enabler-view img.hidden {
  1941.     display: initial !important;
  1942.     width: 0;
  1943. }
  1944.  
  1945. .panel-enabler-view form {
  1946.     display: inline-block;
  1947.     vertical-align: middle;
  1948.     width: 330px;
  1949.     margin: 0;
  1950.     padding: 15px;
  1951.     white-space: normal;
  1952. }
  1953.  
  1954. .panel-enabler-view label {
  1955.     position: relative;
  1956.     display: block;
  1957.     text-align: left;
  1958.     word-break: break-word;
  1959.     margin: 0 0 5px 20px;
  1960. }
  1961.  
  1962. .panel-enabler-view button {
  1963.     font-size: 13px;
  1964.     margin: 6px 0 0 0;
  1965.     padding: 3px 20px;
  1966.     color: rgb(6, 6, 6);
  1967.     height: 24px;
  1968.     background-color: transparent;
  1969.     border: 1px solid rgb(165, 165, 165);
  1970.     background-color: rgb(237, 237, 237);
  1971.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  1972.     -webkit-border-radius: 12px;
  1973.     -webkit-appearance: none;
  1974. }
  1975.  
  1976. .panel-enabler-view button:active {
  1977.     background-color: rgb(215, 215, 215);
  1978.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
  1979. }
  1980.  
  1981. body.inactive .panel-enabler-view button, .panel-enabler-view button:disabled {
  1982.     color: rgb(130, 130, 130);
  1983.     border-color: rgb(212, 212, 212);
  1984.     background-color: rgb(239, 239, 239);
  1985.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
  1986. }
  1987.  
  1988. .panel-enabler-view input {
  1989.     height: 17px;
  1990.     width: 17px;
  1991.     border: 1px solid rgb(165, 165, 165);
  1992.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  1993.     -webkit-border-radius: 8px;
  1994.     -webkit-appearance: none;
  1995.     vertical-align: middle;
  1996.     margin: 0 5px 5px 0;
  1997. }
  1998.  
  1999. .panel-enabler-view input:active {
  2000.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
  2001. }
  2002.  
  2003. .panel-enabler-view input:checked {
  2004.     background: url(Images/radioDot.png) center no-repeat,
  2005.                 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  2006. }
  2007.  
  2008. .panel-enabler-view.resources img {
  2009.     content: url(Images/resourcesSilhouette.png);
  2010. }
  2011.  
  2012. .panel-enabler-view.scripts img {
  2013.     content: url(Images/scriptsSilhouette.png);
  2014. }
  2015.  
  2016. .panel-enabler-view.profiles img {
  2017.     content: url(Images/profilesSilhouette.png);
  2018. }
  2019.  
  2020. button.enable-toggle-status-bar-item {
  2021.     background-image: url(Images/enableButtons.png);
  2022. }
  2023.  
  2024. button.enable-toggle-status-bar-item:active {
  2025.     background-position: 32px 0;
  2026. }
  2027.  
  2028. button.enable-toggle-status-bar-item.toggled-on {
  2029.     background-position: 0 24px;
  2030. }
  2031.  
  2032. button.enable-toggle-status-bar-item.toggled-on:active {
  2033.     background-position: 32px 24px;
  2034. }
  2035.  
  2036. #scripts-pause-on-exceptions-status-bar-item {
  2037.     background-image: url(Images/pauseOnExceptionButtons.png);
  2038. }
  2039.  
  2040. #scripts-pause-on-exceptions-status-bar-item:active {
  2041.     background-position: 32px 0;
  2042. }
  2043.  
  2044. #scripts-pause-on-exceptions-status-bar-item.toggled-on {
  2045.     background-position: 0 24px;
  2046. }
  2047.  
  2048. #scripts-pause-on-exceptions-status-bar-item.toggled-on:active {
  2049.     background-position: 32px 24px;
  2050. }
  2051.  
  2052. #scripts-status-bar {
  2053.     position: absolute;
  2054.     top: -1px;
  2055.     left: 0;
  2056.     right: 0;
  2057.     height: 24px;
  2058. }
  2059.  
  2060. #scripts-files {
  2061.     max-width: 250px;
  2062. }
  2063.  
  2064. #scripts-functions {
  2065.     max-width: 150px;
  2066. }
  2067.  
  2068. #scripts-status-bar .status-bar-item img {
  2069.     margin-top: 2px;
  2070. }
  2071.  
  2072. #scripts-back img {
  2073.     content: url(Images/back.png);
  2074. }
  2075.  
  2076. #scripts-forward img {
  2077.     content: url(Images/forward.png);
  2078. }
  2079.  
  2080. #scripts-pause img {
  2081.     content: url(Images/debuggerPause.png);
  2082. }
  2083.  
  2084. #scripts-pause.paused img {
  2085.     content: url(Images/debuggerContinue.png);
  2086. }
  2087.  
  2088. #scripts-step-over img {
  2089.     content: url(Images/debuggerStepOver.png);
  2090. }
  2091.  
  2092. #scripts-step-into img {
  2093.     content: url(Images/debuggerStepInto.png);
  2094. }
  2095.  
  2096. #scripts-step-out img {
  2097.     content: url(Images/debuggerStepOut.png);
  2098. }
  2099.  
  2100. #scripts-debugger-status {
  2101.     position: absolute;
  2102.     line-height: 24px;
  2103.     top: 0;
  2104.     right: 8px;
  2105. }
  2106.  
  2107. #scripts-sidebar-resizer-widget {
  2108.     position: absolute;
  2109.     top: 0;
  2110.     bottom: 0;
  2111.     right: 225px;
  2112.     width: 16px;
  2113.     cursor: col-resize;
  2114.     background-image: url(Images/statusbarResizerHorizontal.png);
  2115.     background-repeat: no-repeat;
  2116.     background-position: center;
  2117. }
  2118.  
  2119. #scripts-sidebar-buttons {
  2120.     position: absolute;
  2121.     right: 0;
  2122.     top: 0;
  2123.     bottom: 0;
  2124.     width: 225px;
  2125.     overflow: hidden;
  2126.     border-left: 1px solid rgb(64%, 64%, 64%);
  2127. }
  2128.  
  2129. #script-resource-views {
  2130.     display: block;
  2131.     overflow: auto;
  2132.     padding: 0;
  2133.     position: absolute;
  2134.     top: 23px;
  2135.     left: 0;
  2136.     right: 225px;
  2137.     bottom: 0;
  2138. }
  2139.  
  2140. .script-view {
  2141.     display: none;
  2142.     overflow: hidden;
  2143.     position: absolute;
  2144.     top: 0;
  2145.     left: 0;
  2146.     right: 0;
  2147.     bottom: 0;
  2148. }
  2149.  
  2150. .script-view.visible {
  2151.     display: block;
  2152. }
  2153.  
  2154. #scripts-sidebar {
  2155.     position: absolute;
  2156.     top: 23px;
  2157.     right: 0;
  2158.     bottom: 0;
  2159.     width: 225px;
  2160.     background-color: rgb(245, 245, 245);
  2161.     border-left: 1px solid rgb(64%, 64%, 64%);
  2162.     cursor: default;
  2163.     overflow: auto;
  2164. }
  2165.  
  2166. #resources-larger-resources-status-bar-item {
  2167.     background-image: url(Images/largerResourcesButtons.png);
  2168. }
  2169.  
  2170. #resources-larger-resources-status-bar-item:active {
  2171.     background-position: 32px 0;
  2172. }
  2173.  
  2174. #resources-larger-resources-status-bar-item.toggled-on {
  2175.     background-position: 0 24px;
  2176. }
  2177.  
  2178. #resources-larger-resources-status-bar-item.toggled-on:active {
  2179.     background-position: 32px 24px;
  2180. }
  2181.  
  2182. #resources-container {
  2183.     position: absolute;
  2184.     top: 0;
  2185.     left: 0;
  2186.     bottom: 0;
  2187.     right: 0;
  2188.     border-right: 0 none transparent;
  2189.     overflow-y: auto;
  2190.     overflow-x: hidden;
  2191. }
  2192.  
  2193. #resources-container.viewing-resource {
  2194.     right: auto;
  2195.     width: 200px;
  2196.     border-right: 1px solid rgb(64%, 64%, 64%);
  2197. }
  2198.  
  2199. #resources-container.viewing-resource #resources-sidebar {
  2200.     width: 100%;
  2201.     border-right: 0 none transparent;
  2202. }
  2203.  
  2204. #resources-sidebar {
  2205.     min-height: 100%;
  2206.     bottom: auto;
  2207.     overflow: visible;
  2208. }
  2209.  
  2210. #resources-container-content {
  2211.     position: absolute;
  2212.     top: 0;
  2213.     right: 0;
  2214.     left: 200px;
  2215.     min-height: 100%;
  2216. }
  2217.  
  2218. #resources-container.viewing-resource #resources-container-content {
  2219.     display: none;
  2220. }
  2221.  
  2222. #resources-summary {
  2223.     position: absolute;
  2224.     padding-top: 20px;
  2225.     top: 0;
  2226.     left: 0;
  2227.     right: 0;
  2228.     height: 93px;
  2229.     margin-left: -1px;
  2230.     border-left: 1px solid rgb(102, 102, 102);
  2231.     background-color: rgb(101, 111, 130);
  2232.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  2233.     background-repeat: repeat-x;
  2234.     background-position: bottom;
  2235.     text-align: center;
  2236.     text-shadow: black 0 1px 1px;
  2237.     white-space: nowrap;
  2238.     color: white;
  2239.     -webkit-background-size: 1px 6px;
  2240.     -webkit-background-origin: padding;
  2241.     -webkit-background-clip: padding;
  2242. }
  2243.  
  2244. #resources-graph-legend {
  2245.     margin-top: -10px;
  2246.     padding-left: 15px;
  2247. }
  2248.  
  2249. .resources-graph-legend-item {
  2250.     display: inline-block;
  2251.     font-weight: bold;
  2252.     margin-right: 15px;
  2253.     vertical-align: top;
  2254. }
  2255.  
  2256. .resources-graph-legend-item.total {
  2257.     margin-left: 10px;
  2258. }
  2259.  
  2260. .resources-graph-legend-label {
  2261.     display: inline-block;
  2262.     text-align: left;
  2263. }
  2264.  
  2265. .resources-graph-legend-header {
  2266.     font-size: 12px;
  2267. }
  2268.  
  2269. .resources-graph-legend-value {
  2270.     font-size: 10px;
  2271. }
  2272.  
  2273. .resources-graph-legend-swatch {
  2274.     vertical-align: top;
  2275.     margin-top: 1px;
  2276.     margin-right: 3px;
  2277. }
  2278.  
  2279. #resources-dividers {
  2280.     position: absolute;
  2281.     left: 0;
  2282.     right: 0;
  2283.     height: 100%;
  2284.     top: 0;
  2285.     z-index: -100;
  2286. }
  2287.  
  2288. #resources-dividers-label-bar {
  2289.     position: absolute;
  2290.     top: 93px;
  2291.     left: 0px;
  2292.     right: 0;
  2293.     background-color: rgba(255, 255, 255, 0.8);
  2294.     background-clip: padding;
  2295.     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  2296.     height: 20px;
  2297.     z-index: 200;
  2298. }
  2299.  
  2300. .resources-divider {
  2301.     position: absolute;
  2302.     width: 1px;
  2303.     top: 0;
  2304.     bottom: 0;
  2305.     background-color: rgba(0, 0, 0, 0.1);
  2306. }
  2307.  
  2308. .resources-divider.last {
  2309.     background-color: transparent;
  2310. }
  2311.  
  2312. .resources-divider-label {
  2313.     position: absolute;
  2314.     top: 4px;
  2315.     right: 3px;
  2316.     font-size: 9px;
  2317.     color: rgb(50%, 50%, 50%);
  2318.     white-space: nowrap;
  2319. }
  2320.  
  2321. .resources-graph-label {
  2322.     position: absolute;
  2323.     top: 0;
  2324.     bottom: 0;
  2325.     margin: auto -7px;
  2326.     height: 13px;
  2327.     line-height: 13px;
  2328.     font-size: 9px;
  2329.     color: rgba(0, 0, 0, 0.75);
  2330.     text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0;
  2331.     z-index: 150;
  2332.     overflow: hidden;
  2333.     text-align: center;
  2334.     font-weight: bold;
  2335.     opacity: 0;
  2336.     -webkit-transition: opacity 250ms ease-in-out;
  2337. }
  2338.  
  2339. .resources-graph-side:hover .resources-graph-label {
  2340.     opacity: 1;
  2341. }
  2342.  
  2343. .resources-graph-label:empty {
  2344.     display: none;
  2345. }
  2346.  
  2347. .resources-graph-label.waiting {
  2348.     margin-right: 5px;
  2349. }
  2350.  
  2351. .resources-graph-label.before {
  2352.     color: rgba(0, 0, 0, 0.7);
  2353.     text-shadow: none;
  2354.     text-align: right;
  2355.     margin-right: 2px;
  2356. }
  2357.  
  2358. .resources-graph-label.before::after {
  2359.     padding-left: 2px;
  2360.     height: 6px;
  2361.     content: url(Images/graphLabelCalloutLeft.png);
  2362. }
  2363.  
  2364. .resources-graph-label.after {
  2365.     color: rgba(0, 0, 0, 0.7);
  2366.     text-shadow: none;
  2367.     text-align: left;
  2368.     margin-left: 2px;
  2369. }
  2370.  
  2371. .resources-graph-label.after::before {
  2372.     padding-right: 2px;
  2373.     height: 6px;
  2374.     content: url(Images/graphLabelCalloutRight.png);
  2375. }
  2376.  
  2377. .resources-graph-bar {
  2378.     position: absolute;
  2379.     top: 0;
  2380.     bottom: 0;
  2381.     margin: auto -7px;
  2382.     border-width: 6px 7px;
  2383.     height: 13px;
  2384.     min-width: 14px;
  2385.     opacity: 0.65;
  2386.     -webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7;
  2387. }
  2388.  
  2389. .resources-graph-bar.waiting {
  2390.     opacity: 0.35;
  2391. }
  2392.  
  2393. .resource-cached .resources-graph-bar {
  2394.     -webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7;
  2395. }
  2396.  
  2397. .resources-category-documents .resources-graph-bar {
  2398.     -webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7;
  2399. }
  2400.  
  2401. .resources-category-documents.resource-cached .resources-graph-bar {
  2402.     -webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7;
  2403. }
  2404.  
  2405. .resources-category-stylesheets .resources-graph-bar {
  2406.     -webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7;
  2407. }
  2408.  
  2409. .resources-category-stylesheets.resource-cached .resources-graph-bar {
  2410.     -webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7;
  2411. }
  2412.  
  2413. .resources-category-images .resources-graph-bar {
  2414.     -webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7;
  2415. }
  2416.  
  2417. .resources-category-images.resource-cached .resources-graph-bar {
  2418.     -webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7;
  2419. }
  2420.  
  2421. .resources-category-fonts .resources-graph-bar {
  2422.     -webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7;
  2423. }
  2424.  
  2425. .resources-category-fonts.resource-cached .resources-graph-bar {
  2426.     -webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7;
  2427. }
  2428.  
  2429. .resources-category-scripts .resources-graph-bar {
  2430.     -webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7;
  2431. }
  2432.  
  2433. .resources-category-scripts.resource-cached .resources-graph-bar {
  2434.     -webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7;
  2435. }
  2436.  
  2437. .resources-category-xhr .resources-graph-bar {
  2438.     -webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7;
  2439. }
  2440.  
  2441. .resources-category-xhr.resource-cached .resources-graph-bar {
  2442.     -webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7;
  2443. }
  2444.  
  2445. .tip-button {
  2446.     background-image: url(Images/tipIcon.png);
  2447.     border: none;
  2448.     width: 16px;
  2449.     height: 16px;
  2450.     float: right;
  2451.     background-color: transparent;
  2452.     margin-top: 1px;
  2453. }
  2454.  
  2455. .tip-button:active {
  2456.     background-image: url(Images/tipIconPressed.png);
  2457. }
  2458.  
  2459. .tip-balloon {
  2460.     position: absolute;
  2461.     left: 145px;
  2462.     top: -5px;
  2463.     z-index: 1000;
  2464.     border-width: 51px 15px 18px 37px;
  2465.     -webkit-border-image: url(Images/tipBalloon.png) 51 15 18 37;
  2466.     width: 265px;
  2467. }
  2468.  
  2469. .tip-balloon.bottom {
  2470.     position: absolute;
  2471.     left: 145px;
  2472.     top: auto;
  2473.     bottom: -7px;
  2474.     z-index: 1000;
  2475.     border-width: 18px 15px 51px 37px;
  2476.     -webkit-border-image: url(Images/tipBalloonBottom.png) 18 15 51 37;
  2477. }
  2478.  
  2479. .tip-balloon-content {
  2480.     margin-top: -40px;
  2481.     margin-bottom: -2px;
  2482.     margin-left: 2px;
  2483. }
  2484.  
  2485. .tip-balloon.bottom .tip-balloon-content {
  2486.     margin-top: -10px;
  2487.     margin-bottom: -35px;
  2488. }
  2489.  
  2490. #resource-views {
  2491.     position: absolute;
  2492.     top: 0;
  2493.     right: 0;
  2494.     left: 200px;
  2495.     bottom: 0;
  2496. }
  2497.  
  2498. .source-view-frame {
  2499.     width: 100%;
  2500.     height: 100%;
  2501. }
  2502.  
  2503. .sidebar-resizer-vertical {
  2504.     position: absolute;
  2505.     top: 0;
  2506.     bottom: 0;
  2507.     width: 5px;
  2508.     z-index: 500;
  2509.     cursor: col-resize;
  2510. }
  2511.  
  2512. .sidebar-tree, .sidebar-tree .children {
  2513.     position: relative;
  2514.     padding: 0;
  2515.     margin: 0;
  2516.     list-style: none;
  2517.     font-size: 11px;
  2518. }
  2519.  
  2520. .sidebar-tree-section {
  2521.     position: relative;
  2522.     height: 18px;
  2523.     padding: 4px 10px 6px 10px;
  2524.     white-space: nowrap;
  2525.     margin-top: 1px;
  2526.     color: rgb(92, 110, 129);
  2527.     font-weight: bold;
  2528.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  2529. }
  2530.  
  2531. .sidebar-tree-item {
  2532.     position: relative;
  2533.     height: 36px;
  2534.     padding: 0 5px 0 5px;
  2535.     white-space: nowrap;
  2536.     margin-top: 1px;
  2537.     line-height: 34px;
  2538.     border-top: 1px solid transparent;
  2539. }
  2540.  
  2541. .sidebar-tree .children {
  2542.     display: none;
  2543. }
  2544.  
  2545. .sidebar-tree .children.expanded {
  2546.     display: block;
  2547. }
  2548.  
  2549. .sidebar-tree-section + .children > .sidebar-tree-item {
  2550.     padding-left: 10px !important;
  2551. }
  2552.  
  2553. .sidebar-tree-section + .children.small > .sidebar-tree-item {
  2554.     padding-left: 17px !important;
  2555. }
  2556.  
  2557. .sidebar-tree > .children > .sidebar-tree-item {
  2558.     padding-left: 37px;
  2559. }
  2560.  
  2561. .sidebar-tree > .children > .children > .sidebar-tree-item {
  2562.     padding-left: 37px;
  2563. }
  2564.  
  2565. .sidebar-tree.hide-disclosure-buttons > .children {
  2566.     display: none;
  2567. }
  2568.  
  2569. .sidebar-tree > .children.hide-disclosure-buttons > .children {
  2570.     display: none;
  2571. }
  2572.  
  2573. .sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item:not(.parent) .icon {
  2574.     margin-left: 16px;
  2575. }
  2576.  
  2577. .sidebar-tree-item .disclosure-button {
  2578.     float: left;
  2579.     width: 16px;
  2580.     height: 100%;
  2581.     border: 0;
  2582.     background-color: transparent;
  2583.     background-image: url(Images/disclosureTriangleSmallRight.png);
  2584.     background-repeat: no-repeat;
  2585.     background-position: center;
  2586.     -webkit-apearance: none;
  2587. }
  2588.  
  2589. .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
  2590.     display: none;
  2591. }
  2592.  
  2593. body.inactive .sidebar-tree-item .disclosure-button {
  2594.     background-image: url(Images/disclosureTriangleSmallRightBlack.png);
  2595. }
  2596.  
  2597. body.inactive .sidebar-tree-item.expanded .disclosure-button {
  2598.     background-image: url(Images/disclosureTriangleSmallDownBlack.png);
  2599. }
  2600.  
  2601. body.inactive .sidebar-tree-item .disclosure-button:active {
  2602.     background-image: url(Images/disclosureTriangleSmallRightDownBlack.png);
  2603. }
  2604.  
  2605. .sidebar-tree-item.selected .disclosure-button {
  2606.     background-image: url(Images/disclosureTriangleSmallRightWhite.png) !important;
  2607. }
  2608.  
  2609. .sidebar-tree-item.expanded .disclosure-button {
  2610.     background-image: url(Images/disclosureTriangleSmallDown.png);
  2611. }
  2612.  
  2613. .sidebar-tree-item.selected.expanded .disclosure-button {
  2614.     background-image: url(Images/disclosureTriangleSmallDownWhite.png) !important;
  2615. }
  2616.  
  2617. .sidebar-tree-item.selected .disclosure-button:active {
  2618.     background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !important;
  2619. }
  2620.  
  2621. .sidebar-tree-item .disclosure-button:active {
  2622.     background-image: url(Images/disclosureTriangleSmallRightDown.png);
  2623. }
  2624.  
  2625. .sidebar-tree-item .icon {
  2626.     float: left;
  2627.     width: 32px;
  2628.     height: 32px;
  2629.     margin-top: 1px;
  2630.     margin-right: 3px;
  2631. }
  2632.  
  2633. .sidebar-tree-item .status {
  2634.     float: right;
  2635.     height: 16px;
  2636.     margin-top: 9px;
  2637.     margin-left: 4px;
  2638.     line-height: 1em;
  2639. }
  2640.  
  2641. .sidebar-tree-item .status:empty {
  2642.     display: none;
  2643. }
  2644.  
  2645. .sidebar-tree-item .status .bubble {
  2646.     display: inline-block;
  2647.     height: 14px;
  2648.     min-width: 16px;
  2649.     margin-top: 1px;
  2650.     background-color: rgb(128, 151, 189);
  2651.     vertical-align: middle;
  2652.     white-space: nowrap;
  2653.     padding: 1px 4px;
  2654.     text-align: center;
  2655.     font-size: 11px;
  2656.     font-family: Helvetia, Arial, sans-serif;
  2657.     font-weight: bold;
  2658.     text-shadow: none;
  2659.     color: white;
  2660.     -webkit-border-radius: 7px;
  2661. }
  2662.  
  2663. .sidebar-tree-item .status .bubble:empty {
  2664.     display: none;
  2665. }
  2666.  
  2667. .sidebar-tree-item.selected .status .bubble {
  2668.     background-color: white !important;
  2669.     color: rgb(132, 154, 190) !important;
  2670. }
  2671.  
  2672. :focus .sidebar-tree-item.selected .status .bubble {
  2673.     color: rgb(36, 98, 172) !important;
  2674. }
  2675.  
  2676. body.inactive .sidebar-tree-item.selected .status .bubble {
  2677.     color: rgb(159, 159, 159) !important;
  2678. }
  2679.  
  2680. .sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small, .small .resources-graph-side {
  2681.     height: 20px;
  2682. }
  2683.  
  2684. .sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
  2685.     width: 16px;
  2686.     height: 16px;
  2687. }
  2688.  
  2689. .sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .sidebar-tree-item .status, .sidebar-tree-item.small .status {
  2690.     margin-top: 1px;
  2691. }
  2692.  
  2693. .sidebar-tree-item.selected {
  2694.     color: white;
  2695.     border-top: 1px solid rgb(145, 160, 192);
  2696.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  2697.     text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0;
  2698.     font-weight: bold;
  2699.     -webkit-background-origin: padding;
  2700.     -webkit-background-clip: padding;
  2701. }
  2702.  
  2703. :focus .sidebar-tree-item.selected {
  2704.     border-top: 1px solid rgb(68, 128, 200);
  2705.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
  2706. }
  2707.  
  2708. body.inactive .sidebar-tree-item.selected {
  2709.     border-top: 1px solid rgb(151, 151, 151);
  2710.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
  2711. }
  2712.  
  2713. .sidebar-tree-item .titles {
  2714.     position: relative;
  2715.     top: 5px;
  2716.     line-height: 11px;
  2717.     padding-bottom: 1px;
  2718.     text-overflow: ellipsis;
  2719.     overflow: hidden;
  2720.     white-space: nowrap;
  2721. }
  2722.  
  2723. .sidebar-tree-item .titles.no-subtitle {
  2724.     top: 10px;
  2725. }
  2726.  
  2727. .sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
  2728.     top: 2px;
  2729.     line-height: normal;
  2730. }
  2731.  
  2732. .sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
  2733.     content: "\A";
  2734.     white-space: pre;
  2735. }
  2736.  
  2737. .sidebar-tree-item .subtitle {
  2738.     font-size: 9px;
  2739.     color: rgba(0, 0, 0, 0.7);
  2740. }
  2741.  
  2742. .sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
  2743.     display: none;
  2744. }
  2745.  
  2746. .sidebar-tree-item.selected .subtitle {
  2747.     color: rgba(255, 255, 255, 0.9);
  2748. }
  2749.  
  2750. #resources-graphs {
  2751.     position: absolute;
  2752.     left: 0;
  2753.     right: 0;
  2754.     max-height: 100%;
  2755.     top: 112px;
  2756. }
  2757.  
  2758. .resources-graph-side {
  2759.     position: relative;
  2760.     height: 36px;
  2761.     padding: 0 5px;
  2762.     white-space: nowrap;
  2763.     margin-top: 1px;
  2764.     border-top: 1px solid transparent;
  2765.     overflow: hidden;
  2766. }
  2767.  
  2768. .resources-graph-bar-area {
  2769.     position: absolute;
  2770.     top: 0;
  2771.     bottom: 0;
  2772.     right: 8px;
  2773.     left: 9px;
  2774. }
  2775.  
  2776. #resources-container:not(.viewing-resource) .resource-sidebar-tree-item:nth-of-type(2n) {
  2777.     background-color: rgba(0, 0, 0, 0.05);
  2778. }
  2779.  
  2780. #resources-container:not(.viewing-resource) .resources-graph-side:nth-of-type(2n) {
  2781.     background-color: rgba(0, 0, 0, 0.05);
  2782. }
  2783.  
  2784. .resources-time-graph-sidebar-item .icon {
  2785.     content: url(Images/resourcesTimeGraphIcon.png);
  2786. }
  2787.  
  2788. .resources-size-graph-sidebar-item .icon {
  2789.     content: url(Images/resourcesSizeGraphIcon.png);
  2790. }
  2791.  
  2792. .resources-size-graph-sidebar-item .icon {
  2793.     content: url(Images/resourcesSizeGraphIcon.png);
  2794. }
  2795.  
  2796. .resource-sidebar-tree-item .icon {
  2797.     content: url(Images/resourcePlainIcon.png);
  2798. }
  2799.  
  2800. .children.small .resource-sidebar-tree-item .icon {
  2801.     content: url(Images/resourcePlainIconSmall.png);
  2802. }
  2803.  
  2804. .resource-sidebar-tree-item.resources-category-documents .icon {
  2805.     content: url(Images/resourceDocumentIcon.png);
  2806. }
  2807.  
  2808. .children.small .resource-sidebar-tree-item.resources-category-documents .icon {
  2809.     content: url(Images/resourceDocumentIconSmall.png);
  2810. }
  2811.  
  2812. .resource-sidebar-tree-item.resources-category-stylesheets .icon {
  2813.     content: url(Images/resourceCSSIcon.png);
  2814. }
  2815.  
  2816. .children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon {
  2817.     content: url(Images/resourceDocumentIconSmall.png);
  2818. }
  2819.  
  2820. .resource-sidebar-tree-item.resources-category-images .icon {
  2821.     position: relative;
  2822.     background-image: url(Images/resourcePlainIcon.png);
  2823.     background-repeat: no-repeat;
  2824.     content: "";
  2825. }
  2826.  
  2827. .resource-sidebar-tree-item.resources-category-images .image-resource-icon-preview {
  2828.     position: absolute;
  2829.     margin: auto;
  2830.     top: 3px;
  2831.     bottom: 4px;
  2832.     left: 5px;
  2833.     right: 5px;
  2834.     max-width: 18px;
  2835.     max-height: 21px;
  2836.     min-width: 1px;
  2837.     min-height: 1px;
  2838. }
  2839.  
  2840. .children.small .resource-sidebar-tree-item.resources-category-images .icon {
  2841.     background-image: url(Images/resourcePlainIconSmall.png);
  2842.     content: "";
  2843. }
  2844.  
  2845. .children.small .resource-sidebar-tree-item.resources-category-images .image-resource-icon-preview {
  2846.     top: 2px;
  2847.     bottom: 1px;
  2848.     left: 3px;
  2849.     right: 3px;
  2850.     max-width: 8px;
  2851.     max-height: 11px;
  2852. }
  2853.  
  2854. .resource-sidebar-tree-item.resources-category-fonts .icon {
  2855.     content: url(Images/resourcePlainIcon.png);
  2856. }
  2857.  
  2858. .children.small .resource-sidebar-tree-item.resources-category-fonts .icon {
  2859.     content: url(Images/resourcePlainIconSmall.png);
  2860. }
  2861.  
  2862. .resource-sidebar-tree-item.resources-category-scripts .icon {
  2863.     content: url(Images/resourceJSIcon.png);
  2864. }
  2865.  
  2866. .children.small .resource-sidebar-tree-item.resources-category-scripts .icon {
  2867.     content: url(Images/resourceDocumentIconSmall.png);
  2868. }
  2869.  
  2870. .resource-sidebar-tree-item.resources-category-xhr .icon {
  2871.     content: url(Images/resourcePlainIcon.png);
  2872. }
  2873.  
  2874. .children.small .resource-sidebar-tree-item.resources-category-xhr .icon {
  2875.     content: url(Images/resourceDocumentIconSmall.png);
  2876. }
  2877.  
  2878. .bubble.warning, .console-warning-level .bubble {
  2879.     background-color: rgb(232, 164, 0) !important;
  2880. }
  2881.  
  2882. .bubble.error, .console-error-level .bubble {
  2883.     background-color: rgb(216, 35, 35) !important;
  2884. }
  2885.  
  2886. .bubble.search-matches {
  2887.     background-image: url(Images/searchSmallWhite.png);
  2888.     background-repeat: no-repeat;
  2889.     background-position: 3px 2px;
  2890.     padding-left: 13px !important;
  2891. }
  2892.  
  2893. .sidebar-tree-item.selected .bubble.search-matches {
  2894.     background-image: url(Images/searchSmallBlue.png);
  2895. }
  2896.  
  2897. :focus .sidebar-tree-item.selected .bubble.search-matches {
  2898.     background-image: url(Images/searchSmallBrightBlue.png);
  2899. }
  2900.  
  2901. body.inactive .sidebar-tree-item.selected .bubble.search-matches {
  2902.     background-image: url(Images/searchSmallGray.png);
  2903. }
  2904.  
  2905. /* Profiler Style */
  2906.  
  2907. #profile-views {
  2908.     position: absolute;
  2909.     top: 0;
  2910.     right: 0;
  2911.     left: 200px;
  2912.     bottom: 0;
  2913. }
  2914.  
  2915. #profile-view-status-bar-items {
  2916.     position: absolute;
  2917.     top: 0;
  2918.     bottom: 0;
  2919.     left: 200px;
  2920.     overflow: hidden;
  2921.     border-left: 1px solid rgb(184, 184, 184);
  2922.     margin-left: -1px;
  2923. }
  2924.  
  2925. .profile-sidebar-tree-item .icon {
  2926.     content: url(Images/profileIcon.png);
  2927. }
  2928.  
  2929. .profile-sidebar-tree-item.small .icon {
  2930.     content: url(Images/profileSmallIcon.png);
  2931. }
  2932.  
  2933. .profile-group-sidebar-tree-item .icon {
  2934.     content: url(Images/profileGroupIcon.png);
  2935. }
  2936.  
  2937. .profile-view {
  2938.     display: none;
  2939.     overflow: hidden;
  2940.     position: absolute;
  2941.     top: 0;
  2942.     left: 0;
  2943.     right: 0;
  2944.     bottom: 0;
  2945. }
  2946.  
  2947. .profile-view.visible {
  2948.     display: block;
  2949. }
  2950.  
  2951. .profile-view .data-grid {
  2952.     border: none;
  2953.     height: 100%;
  2954. }
  2955.  
  2956. .profile-view .data-grid th.average-column {
  2957.     text-align: center;
  2958. }
  2959.  
  2960. .profile-view .data-grid td.average-column {
  2961.     text-align: right;
  2962. }
  2963.  
  2964. .profile-view .data-grid th.self-column {
  2965.     text-align: center;
  2966. }
  2967.  
  2968. .profile-view .data-grid td.self-column {
  2969.     text-align: right;
  2970. }
  2971.  
  2972. .profile-view .data-grid th.total-column {
  2973.     text-align: center;
  2974. }
  2975.  
  2976. .profile-view .data-grid td.total-column {
  2977.     text-align: right;
  2978. }
  2979.  
  2980. .profile-view .data-grid .calls-column {
  2981.     text-align: center;
  2982. }
  2983.  
  2984. .profile-node-file {
  2985.     float: right;
  2986.     color: gray;
  2987.     margin-top: -1px;
  2988. }
  2989.  
  2990. .data-grid tr.selected .profile-node-file {
  2991.     color: rgb(33%, 33%, 33%);
  2992. }
  2993.  
  2994. .data-grid:focus tr.selected .profile-node-file {
  2995.     color: white;
  2996. }
  2997.  
  2998. #record-profile-status-bar-item {
  2999.     background-image: url(Images/recordButtons.png);
  3000. }
  3001.  
  3002. #record-profile-status-bar-item:active {
  3003.     background-position: 32px 0;
  3004. }
  3005.  
  3006. #record-profile-status-bar-item.toggled-on {
  3007.     background-position: 0 24px;
  3008. }
  3009.  
  3010. #record-profile-status-bar-item.toggled-on:active {
  3011.     background-position: 32px 24px;
  3012. }
  3013.  
  3014. #node-search-status-bar-item {
  3015.     background-image: url(Images/nodeSearchButtons.png);
  3016. }
  3017.  
  3018. #node-search-status-bar-item:active {
  3019.     background-position: 32px 0;
  3020. }
  3021.  
  3022. #node-search-status-bar-item.toggled-on {
  3023.     background-position: 0 24px;
  3024. }
  3025.  
  3026. #node-search-status-bar-item.toggled-on:active {
  3027.     background-position: 32px 24px;
  3028. }
  3029.  
  3030. .percent-time-status-bar-item {
  3031.     background-image: url(Images/percentButtons.png) !important;
  3032. }
  3033.  
  3034. .percent-time-status-bar-item:active {
  3035.     background-position: 32px 0;
  3036. }
  3037.  
  3038. .percent-time-status-bar-item.toggled-on {
  3039.     background-position: 0 24px;
  3040. }
  3041.  
  3042. .percent-time-status-bar-item.toggled-on:active {
  3043.     background-position: 32px 24px;
  3044. }
  3045.  
  3046. .focus-profile-node-status-bar-item {
  3047.     background-image: url(Images/focusButtons.png) !important;
  3048. }
  3049.  
  3050. .focus-profile-node-status-bar-item:active {
  3051.     background-position: 32px 0;
  3052. }
  3053.  
  3054. .exclude-profile-node-status-bar-item {
  3055.     background-image: url(Images/excludeButtons.png) !important;
  3056. }
  3057.  
  3058. .exclude-profile-node-status-bar-item:active {
  3059.     background-position: 32px 0;
  3060. }
  3061.  
  3062. .reset-profile-status-bar-item {
  3063.     background-image: url(Images/reloadButtons.png) !important;
  3064. }
  3065.  
  3066. .reset-profile-status-bar-item:active {
  3067.     background-position: 32px 0;
  3068. }
  3069.  
  3070. .delete-storage-status-bar-item {
  3071.     background-image: url(Images/excludeButtons.png) !important;
  3072. }
  3073.  
  3074. .delete-storage-status-bar-item:active {
  3075.     background-position: 32px 0;
  3076. }
  3077.  
  3078. #storage-view-status-bar-items {
  3079.     position: absolute;
  3080.     top: 0;
  3081.     bottom: 0;
  3082.     left: 200px;
  3083.     overflow: hidden;
  3084.     border-left: 1px solid rgb(184, 184, 184);
  3085.     margin-left: -1px;
  3086. }
  3087.  
  3088. .refresh-storage-status-bar-item {
  3089.     background-image: url(Images/reloadButtons.png) !important;
  3090. }
  3091.  
  3092. .refresh-storage-status-bar-item:active {
  3093.     background-position: 32px 0;
  3094. }
  3095.  
  3096. #storage-view-status-bar-items {
  3097.     position: absolute;
  3098.     top: 0;
  3099.     bottom: 0;
  3100.     left: 200px;
  3101.     overflow: hidden;
  3102.     border-left: 1px solid rgb(184, 184, 184);
  3103.     margin-left: -1px;
  3104. }
  3105.