179 lines
2.5 KiB
SCSS
179 lines
2.5 KiB
SCSS
body {
|
|
background: #eee !important;
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
padding: 0;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
/**
|
|
* Use class="info" for a regular backgroun
|
|
*/
|
|
.info {
|
|
margin: 0 0 6px 0;
|
|
padding: 18px;
|
|
position: relative;
|
|
|
|
// try to get the info above the template with z-index
|
|
z-index: 9999;
|
|
|
|
h1 {
|
|
margin: 0 0 6px 0;
|
|
padding: 0 32px 0 0;
|
|
font-size: 24px;
|
|
text-shadow: 0 1px darken(#003050, 5%);
|
|
line-height: 30px;
|
|
|
|
background: url("../images/logo_small.png") no-repeat right 3px;
|
|
}
|
|
|
|
h3 {
|
|
color: #003050;
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: #7da4be;
|
|
|
|
&:hover,
|
|
&:active {
|
|
text-decoration: underline;
|
|
color: #7da4be;
|
|
}
|
|
}
|
|
|
|
li {
|
|
font-size: 14px;
|
|
margin: 6px 0;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Use class="info header" to get the dark background
|
|
*/
|
|
.header {
|
|
background-color: #003050;
|
|
background-image: linear-gradient(darken(#003050, 5%), #003050 10%, #003050 90%, darken(#003050, 5%));
|
|
|
|
color: #fff;
|
|
|
|
h1 {
|
|
background: url("../images/logo_small.png") no-repeat right 3px;
|
|
}
|
|
|
|
h3 {
|
|
color: #7da4be;
|
|
font-weight: normal;
|
|
}
|
|
|
|
p {
|
|
color: #fff;
|
|
}
|
|
|
|
a {
|
|
color: #fff;
|
|
|
|
&:hover,
|
|
&:active {
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.trace,
|
|
.build,
|
|
.options {
|
|
padding: 6px 12px;
|
|
|
|
background: #eee !important;
|
|
// try to get the info above the template with z-index
|
|
position: relative;
|
|
z-index: 9999;
|
|
|
|
}
|
|
|
|
a {
|
|
color: #666;
|
|
|
|
&:hover {
|
|
color: #222;
|
|
}
|
|
|
|
&:active {
|
|
color: #111;
|
|
}
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
pre {
|
|
margin-bottom: 20px;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #eee;
|
|
border: 1px solid rgba(0, 0, 0, .08);
|
|
color: #333;
|
|
padding: 11px;
|
|
overflow: auto;
|
|
|
|
border-radius: 4px;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
|
|
|
|
span {
|
|
color: #999;
|
|
}
|
|
|
|
.error {
|
|
color: #f00;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
margin: 0 0 12px 0;
|
|
}
|
|
|
|
h3 {
|
|
margin: 0 0 6px 0;
|
|
color: #333;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
ul {
|
|
margin: 0 0 18px 0;
|
|
padding: 0 0 0 18px;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #b2b2b2;
|
|
margin-bottom: 18px;
|
|
padding: 17px;
|
|
}
|
|
|
|
.pass {
|
|
margin-top: 18px;
|
|
padding: 2px 20px 2px 40px;
|
|
color: #006600;
|
|
background: #E2F9E3;
|
|
border: 1px solid #8DD38D;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.fail {
|
|
margin-top: 18px;
|
|
padding: 2px 20px 2px 40px;
|
|
color: #C80700;
|
|
background: #FFE9E9;
|
|
border: 1px solid #C80700;
|
|
border-radius: 4px;
|
|
}
|