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

style unification

Browse Source 
(no more dropshadows)
(no more rounded corners)
This commit is contained in:
Mike Schwörer 2018-01-26 19:19:56 +01:00
parent f058c170c4
commit 3ecbaf0bff
Signed by: Mikescher
GPG Key ID: D3C7172E0A70F8CF
14 changed files with 323 additions and 309 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -147,7 +147,7 @@ body {
border-right: 1px solid #000;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 20px;
margin: 0 0 0 20px;
padding: 2px 5px;
min-width: 64px;
text-align: center;
@ -249,6 +249,43 @@ html, body {
display: none;
visibility: collapse; } }
/* 400px */
.index_pnl_base {
display: inline-flex;
flex-direction: column;
border: 1px solid black;
margin: 15px;
width: 652px; }
.index_pnl_header {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
background: #AAA; }
.index_pnl_header a {
color: #222;
text-decoration: none;
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 900; }
@media (max-width: 850px) {
.index_pnl_header a {
font-size: 16px; } }
.index_pnl_header a:hover {
text-decoration: underline; }
.index_pnl_content {
display: flex;
flex-direction: column;
background: #DDD;
padding: 6px; }
@media (max-width: 850px) {
.index_pnl_base {
width: 330px; } }
/* 400px */
.bloglistelem_container {
display: flex;
align-items: center;
@ -261,9 +298,6 @@ html, body {
color: #333;
text-decoration: none; }
.bloglistelem:hover {
box-shadow: 0 0 4px #000000; }
.ble_blog {
background-color: #BBB; }
@ -281,11 +315,30 @@ html, body {
.ble_log {
color: #555; }
.bloglistelem:hover {
border: solid 1px black; }
.ble_blog:hover {
background-color: white;
color: black; }
.ble_log:hover {
color: #333; }
background-color: white;
color: black; }
.ble_blog:hover .ble_date {
background-color: white;
color: black;
border-bottom: 1px solid black; }
.ble_log:hover .ble_date {
background-color: white;
color: black;
border-bottom: 1px solid black; }
.ble_date {
background-color: #AAA;
border-bottom: 1px solid transparent;
padding: 2px;
font-size: 0.8em;
font-style: italic; }
@ -373,7 +426,7 @@ html, body {
/* 400px */
#PEB_tableProblems .PEB_tablerowProblems:hover {
background-color: #888; }
background-color: #999; }
#PEB_tableProblems .PEB_TC_Value {
font-family: Consolas, Monaco, "Courier New", Menlo, monospace; }
#PEB_tableProblems .PEB_TC_Value:not(:hover) {
@ -572,8 +625,15 @@ html, body {
border: solid 1px #444;
margin: 5px 0; }
.prgl_elem:hover {
background: #999;
box-shadow: 0 0 4px #000000; }
background: white;
color: black;
border: solid 1px black; }
.prgl_elem:hover .prgl_elem_sdesc {
color: black; }
.prgl_elem:hover .prgl_elem_subinfo_caption {
color: black; }
.prgl_elem:hover .prgl_elem_subinfo_data {
color: black; }
.prgl_elem_left {
padding: 4px;
@ -945,39 +1005,6 @@ html, body {
margin: 5px 0 20px 0; }
/* 400px */
.euler_pnl_base {
display: inline-flex;
flex-direction: column;
border: 1px solid #AAA;
border-radius: 5px 5px 0 0;
margin: 15px; }
.euler_pnl_header {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
background: #AAA; }
.euler_pnl_header a {
color: #222;
text-decoration: none;
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
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; }
.euler_pnl_content {
display: flex;
flex-direction: column;
background: #DDD;
padding: 6px; }
.euler_pnl_row {
display: flex;
flex-direction: row;
@ -1001,7 +1028,9 @@ html, body {
justify-content: center; }
.euler_pnl_cell:hover {
box-shadow: 0 0 4px #000000; }
background-color: white;
color: black;
border: 1px solid black; }
.euler_pnl_cell a {
color: black;
@ -1039,36 +1068,13 @@ html, body {
background: #CCCCCC; }
/* 400px */
.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 {
justify-content: center; }
.programs_pnl_entry {
display: flex;
flex-direction: column;
width: 190px;
@ -1077,17 +1083,27 @@ html, body {
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 {
.programs_pnl_entry:hover {
background: white;
color: black;
border: 1px solid black; }
.programs_pnl_entry:hover .programs_pnl_center {
color: black; }
.programs_pnl_entry:hover .programs_pnl_bottom {
background: white;
border-top: 1px solid black; }
.programs_pnl_img {
display: flex;
flex-direction: column;
justify-content: flex-start;
margin: 4px; }
.programs_pnl_content .programs_pnl_img img {
.programs_pnl_img img {
width: 100%;
height: auto; }
.programs_pnl_content .programs_pnl_center {
.programs_pnl_center {
display: flex;
justify-content: center;
align-items: flex-end;
@ -1097,30 +1113,35 @@ html, body {
font-size: 15pt;
flex-grow: 1;
margin: 0 2px; }
.programs_pnl_content .programs_pnl_bottom {
.programs_pnl_bottom {
background: #888;
border-top: 1px solid transparent;
display: flex;
flex-direction: row; }
.programs_pnl_content .programs_pnl_bottom_1, .programs_pnl_content .programs_pnl_bottom_2 {
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-grow: 1;
text-align: center;
display: flex;
flex-direction: column; }
.programs_pnl_content .programs_pnl_bottom_sub_top {
.programs_pnl_bottom_sub_top {
color: #444; }
.programs_pnl_content .programs_pnl_bottom_sub_bot {
.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 {
.programs_pnl_entry {
width: 100%; }
.programs_pnl_base .programs_pnl_bottom_sub_top {
.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 {
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: row; } }
/* 400px */
.bfjoust_runner_owner {

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

@ -53,16 +53,26 @@ html,body{margin:0;padding:0;height:100%}
@media(min-width:1200px){#footerdiv{width:1170px}}
#footerdiv hr{margin-bottom:5px;display:block;border:0;color:white;height:1px;background:#CCCCCCFF;background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(#CCC),to(#FFFFFF00))}
@media(max-width:850px){#footerdiv .footerspan2{display:none;visibility:collapse}}
.index_pnl_base{display:inline-flex;flex-direction:column;border:1px solid black;margin:15px;width:652px}
.index_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#AAA}
.index_pnl_header a{color:#222;text-decoration:none;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:900}
@media(max-width:850px){.index_pnl_header a{font-size:16px}}
.index_pnl_header a:hover{text-decoration:underline}
.index_pnl_content{display:flex;flex-direction:column;background:#DDD;padding:6px}
@media(max-width:850px){.index_pnl_base{width:330px}}
.bloglistelem_container{display:flex;align-items:center;flex-direction:column}
.bloglistelem{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none}
.bloglistelem:hover{box-shadow:0 0 4px #000}
.ble_blog{background-color:#BBB}
.ble_log{background-color:#DDD}
.ble_blog .ble_date{background-color:#AAA;color:#333}
.ble_log .ble_date{background-color:#CCC;color:#333}
.ble_log{color:#555}
.ble_log:hover{color:#333}
.ble_date{background-color:#AAA;padding:2px;font-size:.8em;font-style:italic}
.bloglistelem:hover{border:solid 1px black}
.ble_blog:hover{background-color:white;color:black}
.ble_log:hover{background-color:white;color:black}
.ble_blog:hover .ble_date{background-color:white;color:black;border-bottom:1px solid black}
.ble_log:hover .ble_date{background-color:white;color:black;border-bottom:1px solid black}
.ble_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic}
.ble_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px}
@media(max-width:767px){.ble_title{font-size:1.25em}}
.base_markdown code{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
@ -82,7 +92,7 @@ html,body{margin:0;padding:0;height:100%}
.notable{width:unset !important;border:none !important}
.notable th,.notable td,.notable tr{border:none !important;background:transparent !important}
.blogcontent_euler,.blogcontent_markdown,.blogcontent_plain{width:90%}
#PEB_tableProblems .PEB_tablerowProblems:hover{background-color:#888}
#PEB_tableProblems .PEB_tablerowProblems:hover{background-color:#999}
#PEB_tableProblems .PEB_TC_Value{font-family:Consolas,Monaco,"Courier New",Menlo,monospace}
#PEB_tableProblems .PEB_TC_Value:not(:hover){color:transparent;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#PEB_tableProblems .PEB_TC_Value:hover{color:#333;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
@ -152,7 +162,10 @@ html,body{margin:0;padding:0;height:100%}
.prgl_parent{display:flex;flex-direction:column}
@media(max-width:850px){.prgl_parent{align-items:center}}
.prgl_elem{display:flex;flex-direction:row;text-decoration:none;background:#BBB;border:solid 1px #444;margin:5px 0}
.prgl_elem:hover{background:#999;box-shadow:0 0 4px #000}
.prgl_elem:hover{background:white;color:black;border:solid 1px black}
.prgl_elem:hover .prgl_elem_sdesc{color:black}
.prgl_elem:hover .prgl_elem_subinfo_caption{color:black}
.prgl_elem:hover .prgl_elem_subinfo_data{color:black}
.prgl_elem_left{padding:4px;display:flex}
.prgl_elem_left img{width:250px;height:100%;min-height:100px}
.prgl_elem_right{display:flex;flex-direction:column;flex-grow:1}
@ -231,17 +244,11 @@ html,body{margin:0;padding:0;height:100%}
#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}
.euler_pnl_base{display:inline-flex;flex-direction:column;border:1px solid #AAA;border-radius:5px 5px 0 0;margin:15px}
.euler_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#AAA}
.euler_pnl_header a{color:#222;text-decoration:none;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;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}
.euler_pnl_content{display:flex;flex-direction:column;background:#DDD;padding:6px}
.euler_pnl_row{display:flex;flex-direction:row;flex-wrap:wrap}
@media(max-width:850px){.euler_pnl_row{flex-direction:column}}
.euler_pnl_row2{display:flex;flex-direction:row}
.euler_pnl_cell{width:24px;height:24px;font-size:11px;margin:3px;border:1px solid #333;display:flex;align-items:center;justify-content:center}
.euler_pnl_cell:hover{box-shadow:0 0 4px #000}
.euler_pnl_cell:hover{background-color:white;color:black;border:1px solid black}
.euler_pnl_cell a{color:black;text-decoration:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.euler_pnl_cell a:hover{color:black;text-decoration:none}
.euler_pnl_cell a:visited{color:black;text-decoration:none}
@ -251,24 +258,22 @@ html,body{margin:0;padding:0;height:100%}
.euler_pnl_celltime_bad{background:#d8b298}
.euler_pnl_celltime_fail{background:#d89d9d}
.euler_pnl_cell_notexist{background:#ccc}
.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 #000}
.programs_pnl_content .programs_pnl_img{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:flex-end;text-align:center;color:black;font-weight:bolder;font-size:15pt;flex-grow:1;margin:0 2px}
.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}
.programs_pnl_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}
.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_entry:hover{background:white;color:black;border:1px solid black}
.programs_pnl_entry:hover .programs_pnl_center{color:black}
.programs_pnl_entry:hover .programs_pnl_bottom{background:white;border-top:1px solid black}
.programs_pnl_img{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:flex-end;text-align:center;color:black;font-weight:bolder;font-size:15pt;flex-grow:1;margin:0 2px}
.programs_pnl_bottom{background:#888;border-top:1px solid transparent;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_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}
.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}
}
.bfjoust_runner_owner{border:1px solid #888;background:#f8f8f8;padding:6px}
.bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap}

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

@ -5,7 +5,7 @@
@import 'styles_main';
@import 'styles_bloglist';
@import 'styles_blogview';
@import 'styles_blogview_befunge';
@import 'styles_blogview_euler';
@import 'styles_errorview';
@import 'styles_programslist';
@import 'styles_programsview';

12
www/data/css/styles_bloglist.scss
View File

@ -16,10 +16,6 @@
text-decoration: none;
}
.bloglistelem:hover {
box-shadow: 0 0 4px #000000;
}
.ble_blog { background-color: #BBB; }
.ble_log { background-color: #DDD; }
@ -27,10 +23,16 @@
.ble_log .ble_date { background-color: #CCC; color: $COL_TEXT_DARK; }
.ble_log { color: $COL_TEXT_DARK_LIGHTER; }
.ble_log:hover { color: $COL_TEXT_DARK; }
.bloglistelem:hover { border: solid 1px $COL_COMPLEXHOVER_BRD; }
.ble_blog:hover { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; }
.ble_log:hover { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; }
.ble_blog:hover .ble_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; }
.ble_log:hover .ble_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; }
.ble_date {
background-color: #AAA;
border-bottom: 1px solid transparent;
padding: 2px;
font-size: 0.8em;
font-style: italic;

4
www/data/css/styles_blogview_befunge.scss → www/data/css/styles_blogview_euler.scss
View File

@ -3,7 +3,7 @@
#PEB_tableProblems {
.PEB_tablerowProblems { }
.PEB_tablerowProblems:hover { background-color: #888; }
.PEB_tablerowProblems:hover { background-color: #999; }
.PEB_tablecellProblems { }
@ -94,8 +94,6 @@
padding: 0 5px;
}
.bce_pagination {
display:flex;

4
www/data/css/styles_config.scss
View File

@ -7,6 +7,10 @@ $COL_TEXT_DARK: #333;
$COL_TEXT_DARK_LIGHTER: #555;
$COL_TRANSPARENT: #FFFFFF00;
$COL_COMPLEXHOVER_BG: white;
$COL_COMPLEXHOVER_FG: black;
$COL_COMPLEXHOVER_BRD: black;
$COL_GITHUB: #4078C0;
$COL_HIGHLIGHT_RED: #442222;

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

@ -1,48 +1,5 @@
@import 'styles_config';
.euler_pnl_base {
display: inline-flex;
flex-direction: column;
border: 1px solid #AAA;
border-radius: 5px 5px 0 0;
margin: 15px;
}
.euler_pnl_header {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
background: #AAA;
}
.euler_pnl_header a {
color: $COL_TEXT_DARK_DARKER;
text-decoration: none;
font-family: $FONT_HEADER;
font-size: 22px;
font-weight: 900;
}
@include rdmedia_range(0,1) { .euler_pnl_header a { font-size: 16px; } }
.euler_pnl_header a:hover {
text-decoration: underline;
}
.euler_pnl_content {
display: flex;
flex-direction: column;
background: #DDD;
padding: 6px;
}
.euler_pnl_row {
display: flex;
flex-direction: row;
@ -71,7 +28,9 @@
}
.euler_pnl_cell:hover {
box-shadow: 0 0 4px #000000;
background-color: $COL_COMPLEXHOVER_BG;
color: $COL_COMPLEXHOVER_FG;
border: 1px solid $COL_COMPLEXHOVER_BRD;
}
.euler_pnl_cell a {

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

@ -39,7 +39,7 @@
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 20px;
margin: 0 0 0 20px;
padding: 2px 5px;
min-width: 64px;
text-align: center;

48
www/data/css/styles_main.scss
View File

@ -0,0 +1,48 @@
@import 'styles_config';
.index_pnl_base {
display: inline-flex;
flex-direction: column;
border: 1px solid black;
margin: 15px;
width: 652px;
}
.index_pnl_header {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
background: #AAA;
}
.index_pnl_header a {
color: $COL_TEXT_DARK_DARKER;
text-decoration: none;
font-family: $FONT_HEADER;
font-size: 22px;
font-weight: 900;
}
@include rdmedia_range(0,1) { .index_pnl_header a { font-size: 16px; } }
.index_pnl_header a:hover {
text-decoration: underline;
}
.index_pnl_content {
display: flex;
flex-direction: column;
background: #DDD;
padding: 6px;
}
@include rdmedia_range(0,1) {
.index_pnl_base { width: 330px; }
}

8
www/data/css/styles_programslist.scss
View File

@ -18,8 +18,12 @@
margin: 5px 0;
&:hover {
background: #999;
box-shadow: 0 0 4px #000000;
background: $COL_COMPLEXHOVER_BG;
color: $COL_COMPLEXHOVER_FG;
border: solid 1px $COL_COMPLEXHOVER_BRD;
.prgl_elem_sdesc { color: $COL_COMPLEXHOVER_FG; }
.prgl_elem_subinfo_caption { color: $COL_COMPLEXHOVER_FG; }
.prgl_elem_subinfo_data { color: $COL_COMPLEXHOVER_FG; }
}
}

81
www/data/css/styles_programspanel.scss
View File

@ -1,46 +1,13 @@
@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: $COL_TEXT_DARK_DARKER;
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 {
.programs_pnl_entry {
display: flex;
flex-direction: column;
@ -54,24 +21,29 @@
margin: 4px;
&:hover {
box-shadow: 0 0 8px #000000;
}
}
background: $COL_COMPLEXHOVER_BG;
color: $COL_COMPLEXHOVER_FG;
border: 1px solid $COL_COMPLEXHOVER_BRD;
.programs_pnl_img {
.programs_pnl_center { color: $COL_COMPLEXHOVER_FG; }
.programs_pnl_bottom { background: $COL_COMPLEXHOVER_BG; border-top: 1px solid $COL_COMPLEXHOVER_BRD; }
}
}
.programs_pnl_img {
display:flex;
flex-direction: column;
justify-content: flex-start;
margin: 4px;
}
}
.programs_pnl_img img {
.programs_pnl_img img {
width: 100%;
height: auto;
}
}
.programs_pnl_center {
.programs_pnl_center {
display: flex;
justify-content: center;
align-items: flex-end;
@ -84,35 +56,34 @@
flex-grow: 1;
margin: 0 2px;
}
}
.programs_pnl_bottom {
.programs_pnl_bottom {
background: #888;
border-top: 1px solid transparent;
display: flex;
flex-direction: row;
}
}
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-grow: 1;
text-align: center;
display:flex;
flex-direction: column;
}
}
.programs_pnl_bottom_sub_top {
.programs_pnl_bottom_sub_top {
color: #444;
}
}
.programs_pnl_bottom_sub_bot {
.programs_pnl_bottom_sub_bot {
color: #111;
font-weight: bolder;
}
}
@include rdmedia_range(0,1) {
.programs_pnl_base {
width: 320px;
.programs_pnl_entry {
width: 100%;
@ -126,6 +97,6 @@
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: row;
}
}
}

6
www/fragments/eulerpanel.php
View File

@ -6,12 +6,12 @@
$RATING_CLASSES = ['euler_pnl_celltime_perfect', 'euler_pnl_celltime_good', 'euler_pnl_celltime_ok', 'euler_pnl_celltime_bad', 'euler_pnl_celltime_fail'];
?>
<div class="euler_pnl_base">
<div class="index_pnl_base">
<div class="euler_pnl_header">
<div class="index_pnl_header">
<a href="/blog/1/Project_Euler_with_Befunge">Project Euler with Befunge-93</a>
</div>
<div class="euler_pnl_content">
<div class="index_pnl_content">
<?php

6
www/fragments/programspanel.php
View File

@ -4,12 +4,12 @@
$allprograms = Programs::listAllNewestFirst();
?>
<div class="programs_pnl_base">
<div class="index_pnl_base">
<div class="programs_pnl_header">
<div class="index_pnl_header">
<a href="/programs">Newly added software</a>
</div>
<div class="programs_pnl_content">
<div class="index_pnl_content programs_pnl_content">
<?php

2
www/index.php
View File

@ -190,3 +190,5 @@ try {
//TODO send cache header (?)
//TODO programs add [license]
//TODO last 3 blog entries on /index/ (?)
//TODO global uncached error logger -> send by mail
//TODO crosslinks to /about/ (goodreads, github, reddit, gitea, delphipraxis, stackoverflow)