469 lines
8.3 KiB
CSS
469 lines
8.3 KiB
CSS
/**
|
|
******************************************************************************
|
|
* Xenia : Xbox 360 Emulator Research Project *
|
|
******************************************************************************
|
|
* Copyright 2013 Ben Vanik. All rights reserved. *
|
|
* Released under the BSD license - see LICENSE in the root for more details. *
|
|
******************************************************************************
|
|
*/
|
|
|
|
.full-width {
|
|
width: 100%;
|
|
}
|
|
.left-align {
|
|
text-align: left;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.app-main {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
min-width: 900px;
|
|
min-height: 350px;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
}
|
|
.app-header {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
align-self: auto;
|
|
}
|
|
.app-header .navbar {
|
|
border-radius: 0;
|
|
min-height: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.app-body {
|
|
order: 2;
|
|
flex: 1 1 auto;
|
|
align-self: auto;
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.disconnected .app-body {
|
|
opacity: 0.25;
|
|
pointer-events: none;
|
|
}
|
|
.tab-pane {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.app-console {
|
|
order: 3;
|
|
flex: 0 0 auto;
|
|
align-self: auto;
|
|
border-top-width: 2px;
|
|
border-top-style: solid;
|
|
}
|
|
.console {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
padding: 5px;
|
|
}
|
|
.console-part-log {
|
|
order: 1;
|
|
flex: 1 1 auto;
|
|
align-self: auto;
|
|
}
|
|
.console-log-outer {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
border: 1px solid #ddd;
|
|
overflow-y: scroll;
|
|
height: 100px;
|
|
}
|
|
.console-part-input {
|
|
order: 2;
|
|
flex: 0 0 auto;
|
|
align-self: auto;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
padding-top: 5px;
|
|
}
|
|
.console-input-left {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
min-width: 0;
|
|
}
|
|
.console-input-middle {
|
|
order: 2;
|
|
flex: 1 1 auto;
|
|
}
|
|
.console-input-right {
|
|
order: 3;
|
|
flex: 0 0 auto;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.debugger-main {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
}
|
|
.debugger-header {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
align-self: auto;
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 5px;
|
|
}
|
|
.debugger-body {
|
|
order: 2;
|
|
flex: 1 1 auto;
|
|
align-self: auto;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.debugger-fnlist {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
min-width: 270px;
|
|
}
|
|
.debugger-fnlist-header {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.debugger-fnlist-header-left {
|
|
order: 1;
|
|
flex: 1 1 auto;
|
|
padding-right: 5px;
|
|
}
|
|
.debugger-fnlist-header-right {
|
|
order: 2;
|
|
flex: 0 0 auto;
|
|
}
|
|
.debugger-fnlist-body {
|
|
order: 2;
|
|
flex: 1 1 auto;
|
|
padding: 5px;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
position: relative;
|
|
}
|
|
.debugger-fnlist-list {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 5px;
|
|
overflow-x: auto;
|
|
overflow-y: scroll;
|
|
}
|
|
.debugger-fnlist-list > table > tbody > tr > td {
|
|
padding: 0;
|
|
line-height: 1.2em;
|
|
font-family: monospace;
|
|
border: 0;
|
|
}
|
|
.debugger-fnlist-footer {
|
|
order: 3;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
}
|
|
.debugger-fnlist-footer .input-group {
|
|
width: 100%;
|
|
}
|
|
.debugger-fnview-outer {
|
|
order: 2;
|
|
flex: 1 1 auto;
|
|
position: relative;
|
|
border-left: 2px solid #ddd;
|
|
border-right: 2px solid #ddd;
|
|
min-width: 720px;
|
|
}
|
|
.debugger-fnview {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
}
|
|
.debugger-fnview-header {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.debugger-fnview-header-left {
|
|
order: 1;
|
|
flex: 1 1 auto;
|
|
padding: 5px;
|
|
line-height: 1;
|
|
}
|
|
.debugger-fnview-header-name {
|
|
font-size: 21px;
|
|
font-family: monospace;
|
|
}
|
|
.debugger-fnview-header-address {
|
|
font-family: monospace;
|
|
}
|
|
.debugger-fnview-header-right {
|
|
order: 2;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
margin-top: 3px;
|
|
}
|
|
.debugger-fnview-body {
|
|
order: 2;
|
|
flex: 1 1 auto;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.debugger-fnview-codeview {
|
|
order: 1;
|
|
flex: 1 1 auto;
|
|
position: relative;
|
|
}
|
|
.debugger-fnview-codeview .CodeMirror {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
height: 100%;
|
|
}
|
|
.debugger-fnview-gutter-icon {
|
|
width: 30px;
|
|
}
|
|
.debugger-fnview-gutter-icon-el {
|
|
padding-left: 7px;
|
|
position: relative;
|
|
top: -6px;
|
|
display: inline-block;
|
|
-webkit-font-smoothing: antialiased;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
font-size: 28px;
|
|
}
|
|
.debugger-fnview-gutter-addr {
|
|
width: 70px;
|
|
}
|
|
.debugger-fnview-gutter-addr-el {
|
|
}
|
|
.debugger-fnview-gutter-addr-el-inactive {
|
|
color: #999;
|
|
}
|
|
.debugger-fnview-gutter-code {
|
|
width: 76px;
|
|
background-color: #fff;
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
.debugger-fnview-gutter-code-el {
|
|
padding-left: 6px;
|
|
color: #aaa;
|
|
}
|
|
.debugger-fnview-line-highlight-bg {
|
|
background-color: red;
|
|
}
|
|
.debugger-fnview-graphview {
|
|
order: 2;
|
|
flex: 0 0 auto;
|
|
position: relative;
|
|
border-left: 1px solid #ddd;
|
|
min-width: 100px;
|
|
}
|
|
.debugger-fnview-footer {
|
|
order: 3;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
}
|
|
.debugger-tools {
|
|
order: 3;
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
width: 40%;
|
|
}
|
|
.debugger-tools-threads {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
}
|
|
.debugger-tools-threads {
|
|
order: 1;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
}
|
|
.debugger-tools-threads-header-left {
|
|
order: 1;
|
|
flex: 1 1 auto;
|
|
padding-right: 5px;
|
|
}
|
|
.debugger-tools-threads-header-right {
|
|
order: 2;
|
|
flex: 0 0 auto;
|
|
}
|
|
.debugger-tools-callstack {
|
|
order: 2;
|
|
flex: 0 0 auto;
|
|
padding: 5px;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
position: relative;
|
|
height: 100px;
|
|
}
|
|
.debugger-tools-registers {
|
|
order: 3;
|
|
flex: 1 1 auto;
|
|
padding: 5px;
|
|
overflow-y: auto;
|
|
}
|
|
.debugger-tools-registers-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
margin-bottom: 5px;
|
|
}
|
|
.debugger-tools-registers-entry {
|
|
flex: 0 0 auto;
|
|
font-family: monospace;
|
|
padding-right: 5px;
|
|
width: 160px;
|
|
}
|
|
.debugger-tools-registers-entry .name {
|
|
font-weight: bold;
|
|
width: 26px;
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
.debugger-tools-registers-entry .value {
|
|
}
|
|
.debugger-tools-registers-container.special {
|
|
height: 46px;
|
|
}
|
|
.debugger-tools-registers-container.gpr {
|
|
height: 332px;
|
|
}
|
|
.special .debugger-tools-registers-entry,
|
|
.gpr .debugger-tools-registers-entry {
|
|
width: 300px;
|
|
}
|
|
.debugger-tools-registers-entry .hex-value {
|
|
border-style: none;
|
|
padding: 0;
|
|
width: 130px;
|
|
text-align: right;
|
|
}
|
|
.debugger-tools-registers-entry .int-value {
|
|
display: inline-block;
|
|
border-style: none;
|
|
padding: 0;
|
|
width: 92px;
|
|
text-align: right;
|
|
}
|
|
.debugger-tools-registers-container.fpr {
|
|
height: 172px;
|
|
}
|
|
.fpr .debugger-tools-registers-entry {
|
|
width: 170px;
|
|
}
|
|
.fpr .debugger-tools-registers-entry .value {
|
|
white-space: pre;
|
|
}
|
|
.vec .debugger-tools-registers-entry {
|
|
width: 160px;
|
|
}
|
|
.vec .debugger-tools-registers-entry .name {
|
|
width: 35px;
|
|
}
|
|
|
|
.debugger-module-info {
|
|
display: block;
|
|
pointer-events: none;
|
|
}
|
|
.debugger-module-info .modal-dialog {
|
|
width: 60vw;
|
|
}
|
|
.debugger-module-info.fade .modal-dialog {
|
|
-webkit-transition: none;
|
|
-webkit-transform: translate(0,0);
|
|
}
|
|
.debugger-module-info div {
|
|
pointer-events: auto;
|
|
}
|
|
.debugger-module-info .modal-body {
|
|
max-width: 60vw;
|
|
max-height: 80vh;
|
|
overflow-y: auto;
|
|
}
|
|
.debugger-module-info-outer-table {
|
|
}
|
|
.debugger-module-info-outer-table tbody tr td:nth-child(1) {
|
|
width: 110px;
|
|
}
|
|
.debugger-module-info-inner-table {
|
|
width: 300px;
|
|
}
|
|
.debugger-module-info-inner-table td:nth-child(1) {
|
|
text-align: right;
|
|
}
|
|
.debugger-module-info-headers {
|
|
width: 400px;
|
|
}
|
|
.debugger-module-info-sections {
|
|
width: 400px;
|
|
}
|
|
.debugger-module-info-static-libraries {
|
|
width: 400px;
|
|
}
|
|
.debugger-module-info-imports {
|
|
width: 900px;
|
|
}
|
|
.debugger-module-info-imports td:nth-child(1) {
|
|
width: 40px;
|
|
}
|
|
.debugger-module-info-imports td:nth-child(2) {
|
|
width: 64px;
|
|
}
|
|
.debugger-module-info-imports td:nth-child(3) {
|
|
width: 60px;
|
|
}
|
|
.debugger-module-info-imports td:nth-child(4) {
|
|
width: 100%;
|
|
}
|
|
.debugger-module-info-imports td:nth-child(5) {
|
|
width: 80px;
|
|
}
|
|
.debugger-module-info-imports td:nth-child(6) {
|
|
width: 80px;
|
|
}
|