Skip to content

Commit

Permalink
Move style block to the head element.
Browse files Browse the repository at this point in the history
  • Loading branch information
@markstory
markstory committed Dec 6, 2014
1 parent 05463ad commit ef16440
Showing 1 changed file with 174 additions and 176 deletions.
350 changes: 174 additions & 176 deletions src/Template/Layout/dev_error.ctp
View file
Expand Up @@ -23,6 +23,180 @@ use Cake\Error\Debugger;
Error: <?= $this->fetch('title') ?>
</title>
<?= $this->Html->meta('icon') ?>
<style>
body {
font: 14px helvetica, arial, sans-serif;
color: #222;
background-color: #f8f8f8;
padding:0;
margin: 0;
max-height: 100%;
}

.code-dump,
pre {
background: #fefefe;
border: 1px solid #ddd;
padding: 5px;
white-space: pre-wrap;
}

header {
background-color: #C3232D;
color: #ffffff;
padding: 16px 10px;
border-bottom: 3px solid #626262;
}
.header-title {
margin: 0;
font-weight: normal;
font-size: 30px;
line-height: 64px;
}
.header-type {
opacity: 0.75;
display: block;
font-size: 16px;
line-height: 1;
}
.header-help {
font-size: 12px;
line-height: 1;
position: absolute;
top: 30px;
right: 16px;
}
.header-help a {
color: #fff;
}

.error-nav {
float: left;
width: 30%;
}
.error-contents {
padding: 10px 1%;
float: right;
width: 68%;
}

.error,
.error-subheading {
font-size: 18px;
margin-top: 0;
padding: 10px;
border: 1px solid #EDBD26;
}
.error-subheading {
background: #1798A5;
color: #fff;
border: 1px solid #02808C;
}
.error {
background: #ffd54f;
}
.customize {
opacity: 0.6;
}

.stack-trace {
list-style: none;
margin: 0;
padding: 0;
}
.stack-frame {
padding: 10px;
border-bottom: 1px solid #212121;
}
.stack-frame:last-child {
border-bottom: none;
}
.stack-frame a {
display: block;
color: #212121;
text-decoration: none;
}
.stack-frame.active {
background: #e5e5e5;
}
.stack-frame a:hover {
text-decoration: underline;
}
.stack-file,
.stack-function {
display: block;
margin-bottom: 5px;
}

.stack-frame-file,
.stack-file {
font-family: consolas, monospace;
}
.stack-function {
font-weight: bold;
}
.stack-file {
font-size: 0.9em;
}

.stack-details {
background: #ececec;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid #ababab;
padding: 10px;
margin-bottom: 18px;
}
.stack-frame-args {
float: right;
}

.toggle-link {
color: #1798A5;
text-decoration: none;
}
.toggle-link:hover {
text-decoration: underline;
}
.toggle-vendor-frames {
padding: 5px;
display: block;
text-align: center;
}

.code-excerpt {
width: 100%;
margin: 5px 0;
background: #fefefe;
}
.code-highlight {
display: block;
background: #fff59d;
}
.excerpt-line {
padding-left: 2px;
}
.excerpt-number {
background: #f6f6f6;
width: 50px;
text-align: right;
color: #666;
border-right: 1px solid #ddd;
padding: 2px;
}
.excerpt-number:after {
content: attr(data-number);
}

table {
text-align: left;
}
th, td {
padding: 4px;
}
th {
border-bottom: 1px solid #ccc;
}
</style>
</head>
<body>
<header>
Expand Down Expand Up @@ -117,181 +291,5 @@ window.addEventListener('load', function() {
});
});
</script>

<style>
body {
font: 14px helvetica, arial, sans-serif;
color: #222;
background-color: #f8f8f8;
padding:0;
margin: 0;
max-height: 100%;
}

.code-dump,
pre {
background: #fefefe;
border: 1px solid #ddd;
padding: 5px;
white-space: pre-wrap;
}

header {
background-color: #C3232D;
color: #ffffff;
padding: 16px 10px;
border-bottom: 3px solid #626262;
}
.header-title {
margin: 0;
font-weight: normal;
font-size: 30px;
line-height: 64px;
}
.header-type {
opacity: 0.75;
display: block;
font-size: 16px;
line-height: 1;
}
.header-help {
font-size: 12px;
line-height: 1;
position: absolute;
top: 30px;
right: 16px;
}
.header-help a {
color: #fff;
}

.error-nav {
float: left;
width: 30%;
}
.error-contents {
padding: 10px 1%;
float: right;
width: 68%;
}

.error,
.error-subheading {
font-size: 18px;
margin-top: 0;
padding: 10px;
border: 1px solid #EDBD26;
}
.error-subheading {
background: #1798A5;
color: #fff;
border: 1px solid #02808C;
}
.error {
background: #ffd54f;
}
.customize {
opacity: 0.6;
}

.stack-trace {
list-style: none;
margin: 0;
padding: 0;
}
.stack-frame {
padding: 10px;
border-bottom: 1px solid #212121;
}
.stack-frame:last-child {
border-bottom: none;
}
.stack-frame a {
display: block;
color: #212121;
text-decoration: none;
}
.stack-frame.active {
background: #e5e5e5;
}
.stack-frame a:hover {
text-decoration: underline;
}
.stack-file,
.stack-function {
display: block;
margin-bottom: 5px;
}

.stack-frame-file,
.stack-file {
font-family: consolas, monospace;
}
.stack-function {
font-weight: bold;
}
.stack-file {
font-size: 0.9em;
}

.stack-details {
background: #ececec;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid #ababab;
padding: 10px;
margin-bottom: 18px;
}
.stack-frame-args {
float: right;
}

.toggle-link {
color: #1798A5;
text-decoration: none;
}
.toggle-link:hover {
text-decoration: underline;
}
.toggle-vendor-frames {
padding: 5px;
display: block;
text-align: center;
}

.code-excerpt {
width: 100%;
margin: 5px 0;
background: #fefefe;
}
.code-highlight {
display: block;
background: #fff59d;
}
.excerpt-line {
padding-left: 2px;
}
.excerpt-number {
background: #f6f6f6;
width: 50px;
text-align: right;
color: #666;
border-right: 1px solid #ddd;
padding: 2px;
}
.excerpt-number:after {
content: attr(data-number);
}

table {
text-align: left;
}
th, td {
padding: 4px;
}
th {
border-bottom: 1px solid #ccc;
}
</style>

</body>
</html>

0 comments on commit ef16440

Please sign in to comment.