Update info page.

This commit is contained in:
Lars Jung 2014-12-07 13:21:28 +01:00
parent 7b837066ec
commit 48d197ad06
2 changed files with 26 additions and 21 deletions
src/_h5ai/client/css/inc

View file

@ -6,7 +6,8 @@
@col-border-strong: rgba(0,0,0,0.15); @col-border-strong: rgba(0,0,0,0.15);
@col-border-stronger: rgba(0,0,0,0.3); @col-border-stronger: rgba(0,0,0,0.3);
@col-error: rgb(204,51,51); @col-okay: #689f38;
@col-error: #d32f2f;
@col-link: #42a5f5; @col-link: #42a5f5;
@col-link-hover: #42a5f5; @col-link-hover: #42a5f5;
@ -33,8 +34,8 @@
@font-family-mono: monospace; @font-family-mono: monospace;
::-moz-selection { background: #68A9FF; color: #fff; text-shadow: none; } ::-moz-selection { background: #68A9ff; color: #fff; text-shadow: none; }
::selection { background: #68A9FF; color: #fff; text-shadow: none; } ::selection { background: #68A9ff; color: #fff; text-shadow: none; }
.transition (@transition) { .transition (@transition) {
-webkit-transition: @transition; -webkit-transition: @transition;

View file

@ -6,7 +6,6 @@ body#h5ai-info {
order: 50; order: 50;
color: @col; color: @col;
text-align: center; text-align: center;
background: #fff;
overflow-y: scroll; overflow-y: scroll;
} }
@ -45,7 +44,7 @@ body#h5ai-info {
margin: 12px auto 24px auto; margin: 12px auto 24px auto;
padding: 6px 18px; padding: 6px 18px;
width: 180px; width: 180px;
background: @col-widget-back; background: #fafafa;
border: @border-widget; border: @border-widget;
border-radius: 4px; border-radius: 4px;
@ -61,31 +60,36 @@ body#h5ai-info {
font-family: @font-family; font-family: @font-family;
font-weight: @font-weight; font-weight: @font-weight;
color: @col; color: @col;
background: @col-widget-back-highlight; background: #fff;
border: @border-widget; border: none;
outline: none; outline: none;
display: inline-block; display: inline-block;
width: 200px; width: 200px;
height: 27px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
padding: 0 6px; border-radius: 2px;
margin: 8px; margin: 8px;
padding: 0 12px;
line-height: 28px;
} }
#login, #logout { #login, #logout {
display: inline-block; display: inline-block;
padding: 4px 16px;
margin: 8px; margin: 8px;
background-color: @col-widget-back; padding: 0 12px;
border: @border-widget; line-height: 28px;
cursor: pointer; cursor: pointer;
color: @col;
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);
border-radius: 2px;
&:hover { &:hover {
color: @col-hover; box-shadow: 0 1px 8px 0px rgba(0,0,0,0.5);
} }
} }
@ -105,7 +109,10 @@ body#h5ai-info {
.test { .test {
margin: 12px 0 0 0; margin: 12px 0 0 0;
padding: 6px; padding: 8px;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
background: #fff;
border-radius: 2px;
} }
.label { .label {
display: inline-block; display: inline-block;
@ -118,19 +125,16 @@ body#h5ai-info {
font-weight: bold; font-weight: bold;
&.passed { &.passed {
color: #5a5; color: @col-okay;
} }
&.failed { &.failed {
color: #a55; color: @col-error;
} }
} }
.info { .info {
margin: 4px 0 12px 12px;
font-size: 0.7em; font-size: 0.7em;
font-weight: lighter; font-weight: lighter;
color: #aaa; margin: 4px 0 0 0;
width: 460px;
line-height: 1.2em;
} }
} }
} }