Web Inspector: Move sidebar-specific styles to a separate file.
[WebKit-https.git] / Source / WebCore / inspector / front-end / inspector.css
index 1f0ac5e..91da4c7 100644 (file)
@@ -1584,7 +1584,7 @@ iframe.panel.extension {
     display: block;
 }
 
-.sidebar-pane .section .properties, .event-bar .event-properties {
+.event-bar .event-properties {
     padding-left: 16px;
 }
 
@@ -1648,26 +1648,6 @@ iframe.panel.extension {
     display: block;
 }
 
-.event-listener-breakpoints .event-category {
-    font-size: 11px;
-    font-weight: bold;
-    color: rgb(96, 96, 96);
-    padding-top: 2px;
-}
-
-.event-listener-breakpoints.properties-tree .children li {
-    margin-left: 12px;
-    height: 16px;
-}
-
-.event-listener-breakpoints .checkbox-elem {
-    font-size: 10px;
-    float: left;
-    top: -2px;
-    position: relative;
-    left: -1px;
-}
-
 .editing {
     -webkit-user-select: text;
     -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
@@ -1809,206 +1789,6 @@ li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-but
     border: 1px solid rgba(64, 64, 64, 0.8);
 }
 
-.pane-title + .pane-title, .pane:not(.visible) + .pane-title, .pane-title:first-of-type {
-    margin-top: -1px;
-}
-
-.pane-title {
-    position: relative;
-    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)));
-    height: 20px;
-    padding: 0 5px;
-    border-top: 1px solid rgb(189, 189, 189);
-    border-bottom: 1px solid rgb(189, 189, 189);
-    font-weight: bold;
-    font-size: 12px;
-    line-height: 18px;
-    color: rgb(110, 110, 110);
-    text-shadow: white 0 1px 0;
-    -webkit-background-origin: padding;
-    -webkit-background-clip: padding;
-}
-
-.pane-title:active {
-    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)));
-    border-top: 1px solid rgb(178, 178, 178);
-    border-bottom: 1px solid rgb(178, 178, 178);
-}
-
-.pane-title::before {
-    content: url(Images/disclosureTriangleSmallRightBlack.png);
-    float: left;
-    width: 11px;
-    height: 12px;
-    margin-right: 2px;
-    margin-top: 1px;
-}
-
-.pane-title.expanded::before {
-    content: url(Images/disclosureTriangleSmallDownBlack.png);
-}
-
-.sidebar-pane-toolbar {
-    font-weight: bold;
-    font-size: 12px;
-    line-height: 18px;
-    color: rgb(110, 110, 110);
-    text-shadow: white 0 1px 0;
-    left: 0;
-    right: 0;
-    top: 0;
-    height: 20px;
-    position: absolute;
-    pointer-events: none;
-}
-
-.sidebar-pane-toolbar > * {
-    pointer-events: auto;
-}
-
-.sidebar-pane-toolbar > select {
-    float: right;
-    width: 23px;
-    height: 17px;
-    color: transparent;
-    background-color: transparent;
-    border: none;
-    background-repeat: no-repeat;
-    margin: 1px 0 0 0;
-    padding: 0;
-    -webkit-border-radius: 0;
-    -webkit-appearance: none;
-}
-
-.sidebar-pane-toolbar > select:hover {
-    background-position: -23px 0px;
-}
-
-.sidebar-pane-toolbar > select:active {
-    background-position: -46px 0px;
-}
-
-.sidebar-pane-toolbar > select.select-settings {
-    background-image: url(Images/paneSettingsButtons.png);
-}
-
-.sidebar-pane-toolbar > select.select-filter {
-    background-image: url(Images/paneFilterButtons.png);
-}
-
-.sidebar-pane-toolbar > select > option, .sidebar-pane-toolbar > select > hr {
-    color: black;
-}
-
-.sidebar-pane-toolbar > .pane-title-button {
-    float: right;
-    width: 23px;
-    height: 17px;
-    color: transparent;
-    background-color: transparent;
-    border: none;
-    background-repeat: no-repeat;
-    margin: 1px 0 0 0;
-    padding: 0;
-    -webkit-border-radius: 0;
-    -webkit-appearance: none;
-}
-
-.sidebar-pane-toolbar > .pane-title-button:hover {
-    background-position: -23px 0px;
-}
-
-.sidebar-pane-toolbar > .pane-title-button:active, .sidebar-pane-toolbar > .pane-title-button.toggled {
-    background-position: -46px 0px;
-}
-
-.sidebar-pane-toolbar > .pane-title-button.add {
-    background-image: url(Images/paneAddButtons.png);
-}
-
-.sidebar-pane-toolbar > .pane-title-button.element-state {
-    background-image: url(Images/paneElementStateButtons.png);
-}
-
-.sidebar-pane-toolbar > .pane-title-button.refresh {
-    background-image: url(Images/paneRefreshButtons.png);
-}
-
-.sidebar-pane {
-    position: relative;
-}
-
-.sidebar-pane > .body {
-    position: relative;
-    display: none;
-    overflow-y: auto;
-    overflow-x: hidden;
-}
-
-.sidebar-pane > .body .info {
-    text-align: center;
-    font-style: italic;
-    font-size: 10px;
-    padding: 6px;
-    color: black;
-}
-
-.sidebar-pane > .body .placard + .info {
-    border-top: 1px solid rgb(189, 189, 189);
-    background-color: rgb(255, 255, 194);
-}
-
-.sidebar-pane.visible > .body {
-    display: block;
-}
-
-.sidebar-pane > .body .breakpoint-condition {
-    display: block;
-    margin-top: 4px;
-    margin-bottom: 4px;
-    margin-left: 23px;
-    margin-right: 8px;
-}
-
-.sidebar-tabbed-pane .tabbed-pane-header {
-    background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235));
-    border-bottom: 1px solid rgb(202, 202, 202);
-}
-
-
-#breakpoint-condition-input {
-    display: block;
-    margin-left: 0;
-    margin-right: 0;
-    outline: none !important;
-    border: 1px solid rgb(66%, 66%, 66%);
-}
-
-.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
-    border-bottom: 1px solid rgb(189, 189, 189);
-}
-
-.sidebar-pane-subtitle {
-    position: absolute;
-    right: 0;
-    /*height: 20px;*/
-    font-weight: normal;
-}
-
-body.platform-windows .sidebar-pane-subtitle {
-    padding-top: 1px;
-}
-
-.sidebar-pane-subtitle input, .section .header input[type=checkbox] {
-    font-size: inherit;
-    height: 1em;
-    width: 1em;
-    margin-left: 0;
-    margin-top: 0;
-    margin-bottom: 0.25em;
-    vertical-align: bottom;
-}
-
 .sidebar {
     overflow-x: hidden;
     background-color: rgb(214, 221, 229);
@@ -2468,58 +2248,6 @@ body.inactive li.selected .bubble.search-matches {
     -webkit-mask-position: 0 0;
 }
 
-ol.breakpoint-list {
-    -webkit-padding-start: 0;
-    list-style: none;
-    margin: 0;
-}
-
-.breakpoints-list-deactivated {
-    background-color: rgb(245, 245, 245);
-    opacity: 0.3;
-}
-
-.breakpoint-list li {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    padding: 2px 0;
-    color: black;
-}
-
-.breakpoint-list li:hover {
-    background-color: rgba(56, 121, 217, 0.2);
-}
-
-.breakpoint-list .checkbox-elem {
-    font-size: 10px;
-    margin: 0 4px;
-    vertical-align: top;
-    position: relative;
-    z-index: 1;
-}
-
-.breakpoint-list .source-text {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    margin: 2px 0 0px 20px;
-}
-
-.sidebar-pane .breakpoint-hit {
-    background-color: rgb(255, 255, 194);
-}
-
-li.breakpoint-hit .breakpoint-hit-marker {
-    background-color: rgb(255, 255, 194);
-    height: 18px;
-    left: 0px;
-    margin-top: -16px;
-    position: absolute;
-    right: 0px;
-    z-index: -1;
-}
-
 .webkit-html-js-node, .webkit-html-css-node {
     white-space: pre;
 }
@@ -2585,24 +2313,6 @@ li.breakpoint-hit .breakpoint-hit-marker {
     padding: 0;
 }
 
-.workers-list > li {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin-left: 1em;
-    font-size: 12px;
-}
-
-a.worker-item {
-    color: rgb(33%, 33%, 33%);
-    cursor: pointer;
-    text-decoration: none;
-}
-
-a.worker-item:hover {
-    color: rgb(15%, 15%, 15%);
-}
-
 .resource-content-unavailable {
     color: rgb(50%, 50%, 50%);
     font-style: italic;