WebKitTools/Drosera/debugger.css

/*
 * Copyright (C) 2006 Apple Computer, Inc.  All rights reserved.
 * Copyright (C) 2006 Vladimir Olexa (vladimir.olexa@gmail.com)
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 * 1.  Redistributions of source code must retain the above copyright
 *     notice, this list of conditions and the following disclaimer. 
 * 2.  Redistributions in binary form must reproduce the above copyright
 *     notice, this list of conditions and the following disclaimer in the
 *     documentation and/or other materials provided with the distribution. 
 * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
 *     its contributors may be used to endorse or promote products derived
 *     from this software without specific prior written permission. 
 *
 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

img { padding: 0; margin: 0; }
body { margin: 0; padding: 0; overflow: hidden; }
iframe { border: none; }

#fileBrowser { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 220px;}
#fileList { position: absolute; top: 0; bottom: 0; left: 0; right: 10px; padding: 0; margin: 0; }
#filesDivider { position: absolute; z-index: 10; right: 0px; bottom: 0px; top: 0; width: 10px; cursor: col-resize; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; }
#masterMain { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#main { position: absolute; top: 0; bottom: 0; left: 220px; right: 0; }
#info { position: absolute; top: 0; height: 175px; left: 0; right: 0; }
#divider { cursor: row-resize; position: absolute; bottom: 0; left: 0; right: 0; background: url(splitterDimple.tif) 50% no-repeat, url(splitterBar.tif) repeat-x; height: 10px }
#body { position: absolute; top: 175px; left: 0; right: 0; bottom: 0; }
#sourcesContainer { position: absolute; top: 16px; left: 0; right: 0; bottom: 21px; background-color: white; }
#sources { width: 100%; height: 100% }
#header { vertical-align: top; height: 16px; -webkit-box-sizing: border-box; border-bottom: 1px solid #aaa; background: url(glossyHeader.png) repeat-x; position: absolute; top: 0; left: 0; right: 0; }
#header > * { vertical-align: top; }
.footer { height: 21px; -webkit-box-sizing: border-box; border-top: 1px solid #aaa; background: url(glossyFooterFill.tif) repeat-x; position: absolute; bottom: 0; left: 0; right: 0; }
#infoDivider { position: absolute; z-index: 10; right: 0; left: 0; top: 0; bottom: 9px; width: 10px; cursor: col-resize; background: url(verticalSplitterDimple.tiff) 50% no-repeat, url(verticalSplitterBar.tiff) repeat-y; width: 10px; }

#filesBrowserSites {
    position: absolute;
    font-family: "Lucida Grande", sans-serif;
    font-size: 11px;
    padding: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 16px;
    left: 0;
    right: 0;
    bottom: 21px;
    background-color: white;
}

#filesBrowserSites div {
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 26px;
    background: url(siteExpanded.tif) no-repeat 0px 0px;
    cursor: default;
    margin-bottom: 2px;
}

#filesBrowserSites div.expanded {
    background: url(siteExpanded.tif) no-repeat 0px 0px;
}
#filesBrowserSites div.collapsed {
    background: url(siteCollapsed.tif) no-repeat 0px 0px;
}

#filesBrowserSites div ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: normal;
}

#filesBrowserSites div ul li {
    margin-left: -25px;
    height: 15px;
    padding-left: 38px;
    margin-top: 1px;
    margin-bottom: 1px;
    background: url(fileIcon.jpg) no-repeat 26px 0%;
    cursor: default;
    overflow: hidden;    
}

#filesBrowserSites div ul li.active {
    background-color: #ccc;
}

#filesBrowserSites div ul li.passive {
    background-color: white;
}

#files, #functions {
    opacity: 0;
    position: absolute;
    top: -2px;
    left: -3px;
    right: 0;
    z-index: 10;
    margin: 0;
    padding: 0;
    min-width: 100px;
}

button.popup {
    background: url(popUpArrows.png) right no-repeat;
    border: none;
    height: 15px;
    font-size: 10px;
    line-height: 10px;
    padding: 0 20px 0 5px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    min-width: 100px;
    max-width: 350px;
}

#filesPopupButtonContent, #functionButtonContent {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    line-height: 12px;
    text-align: left;
}

.placeholder { color: rgba(0, 0, 0, 0.6) }

button.nav {
    position: relative;
    width: 32px;
    height: 15px;
    border: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid #aaa;
}

button.nav.right {
    background: url(navRightNormal.png) no-repeat;
}

button.nav.right:disabled, button.nav.right:disabled:active {
    border-left: 1px solid transparent;
    background: url(navRightDisabled.png) no-repeat;
}

button.nav.right:active {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    background: url(navRightPressed.png) no-repeat;
}

button.nav.left {
    background: url(navLeftNormal.png) no-repeat;
}

button.nav.left:disabled, button.nav.left:disabled:active {
    border-left: 1px solid transparent;
    background: url(navLeftDisabled.png) no-repeat;
}

button.nav.left:active {
    margin-left: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    background: url(navLeftPressed.png) no-repeat;
}

#leftPane {
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 0;
    width: 253px;
    padding: 0;
    margin: 0;
}

#rightPane {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 253px;
    padding: 0;
    margin: 0;
}

#stackframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#stackframeBody {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 16px;
    bottom: 0;
    right: 0;
    left: 0;
}

#variables {
    position: absolute;
    top: 0;
    bottom: 10px;
    right: 0;
    left: 10px;
}

#variablesBody {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 16px;
    bottom: 0;
    right: 0;
    left: 0;
}

.infoBackground {
    background: url(background_stripe.png) repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

table {
    font-family: "Lucida Grande", sans-serif;
    font-size: 11px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

td {
    padding: 3px 7px 3px 9px;
    height: 15px;
    -webkit-box-sizing: border-box;
    -webkit-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tr.current {
    background-color: rgb(56, 117, 215);
    color: white;
}

.stackNumber {
    width: 2em;
    padding: 3px 0;
    text-align: center;
}

.variable {
    width: 170px;
}

.column th.scrollCorner {
    width: 15px;
    padding: 0;
    border-right: none;
}

#variableColumnResizer { 
    position: absolute;
    top: 0;
    left: 168px;
    width: 4px;
    height: 16px;
    cursor: col-resize;
}

.column th {
    background: url(glossyHeader.png) repeat-x;
    border-right: 1px solid #d9d9d9;
    height: 15px;
    -webkit-box-sizing: border-box; 
    border-bottom: 1px solid #aaa;
    font-weight: normal;
    vertical-align: middle;
    padding: 0 8px;
    text-align: left;
    -webkit-user-select: none;
}