Update info page.

This commit is contained in:
Lars Jung 2014-12-07 14:05:30 +01:00
parent 48d197ad06
commit bc7323b717
2 changed files with 14 additions and 19 deletions

View file

@ -34,8 +34,8 @@
@font-family-mono: monospace; @font-family-mono: monospace;
::-moz-selection { background: #68A9ff; color: #fff; text-shadow: none; } ::-moz-selection { background: #42a5f5; color: #fff; text-shadow: none; }
::selection { background: #68A9ff; color: #fff; text-shadow: none; } ::selection { background: #42a5f5; color: #fff; text-shadow: none; }
.transition (@transition) { .transition (@transition) {
-webkit-transition: @transition; -webkit-transition: @transition;
@ -96,3 +96,7 @@ body {
// non-webkit fix; // non-webkit fix;
height: 0; height: 0;
} }
*:focus {
outline: 1px solid #42a5f5;
}

View file

@ -20,17 +20,9 @@ body#h5ai-info {
font-size: 0.8em; font-size: 0.8em;
} }
h1 {
font-size: 3.6em;
margin: 0.8em 0 0 0;
}
h2 {
font-size: 1.15em;
margin: 2.6em 0 0 0;
}
#header a { #header a {
font-size: 2.1em;
margin: 0.8em 0 0 0;
color: @col; color: @col;
text-decoration: none; text-decoration: none;
.transition(all 0.2s ease-in-out); .transition(all 0.2s ease-in-out);
@ -76,17 +68,16 @@ body#h5ai-info {
display: inline-block; display: inline-block;
margin: 8px; margin: 8px;
padding: 0 12px; padding: 0 12px;
background: #42a5f5;
color: #fff;
line-height: 28px; line-height: 28px;
cursor: pointer; cursor: pointer;
border-radius: 2px;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
.transition(all 0.2s ease-in-out); .transition(all 0.2s ease-in-out);
background: #42a5f5;
color: #fff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
border-radius: 2px;
&:hover { &:hover {
box-shadow: 0 1px 8px 0px rgba(0,0,0,0.5); box-shadow: 0 1px 8px 0px rgba(0,0,0,0.5);
@ -96,7 +87,7 @@ body#h5ai-info {
#hint { #hint {
margin: 12px auto; margin: 12px auto;
width: 380px; width: 380px;
color: @col; font-weight: lighter;
} }
#tests { #tests {
@ -105,7 +96,6 @@ body#h5ai-info {
list-style-type: none; list-style-type: none;
margin: 96px 0; margin: 96px 0;
padding: 0; padding: 0;
font-size: 1.4em;
.test { .test {
margin: 12px 0 0 0; margin: 12px 0 0 0;
@ -117,11 +107,13 @@ body#h5ai-info {
.label { .label {
display: inline-block; display: inline-block;
width: 250px; width: 250px;
font-size: 1.4em;
} }
.result { .result {
display: inline-block; display: inline-block;
width: 250px; width: 250px;
text-align: right; text-align: right;
font-size: 1.4em;
font-weight: bold; font-weight: bold;
&.passed { &.passed {
@ -132,7 +124,6 @@ body#h5ai-info {
} }
} }
.info { .info {
font-size: 0.7em;
font-weight: lighter; font-weight: lighter;
margin: 4px 0 0 0; margin: 4px 0 0 0;
} }