diff options
Diffstat (limited to 'webroot/css/debug.css')
| -rw-r--r-- | webroot/css/debug.css | 603 |
1 files changed, 603 insertions, 0 deletions
diff --git a/webroot/css/debug.css b/webroot/css/debug.css new file mode 100644 index 0000000..ed5c4b8 --- /dev/null +++ b/webroot/css/debug.css @@ -0,0 +1,603 @@ +/** + * Lithium: the most rad php framework + * + * @copyright Copyright 2010, Union of RAD (http://union-of-rad.org) + * @license http://opensource.org/licenses/bsd-license.php The BSD License + */ +* { + margin: 0; + padding: 0; +} + +body.test-dashboard { + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + margin: 0; + min-width: 800px; +} + +body.test-dashboard a { + color: #333; +} + +body.test-dashboard #header h1 { + margin: 0; + float:right; + font-weight: normal; +} + +body.test-dashboard #header h1 a { + text-decoration: none; + display: block; + padding: .45em 0.75em 0 0; + color: rgba(0,0,0,.15); +} + +body.test-dashboard .triangle:before { + content: '\25B2'; + font-size: 1em; +} + +body.test-dashboard #header { + padding: 0; +} + +body.test-dashboard #header:after { + display: block; + content: ' '; + clear: both; +} + +body.test-dashboard .article { + clear:both; +} + +body.test-dashboard .test-content { + float:left; + padding: 2em 2% 4em; + width: 74%; +} + +.test-content h2 { + font-weight: normal; + font-size: 1.45em; + margin-bottom: .5em; + float: left; +} +.test-content h2 span { + color: #bbb; + display: block; + font-size: .55em; +} +.test-content h3 { + font-weight: normal; + margin: 1.5em 0 1em; +} + +body.test-dashboard a.test-button, +body.test-dashboard a.test-button:link, +body.test-dashboard a.test-button:visited, +body.test-dashboard a.test-button:hover, +body.test-dashboard a.test-button:active { + display: block; + float: right; + font-weight: bold; + font-size: 1.25em; + background-color:#f5f5f5; + border-color: #e6e6e6; + color: #999; + padding: .5em 1em; + margin: 0; + background-color: white; + border: 1px solid #e5e5e5; + text-decoration: none; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 0 6px rgba(0,0,0,.1); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1); + box-shadow: 0 0 6px rgba(0,0,0,.1); +} + +body.test-dashboard a.test-button:hover, +body.test-dashboard a.test-button:active { + color: black; + background: white; + -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + box-shadow: inset 0 0 6px rgba(0,0,0,.15); +} + +body.test-dashboard ul { + margin: .25em 0; + padding: 0.2em 0 0 0; +} + +body.test-dashboard ul ul li { + display: block; + margin: 0 0 1px .5em; + padding: 0.25em 0 0 0.75em; + border: 1px solid rgba(0,0,0,0.05); + border-width: 0 0 0 1px; +} + +body.test-dashboard .test-menu { + float: left; + padding: .75em 0 1em 1%; + width: 20%; + background: #f6f6f6; + font-size: .85em; +} + +.test-dashboard .test-menu > ul { + margin-top: 0; + padding-top: 1px; +} +.test-dashboard .test-menu ul li ul { + margin-top: .1em; +} +.test-dashboard .test-menu li:hover { +} +.test-dashboard .test-menu li > ul { + display: block; +} +.test-dashboard .test-menu li:hover > ul { + display: block; +} +ul.menu, ul.menu ul { + list-style: none; +} +ul.menu a { + color: #666; + text-decoration: none; + display: block; +} + +ul.menu a:hover, ul.menu a:active, ul.menu a.menu-folder:hover { + color: black; +} + +ul.menu a.menu-folder { + color: #333; + font-weight: bold; + text-decoration: none; + font-size: 1.2em; +} + + +a.test-all { + display: block; + float: left; + font-size: 1.5em; + text-align: center; + text-decoration: none; + padding: .75em 0; + width: 21%; + color: #666; + background: #e6e6e6; +} +a.test-all:hover { + background: #60AF12; + -moz-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + box-shadow: inset 0 0 12px rgba(0,0,0,.25); + color: white !important; + text-shadow: 0px 0px 6px rgba(0,0,0,.5); +} + +ul.menu a { + display: block; + padding: 0.1em 0; +} + +ul.menu a:before, a.menu-folder:before, ul.metrics li:before { + display: inline !important; + float: none !important; + padding: 0 0.5em 0 0; + content: '\25B4'; + font-weight: normal; + color: rgba(0,0,0,.1); +} +a.menu-folder:before { + padding: 0 !important; + content: '\25B2' !important; +} +ul.menu a:hover:before, a.menu-folder:hover:before, ul.metrics li:hover:before { + color: #60AF12; +} + +/*--- Benchmarking ---*/ +table.metrics { + border: 1px solid #e6e6e6; + -moz-box-shadow: 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,.15); + box-shadow: 0 0 6px rgba(0,0,0,.15); +} +table.metrics { + border-collapse: collapse; +} +table.metrics th { + padding: .5em 1em; + font-size: 1.1em; + color: black; + background: #e6e6e6; + font-weight: normal; +} +table.metrics th, table.metrics td { + border-bottom: 1px solid rgba(0,0,0,.05); +} + +td.metric-name { + text-align: left; + white-space: nowrap; + padding: 6px 8px; + background: #e6e6e6; + width: 35%; +} +tr:hover td.metric-name { + background: #f5f5f5; +} +td.metric { + font-family: 'Andale Mono', Monaco, Courier, monospace !important; + font-weight: bold; + padding: 6px 8px; + text-align: right; + width: 65%; + background: #f5f5f5; +} +tr:hover td.metric { + background: white; +} + +ul.classes, ul.files { + list-style-type: none; + font-family: 'Andale Mono', Monaco, Courier, monospace !important; +} + +ul.metrics { + list-style-type: none; + padding: .5em !important; +} + +ul.metrics li { + padding: .25em; +} + +/*--- Test Results ---*/ +div.test-result { + clear: both; + margin: 1em 0 .5em; + padding: .75em 1em .55em; + color: #FFFFFF; + background: #666; + border: 1px solid #000000; + border-width: 0 0 4px 0; + font-size: 1.15em; + -moz-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + -webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.25); + box-shadow: inset 0 0 12px rgba(0,0,0,.25); + text-shadow: 0px 0px 6px rgba(0,0,0,.5); +} + +div.test-result-success { + background-color: #62B212; + border-color: #467F0D; +} + +div.test-result-fail { + background-color: #CC1414; + border-color: #7F0D0D; +} + +div.test-result-exception { + background-color: #E58F16; + border-color: #995F0F; +} +div.test-result-notice { + background-color: #E5D416; + border-color: #B2A511; +} + +div.test-result code { + background: rgba(0,0,0,.25); + color: rgba(255,255,255,.85); + border: none; + font-size: .75em; + padding: .1em .5em !important; + text-shadow: none; +} + +div.test-assert, div.test-exception, div.test-skip { + margin: 1px 0 0 0; + padding: .5em 0 .5em 1em; + color: #000000; + font-family: 'Andale Mono', Monaco, Courier, monospace !important; + font-size: 1em; + line-height: 1.5em; + position: relative; + border: 1px solid rgba(0,0,0,.05); + border-width:0 0 1px 8px; +} + +div.test-assert-passed { + border-left-color: #D0F9E0; +} + +div.test-assert-failed { + color: #7F0D0D; + border-left-color: #CC1414; +} + +div.test-exception { + color: #995F0F; + border-left-color: #E58F16; +} + +div.test-skip { + background-color: #fafafa; + color: #666; +} + +.test-assert span.content, +.test-exception span.content, +.test-skip span.content, +.test-assert span.trace, +.test-exception span.trace, +.test-skip span.trace { + display: block; + clear: both; + white-space: pre; + color: #777; + font-size: .9em; + padding: .5em 1em; + margin: .5em 0; + background: #fafafa; + border: 1px solid rgba(0,0,0,.1); + -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15); + box-shadow: inset 0 0 6px rgba(0,0,0,.15); +} + +.test-assert span.trace { + padding: 0 .5em; + margin: .25em 0 .25em .5em; + background: #FAFAFA; +} + +div.test-exception span.trace { + font-style: italic; +} + +div.test-skip span.content { + color: #999; + padding: 0 1em; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + border: none; +} +/*--- SQL Dumps ---*/ +.lithium-sql-log table { + background: #f4f4f4; +} + +.lithium-sql-log td { + padding: 4px 8px; + text-align: left; +} + + +/*--- Debugger Dumps ---*/ +pre { + color: #000; + background: #f0f0f0; + padding: 1em; +} + +pre.lithium-debug { + background: #ffcc00; + font-size: 1.2em; + line-height: 1.5em; + margin-top: 1em; + overflow: auto; + position: relative; +} + +div.lithium-exception-class, div.lithium-exception-location { + font-weight: bold; +} + +div.lithium-exception-message { + color: #000; + background: #f0f0f0; + padding: 1em; +} + +div.lithium-stack-trace { + background: #fff; + border: 4px dotted #ffcc00; + color: #333; + margin: 0px; + padding: 6px; + font-size: 1.2em; + line-height: 1.5em; + overflow: auto; + position: relative; +} + +/*--- Code Highlighting ---*/ +div.lithium-code-dump pre { + position: relative; + overflow: auto; +} + +div.lithium-stack-trace pre, div.lithium-code-dump pre { + color: #000; + background-color: #F0F0F0; + margin: 0px; + padding: 1em; + overflow: auto; +} + +div.lithium-code-dump pre, div.lithium-code-dump pre code { + clear: both; + font-size: 1em; + line-height: 1.5em; + margin: 4px 2px; + padding: 4px; + overflow: auto; +} + +div.lithium-code-dump span.code-highlight { + background-color: #ff0; +} + +/*--- Code Coverage Analysis ---*/ +span.filters { + display: block; + float: right; + margin: 1em 0 .5em 0; +} +span.filters a { + display: block; + float: left; + padding: .5em 1em; + margin-left: .25em; + text-decoration:none; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + background: #e6e6e6; + color: #666; +} +span.filters a:hover, span.filters a.active { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + color: black; + background: #f5f5f5; +} + +span.filters a.active { + background: #62B212; + text-shadow: 0px 0px 6px rgba(0,0,0,.5); + color: white; +} + +div.code-coverage-results, h4.code-coverage-name { + clear: both; + color: #000000; + font-size: .8em; + font-family: 'Andale Mono', Monaco, Courier, monospace !important; + background-color: #fafafa; + border: 1px solid #e6e6e6; + border: 1px solid rgba(0,0,0,.1); + -moz-box-shadow: 0 0 6px rgba(0,0,0,.15); + -webkit-box-shadow: 0 0 6px rgba(0,0,0,.15); + box-shadow: 0 0 6px rgba(0,0,0,.15); +} + +h4.coverage { + color: #454545; + margin: 2em 0 .5em; + font-weight: normal; + padding: 0; +} + +h4.code-coverage-name { + color: #999; + background-color: #ECECEC; + border-top: none; + padding: 0.25em 0.5em; + margin: 0 1px 0 0; + font-weight: normal; + float: right; +} + +div.code-coverage-results div.code-line { + display: block; + float: none; + clear: both; +} + +div.code-coverage-results span.content { + display: block; + clear: right; + white-space: pre; + line-height: 1.5em; + min-height: 1.5em; + background: black; +} + +div.code-coverage-results div.uncovered span.content { + color: #FFD8D8; + background-color: #260000; +} + +div.code-coverage-results div.covered span.content { + color: #DDFDCB; + background-color: #0C2600; +} + +div.code-coverage-results div.ignored span.content { + color: rgba(255,255,255,.5); +} + +div.code-coverage-results span.line-num { + display: block; + float: left; + width: 3em; + color: #999; + background-color: #ECECEC; + text-align: right; + border-right: 1px solid #ccc; + padding-right: 4px; + margin-right: 5px; + line-height: 1.5em; +} + +div.code-coverage-results .code-line:hover span.line-num { + background: #ddd; + color: #666; +} + +div.code-coverage-results span.line-num strong { + color: #666; +} + +div.code-coverage-results div.start { + margin-top: 30px; + padding-top: 5px; + border: 1px solid #aaa; + border-width: 1px 1px 0px 1px; +} + +div.code-coverage-results div.end { + margin-bottom: 30px; + padding-bottom: 5px; + border: 1px solid #aaa; + border-width: 0px 1px 1px 1px; +} + +div.code-coverage-results div.realstart { + margin-top: 0px; +} + +div.code-coverage-results p.note { + color: #bbb; + padding: 5px; + margin: 5px 0 10px; + font-size: .8em; +} + +div.code-coverage-results span.result-bad { + color: #a00; +} + +div.code-coverage-results span.result-ok { + color: #fa0; +} + +div.code-coverage-results span.result-good { + color: #0a0; +} |