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

programspanel

Browse Source
This commit is contained in:
Mike Schwörer
2018-01-03 21:02:40 +01:00
parent 04a798bfa1
commit 8589cb2324
43 changed files with 325 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,7 +7,9 @@ body {
padding-top: 64px;
display: flex;
justify-content: center;
line-height: 1.4; }
line-height: 1.4;
flex-direction: column;
align-items: center; }
.content-responsive {
margin-left: auto;
@@ -495,6 +497,9 @@ html, body {
font-size: 22px;
font-weight: 900; }
@media (max-width: 850px) {
.euler_pnl_header a {
font-size: 16px; } }
.euler_pnl_header a:hover {
text-decoration: underline; }
@@ -564,6 +569,89 @@ html, body {
.euler_pnl_cell_notexist {
background: #CCCCCC; }
.programs_pnl_base {
display: inline-flex;
flex-direction: column;
border: 1px solid #AAA;
border-radius: 5px 5px 0 0;
margin: 15px;
width: 652px; }
.programs_pnl_header {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
background: #AAA; }
.programs_pnl_header a {
color: #222;
text-decoration: none;
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 900; }
.programs_pnl_content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
background: #DDD;
padding: 6px; }
.programs_pnl_content .programs_pnl_entry {
display: flex;
flex-direction: column;
width: 190px;
border: 1px solid #333;
background: #AAA;
color: #000;
text-decoration: none;
margin: 4px; }
.programs_pnl_content .programs_pnl_entry:hover {
box-shadow: 0 0 8px #000000; }
.programs_pnl_content .programs_pnl_img {
min-height: 140px;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 4px; }
.programs_pnl_content .programs_pnl_img img {
width: 100%;
height: auto; }
.programs_pnl_content .programs_pnl_center {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: black;
font-weight: bolder;
font-size: 16pt;
flex-grow: 1; }
.programs_pnl_content .programs_pnl_bottom {
background: #888;
display: flex;
flex-direction: row; }
.programs_pnl_content .programs_pnl_bottom_1, .programs_pnl_content .programs_pnl_bottom_2 {
flex-grow: 1;
text-align: center;
display: flex;
flex-direction: column; }
.programs_pnl_content .programs_pnl_bottom_sub_top {
color: #444; }
.programs_pnl_content .programs_pnl_bottom_sub_bot {
color: #111;
font-weight: bolder; }
@media (max-width: 850px) {
.programs_pnl_base {
width: 320px; }
.programs_pnl_base .programs_pnl_entry {
width: 100%; }
.programs_pnl_base .programs_pnl_bottom_sub_top {
margin-left: 4px;
margin-right: 6px; }
.programs_pnl_base .programs_pnl_bottom_1, .programs_pnl_base .programs_pnl_bottom_2 {
flex-direction: row; } }
.bfjoust_runner_owner {
border: 1px solid #888;
background: #F8F8F8;

1
www/data/css/styles.scss
View File

@@ -9,5 +9,6 @@
@import 'styles_errorview';
@import 'styles_eulerpanel';
@import 'styles_programspanel';
@import 'styles_bfjoustrunner';
@import 'styles_befungerunner';

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

@@ -28,6 +28,8 @@
font-weight: 900;
}
@media (max-width: 850px) { .euler_pnl_header a { font-size: 16px; } }
.euler_pnl_header a:hover {
text-decoration: underline;
}

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

@@ -12,6 +12,9 @@ body {
justify-content: center;
line-height: 1.4;
flex-direction: column;
align-items: center;
}
.content-responsive {

130
www/data/css/styles_programspanel.scss Normal file
View File

@@ -0,0 +1,130 @@
@import 'styles_config';
.programs_pnl_base {
display: inline-flex;
flex-direction: column;
border: 1px solid #AAA;
border-radius: 5px 5px 0 0;
margin: 15px;
width: 652px;
}
.programs_pnl_header {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
background: #AAA;
}
.programs_pnl_header a {
color: #222;
text-decoration: none;
font-family: $FONT_HEADER;
font-size: 22px;
font-weight: 900;
}
.programs_pnl_content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
background: #DDD;
padding: 6px;
.programs_pnl_entry {
display: flex;
flex-direction: column;
width: 190px;
border: 1px solid #333;
background: #AAA;
color: #000;
text-decoration: none;
margin: 4px;
&:hover {
box-shadow: 0 0 8px #000000;
}
}
.programs_pnl_img {
min-height: 140px;
display:flex;
flex-direction: column;
justify-content: flex-start;
margin: 4px;
}
.programs_pnl_img img {
width: 100%;
height: auto;
}
.programs_pnl_center {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: black;
font-weight: bolder;
font-size: 16pt;
flex-grow: 1;
}
.programs_pnl_bottom {
background: #888;
display: flex;
flex-direction: row;
}
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-grow: 1;
text-align: center;
display:flex;
flex-direction: column;
}
.programs_pnl_bottom_sub_top {
color: #444;
}
.programs_pnl_bottom_sub_bot {
color: #111;
font-weight: bolder;
}
}
@media (max-width: 850px) {
.programs_pnl_base {
width: 320px;
.programs_pnl_entry {
width: 100%;
}
.programs_pnl_bottom_sub_top {
margin-left: 4px;
margin-right: 6px;
}
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: row;
}
}
}