mirror of
https://github.com/lrsjng/h5ai.git
synced 2024-09-20 04:38:51 -04:00
Update info page.
This commit is contained in:
parent
48d197ad06
commit
bc7323b717
2 changed files with 14 additions and 19 deletions
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue