Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

/admin/ highscores

Browse Source
This commit is contained in:
Mike Schwörer
2018-01-26 23:52:55 +01:00
parent 82bb16be57
commit e1fec28368
14 changed files with 295 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
www/data/css/styles.css
View File

@@ -124,21 +124,40 @@ body {
text-decoration: none;
border: 1px solid #000;
margin: 5px 0; }
.iconbutton:hover {
cursor: pointer;
background-color: #555; }
.iconbutton svg {
width: 14pt;
height: 14pt;
margin: 0 4px;
fill: #CCC; }
.iconbutton span {
flex-grow: 1;
text-align: center;
font-size: 14pt; }
.iconbutton:hover {
cursor: pointer;
background-color: #555; }
.iconbutton svg {
width: 14pt;
height: 14pt;
margin: 0 4px;
fill: #CCC; }
.iconbutton span {
flex-grow: 1;
text-align: center;
font-size: 14pt; }
.iconbutton_light {
display: flex;
justify-content: center;
align-items: center;
background: #888;
color: #222;
text-decoration: none;
border: 1px solid #000;
margin: 5px 0; }
.iconbutton_light:hover {
cursor: pointer;
background-color: #555; }
.iconbutton_light svg {
width: 14pt;
height: 14pt;
margin: 0 4px;
fill: #000; }
.iconbutton_light span {
flex-grow: 1;
text-align: center;
font-size: 14pt; }
/* 400px */
#headerdiv {
@@ -975,7 +994,7 @@ html, body {
.about_circles a {
margin: 5px 0; }
.about_circles .iconbutton span {
.about_circles .iconbutton_light span {
text-align: left; }
/* 400px */
@@ -997,6 +1016,25 @@ html, body {
resize: none;
height: 300px; }
.keyvaluelist {
display: flex;
flex-direction: column; }
.keyvaluelist div {
display: flex;
flex-direction: row; }
.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; }
/* 400px */
#loginform div {
display: flex;

12
www/data/css/styles.min.css vendored
View File

@@ -27,6 +27,10 @@ body{background-color:#EEE;color:#CCC;font-family:serif}
.iconbutton:hover{cursor:pointer;background-color:#555}
.iconbutton svg{width:14pt;height:14pt;margin:0 4px;fill:#CCC}
.iconbutton span{flex-grow:1;text-align:center;font-size:14pt}
.iconbutton_light{display:flex;justify-content:center;align-items:center;background:#888;color:#222;text-decoration:none;border:1px solid #000;margin:5px 0}
.iconbutton_light:hover{cursor:pointer;background-color:#555}
.iconbutton_light svg{width:14pt;height:14pt;margin:0 4px;fill:#000}
.iconbutton_light span{flex-grow:1;text-align:center;font-size:14pt}
#headerdiv{z-index:999;background-color:#333;display:flex;border-bottom:1px solid #111;box-shadow:0 0 8px #000;position:fixed;width:100%}
#headerdiv .logowrapper{flex:initial;margin:0;padding:0;height:42px}
#headerdiv .logowrapper .logo{min-width:197.5px;height:30px;margin:4px 0 8px 6px;flex:initial}
@@ -240,10 +244,16 @@ html,body{margin:0;padding:0;height:100%}
.egg_footer>a:hover{text-decoration:none;color:#22F}
.about_circles{display:flex;flex-direction:column}
.about_circles a{margin:5px 0}
.about_circles .iconbutton span{text-align:left}
.about_circles .iconbutton_light span{text-align:left}
.admincontent{display:block;width:100%}
.admincontent .boxedcontent{margin-bottom:20px}
.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: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}
#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}

2
www/data/css/styles_about.scss
View File

@@ -112,6 +112,6 @@
a { margin: 5px 0; }
.iconbutton span {text-align: left;}
.iconbutton_light span {text-align: left;}
}

26
www/data/css/styles_admin.scss
View File

@@ -20,4 +20,28 @@
margin-right: auto;
resize: none;
height: 300px;
}
}
.keyvaluelist {
display: flex;
flex-direction: column;
div {
display: flex;
flex-direction: row;
span:first-child {
font-weight: bold;
min-width: 500px;
}
span:last-child {
}
}
}
.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; }

59
www/data/css/styles_global.scss
View File

@@ -132,24 +132,55 @@ body {
border: 1px solid #000;
margin: 5px 0;
&:hover {
cursor: pointer;
background-color: #555;
}
svg {
width: 14pt;
height: 14pt;
margin: 0 4px;
fill: $COL_TEXT_NORMAL;
}
span {
flex-grow: 1;
text-align: center;
font-size: 14pt;
}
}
.iconbutton:hover {
cursor: pointer;
background-color: #555;
}
.iconbutton_light {
display: flex;
justify-content: center;
align-items: center;
.iconbutton svg {
width: 14pt;
height: 14pt;
margin: 0 4px;
background: #888;
color: $COL_TEXT_DARK_DARKER;
text-decoration: none;
border: 1px solid #000;
fill: $COL_TEXT_NORMAL;
}
margin: 5px 0;
.iconbutton span {
flex-grow: 1;
text-align: center;
&:hover {
cursor: pointer;
background-color: #555;
}
svg {
width: 14pt;
height: 14pt;
margin: 0 4px;
fill: #000;
}
span {
flex-grow: 1;
text-align: center;
font-size: 14pt;
}
font-size: 14pt;
}