1
0

smaller prog previews + self test

This commit is contained in:
2018-01-27 14:21:34 +01:00
parent 88e04c4a87
commit a84a475008
58 changed files with 521 additions and 54 deletions

View File

@@ -230,6 +230,8 @@ body {
background-color: #555; }
#headerdiv .tabrow .tab_active {
background-color: #442222; }
#headerdiv .tabrow .tab_admin {
background-color: #222244; }
#headerdiv .tabrow .tab_split {
flex: auto; }
#headerdiv .tabrow .tab_github {
@@ -1051,6 +1053,8 @@ html, body {
.keyvaluelist div {
display: flex;
flex-direction: row; }
.keyvaluelist div span {
align-self: center; }
.keyvaluelist div span:first-child {
font-weight: bold;
min-width: 500px; }
@@ -1064,6 +1068,21 @@ html, body {
.kvl_300 div span:first-child {
min-width: 300px; }
.consistency_result_ok, .consistency_result_warn, .consistency_result_err {
min-width: 400px;
border: 1px solid #888;
padding: 0 5px;
margin: 1px 0; }
.consistency_result_ok {
background: #0F0; }
.consistency_result_warn {
background: #FF0; }
.consistency_result_err {
background: #F00; }
/* 400px */
#loginform div {
display: flex;

View File

@@ -48,6 +48,7 @@ body{background-color:#EEE;color:#CCC;font-family:serif}
#headerdiv .tabrow .tab{display:flex;justify-content:center;align-items:center;background-color:#222;color:#CCC;border-left:1px solid #000;border-right:1px solid #000;font-weight:bold;text-decoration:none;margin:0 0 0 20px;padding:2px 5px;min-width:64px;text-align:center;flex:initial}
#headerdiv .tabrow .tab:hover{cursor:pointer;background-color:#555}
#headerdiv .tabrow .tab_active{background-color:#422}
#headerdiv .tabrow .tab_admin{background-color:#224}
#headerdiv .tabrow .tab_split{flex:auto}
#headerdiv .tabrow .tab_github{background-color:#4078c0;border-left:1px solid #111;border-right:0;color:black}
#headerdiv .tabrow .tab_github:hover{background-color:#c9510c;color:black}
@@ -260,10 +261,15 @@ html,body{margin:0;padding:0;height:100%}
.egh_ajaxOutput{display:flex;box-sizing:border-box;width:100%;align-self:center;justify-self:center;margin-left:auto;margin-right:auto;resize:none;height:300px}
.keyvaluelist{display:flex;flex-direction:column}
.keyvaluelist div{display:flex;flex-direction:row}
.keyvaluelist div span{align-self:center}
.keyvaluelist div span:first-child{font-weight:bold;min-width:500px}
.kvl_100 div span:first-child{min-width:100px}
.kvl_200 div span:first-child{min-width:200px}
.kvl_300 div span:first-child{min-width:300px}
.consistency_result_ok,.consistency_result_warn,.consistency_result_err{min-width:400px;border:1px solid #888;padding:0 5px;margin:1px 0}
.consistency_result_ok{background:#0F0}
.consistency_result_warn{background:#FF0}
.consistency_result_err{background:#F00}
#loginform div{display:flex;flex-direction:column}
#loginform div button{margin:10px 0;padding:0}
.loginerror{display:flex;background:#f44;font-weight:bold;padding:0 5px;margin:5px 0 20px 0}

View File

@@ -29,7 +29,7 @@
div {
display: flex;
flex-direction: row;
span {align-self: center;}
span:first-child {
font-weight: bold;
min-width: 500px;
@@ -44,4 +44,14 @@
.kvl_100 div span:first-child { min-width: 100px; }
.kvl_200 div span:first-child { min-width: 200px; }
.kvl_300 div span:first-child { min-width: 300px; }
.kvl_300 div span:first-child { min-width: 300px; }
.consistency_result_ok, .consistency_result_warn, .consistency_result_err {
min-width: 400px;
border: 1px solid #888;
padding: 0 5px;
margin: 1px 0;
}
.consistency_result_ok { background: #0F0; }
.consistency_result_warn { background: #FF0; }
.consistency_result_err { background: #F00; }

View File

@@ -13,6 +13,7 @@ $COL_COMPLEXHOVER_BRD: black;
$COL_GITHUB: #4078C0;
$COL_HIGHLIGHT_RED: #442222;
$COL_HIGHLIGHT_BLUE: #222244;
$FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
$FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;

View File

@@ -53,6 +53,7 @@
}
.tab_active { background-color: $COL_HIGHLIGHT_RED; }
.tab_admin { background-color: $COL_HIGHLIGHT_BLUE; }
.tab_split {
flex: auto;