1
0

style unification

(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

View File

@ -147,7 +147,7 @@ body {
border-right: 1px solid #000; border-right: 1px solid #000;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
margin: 0px 0px 0px 20px; margin: 0 0 0 20px;
padding: 2px 5px; padding: 2px 5px;
min-width: 64px; min-width: 64px;
text-align: center; text-align: center;
@ -249,6 +249,43 @@ html, body {
display: none; display: none;
visibility: collapse; } } visibility: collapse; } }
/* 400px */ /* 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 { .bloglistelem_container {
display: flex; display: flex;
align-items: center; align-items: center;
@ -261,9 +298,6 @@ html, body {
color: #333; color: #333;
text-decoration: none; } text-decoration: none; }
.bloglistelem:hover {
box-shadow: 0 0 4px #000000; }
.ble_blog { .ble_blog {
background-color: #BBB; } background-color: #BBB; }
@ -281,11 +315,30 @@ html, body {
.ble_log { .ble_log {
color: #555; } color: #555; }
.bloglistelem:hover {
border: solid 1px black; }
.ble_blog:hover {
background-color: white;
color: black; }
.ble_log:hover { .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 { .ble_date {
background-color: #AAA; background-color: #AAA;
border-bottom: 1px solid transparent;
padding: 2px; padding: 2px;
font-size: 0.8em; font-size: 0.8em;
font-style: italic; } font-style: italic; }
@ -373,7 +426,7 @@ html, body {
/* 400px */ /* 400px */
#PEB_tableProblems .PEB_tablerowProblems:hover { #PEB_tableProblems .PEB_tablerowProblems:hover {
background-color: #888; } background-color: #999; }
#PEB_tableProblems .PEB_TC_Value { #PEB_tableProblems .PEB_TC_Value {
font-family: Consolas, Monaco, "Courier New", Menlo, monospace; } font-family: Consolas, Monaco, "Courier New", Menlo, monospace; }
#PEB_tableProblems .PEB_TC_Value:not(:hover) { #PEB_tableProblems .PEB_TC_Value:not(:hover) {
@ -572,8 +625,15 @@ html, body {
border: solid 1px #444; border: solid 1px #444;
margin: 5px 0; } margin: 5px 0; }
.prgl_elem:hover { .prgl_elem:hover {
background: #999; background: white;
box-shadow: 0 0 4px #000000; } 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 { .prgl_elem_left {
padding: 4px; padding: 4px;
@ -945,39 +1005,6 @@ html, body {
margin: 5px 0 20px 0; } margin: 5px 0 20px 0; }
/* 400px */ /* 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 { .euler_pnl_row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -1001,7 +1028,9 @@ html, body {
justify-content: center; } justify-content: center; }
.euler_pnl_cell:hover { .euler_pnl_cell:hover {
box-shadow: 0 0 4px #000000; } background-color: white;
color: black;
border: 1px solid black; }
.euler_pnl_cell a { .euler_pnl_cell a {
color: black; color: black;
@ -1039,89 +1068,81 @@ html, body {
background: #CCCCCC; } background: #CCCCCC; }
/* 400px */ /* 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 { .programs_pnl_content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center; }
background: #DDD;
padding: 6px; } .programs_pnl_entry {
.programs_pnl_content .programs_pnl_entry { display: flex;
display: flex; flex-direction: column;
flex-direction: column; width: 190px;
width: 190px; border: 1px solid #333;
border: 1px solid #333; background: #AAA;
background: #AAA; color: #000;
color: #000; text-decoration: none;
text-decoration: none; margin: 4px; }
margin: 4px; } .programs_pnl_entry:hover {
.programs_pnl_content .programs_pnl_entry:hover { background: white;
box-shadow: 0 0 8px #000000; }
.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; color: black;
font-weight: bolder; border: 1px solid black; }
font-size: 15pt; .programs_pnl_entry:hover .programs_pnl_center {
flex-grow: 1; color: black; }
margin: 0 2px; } .programs_pnl_entry:hover .programs_pnl_bottom {
.programs_pnl_content .programs_pnl_bottom { background: white;
background: #888; border-top: 1px solid black; }
display: flex;
flex-direction: row; } .programs_pnl_img {
.programs_pnl_content .programs_pnl_bottom_1, .programs_pnl_content .programs_pnl_bottom_2 { display: flex;
flex-grow: 1; flex-direction: column;
text-align: center; justify-content: flex-start;
display: flex; margin: 4px; }
flex-direction: column; }
.programs_pnl_content .programs_pnl_bottom_sub_top { .programs_pnl_img img {
color: #444; } width: 100%;
.programs_pnl_content .programs_pnl_bottom_sub_bot { height: auto; }
color: #111;
font-weight: bolder; } .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) { @media (max-width: 850px) {
.programs_pnl_base { .programs_pnl_entry {
width: 320px; } width: 100%; }
.programs_pnl_base .programs_pnl_entry {
width: 100%; } .programs_pnl_bottom_sub_top {
.programs_pnl_base .programs_pnl_bottom_sub_top { margin-left: 4px;
margin-left: 4px; margin-right: 6px; }
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; } } flex-direction: row; } }
/* 400px */ /* 400px */
.bfjoust_runner_owner { .bfjoust_runner_owner {
border: 1px solid #888; border: 1px solid #888;

View File

@ -53,16 +53,26 @@ html,body{margin:0;padding:0;height:100%}
@media(min-width:1200px){#footerdiv{width:1170px}} @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))} #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}} @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_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{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_blog{background-color:#BBB}
.ble_log{background-color:#DDD} .ble_log{background-color:#DDD}
.ble_blog .ble_date{background-color:#AAA;color:#333} .ble_blog .ble_date{background-color:#AAA;color:#333}
.ble_log .ble_date{background-color:#CCC;color:#333} .ble_log .ble_date{background-color:#CCC;color:#333}
.ble_log{color:#555} .ble_log{color:#555}
.ble_log:hover{color:#333} .bloglistelem:hover{border:solid 1px black}
.ble_date{background-color:#AAA;padding:2px;font-size:.8em;font-style:italic} .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} .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}} @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} .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{width:unset !important;border:none !important}
.notable th,.notable td,.notable tr{border:none !important;background:transparent !important} .notable th,.notable td,.notable tr{border:none !important;background:transparent !important}
.blogcontent_euler,.blogcontent_markdown,.blogcontent_plain{width:90%} .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{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: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} #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} .prgl_parent{display:flex;flex-direction:column}
@media(max-width:850px){.prgl_parent{align-items:center}} @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{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{padding:4px;display:flex}
.prgl_elem_left img{width:250px;height:100%;min-height:100px} .prgl_elem_left img{width:250px;height:100%;min-height:100px}
.prgl_elem_right{display:flex;flex-direction:column;flex-grow:1} .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{display:flex;flex-direction:column}
#loginform div button{margin:10px 0;padding:0} #loginform div button{margin:10px 0;padding:0}
.loginerror{display:flex;background:#f44;font-weight:bold;padding:0 5px;margin:5px 0 20px 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} .euler_pnl_row{display:flex;flex-direction:row;flex-wrap:wrap}
@media(max-width:850px){.euler_pnl_row{flex-direction:column}} @media(max-width:850px){.euler_pnl_row{flex-direction:column}}
.euler_pnl_row2{display:flex;flex-direction:row} .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{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{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:hover{color:black;text-decoration:none}
.euler_pnl_cell a:visited{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_bad{background:#d8b298}
.euler_pnl_celltime_fail{background:#d89d9d} .euler_pnl_celltime_fail{background:#d89d9d}
.euler_pnl_cell_notexist{background:#ccc} .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_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}
.programs_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#AAA} .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_header a{color:#222;text-decoration:none;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:900} .programs_pnl_entry:hover{background:white;color:black;border:1px solid black}
.programs_pnl_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;background:#DDD;padding:6px} .programs_pnl_entry:hover .programs_pnl_center{color:black}
.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_entry:hover .programs_pnl_bottom{background:white;border-top:1px solid black}
.programs_pnl_content .programs_pnl_entry:hover{box-shadow:0 0 8px #000} .programs_pnl_img{display:flex;flex-direction:column;justify-content:flex-start;margin:4px}
.programs_pnl_content .programs_pnl_img{display:flex;flex-direction:column;justify-content:flex-start;margin:4px} .programs_pnl_img img{width:100%;height:auto}
.programs_pnl_content .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_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_bottom{background:#888;border-top:1px solid transparent;display:flex;flex-direction:row}
.programs_pnl_content .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_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_bottom_sub_top{color:#444}
.programs_pnl_content .programs_pnl_bottom_sub_top{color:#444} .programs_pnl_bottom_sub_bot{color:#111;font-weight:bolder}
.programs_pnl_content .programs_pnl_bottom_sub_bot{color:#111;font-weight:bolder}
@media(max-width:850px){ @media(max-width:850px){
.programs_pnl_base{width:320px} .programs_pnl_entry{width:100%}
.programs_pnl_base .programs_pnl_entry{width:100%} .programs_pnl_bottom_sub_top{margin-left:4px;margin-right:6px}
.programs_pnl_base .programs_pnl_bottom_sub_top{margin-left:4px;margin-right:6px} .programs_pnl_bottom_1,.programs_pnl_bottom_2{flex-direction:row}
.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;padding:6px} .bfjoust_runner_owner{border:1px solid #888;background:#f8f8f8;padding:6px}
.bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap} .bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap}

View File

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

View File

@ -16,21 +16,23 @@
text-decoration: none; text-decoration: none;
} }
.bloglistelem:hover {
box-shadow: 0 0 4px #000000;
}
.ble_blog { background-color: #BBB; } .ble_blog { background-color: #BBB; }
.ble_log { background-color: #DDD; } .ble_log { background-color: #DDD; }
.ble_blog .ble_date { background-color: #AAA; color: $COL_TEXT_DARK; } .ble_blog .ble_date { background-color: #AAA; color: $COL_TEXT_DARK; }
.ble_log .ble_date { background-color: #CCC; color: $COL_TEXT_DARK; } .ble_log .ble_date { background-color: #CCC; color: $COL_TEXT_DARK; }
.ble_log { color: $COL_TEXT_DARK_LIGHTER; } .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 { .ble_date {
background-color: #AAA; background-color: #AAA;
border-bottom: 1px solid transparent;
padding: 2px; padding: 2px;
font-size: 0.8em; font-size: 0.8em;
font-style: italic; font-style: italic;

View File

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

View File

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

View File

@ -1,48 +1,5 @@
@import 'styles_config'; @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 { .euler_pnl_row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -71,7 +28,9 @@
} }
.euler_pnl_cell:hover { .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 { .euler_pnl_cell a {

View File

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

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; }
}

View File

@ -18,8 +18,12 @@
margin: 5px 0; margin: 5px 0;
&:hover { &:hover {
background: #999; background: $COL_COMPLEXHOVER_BG;
box-shadow: 0 0 4px #000000; 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; }
} }
} }

View File

@ -1,131 +1,102 @@
@import 'styles_config'; @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 { .programs_pnl_content {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
}
background: #DDD; .programs_pnl_entry {
display: flex;
flex-direction: column;
padding: 6px; width: 190px;
.programs_pnl_entry { border: 1px solid #333;
display: flex; background: #AAA;
flex-direction: column; color: #000;
text-decoration: none;
width: 190px; margin: 4px;
border: 1px solid #333; &:hover {
background: #AAA; background: $COL_COMPLEXHOVER_BG;
color: #000; color: $COL_COMPLEXHOVER_FG;
text-decoration: none; border: 1px solid $COL_COMPLEXHOVER_BRD;
margin: 4px; .programs_pnl_center { color: $COL_COMPLEXHOVER_FG; }
.programs_pnl_bottom { background: $COL_COMPLEXHOVER_BG; border-top: 1px solid $COL_COMPLEXHOVER_BRD; }
&:hover {
box-shadow: 0 0 8px #000000;
}
} }
}
.programs_pnl_img { .programs_pnl_img {
display:flex; display:flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
margin: 4px; margin: 4px;
} }
.programs_pnl_img img { .programs_pnl_img img {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.programs_pnl_center { .programs_pnl_center {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-end; align-items: flex-end;
text-align: center; text-align: center;
color: black; color: black;
font-weight: bolder; font-weight: bolder;
font-size: 15pt; font-size: 15pt;
flex-grow: 1; flex-grow: 1;
margin: 0 2px; margin: 0 2px;
} }
.programs_pnl_bottom { .programs_pnl_bottom {
background: #888; background: #888;
display: flex; border-top: 1px solid transparent;
flex-direction: row;
}
.programs_pnl_bottom_1, .programs_pnl_bottom_2 { display: flex;
flex-grow: 1; flex-direction: row;
text-align: center; }
display:flex; .programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: column; flex-grow: 1;
} text-align: center;
.programs_pnl_bottom_sub_top { display:flex;
color: #444; flex-direction: column;
} }
.programs_pnl_bottom_sub_bot { .programs_pnl_bottom_sub_top {
color: #111; color: #444;
font-weight: bolder; }
}
.programs_pnl_bottom_sub_bot {
color: #111;
font-weight: bolder;
} }
@include rdmedia_range(0,1) { @include rdmedia_range(0,1) {
.programs_pnl_base {
width: 320px;
.programs_pnl_entry { .programs_pnl_entry {
width: 100%; width: 100%;
}
.programs_pnl_bottom_sub_top {
margin-left: 4px;
margin-right: 6px;
}
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: row;
}
} }
.programs_pnl_bottom_sub_top {
margin-left: 4px;
margin-right: 6px;
}
.programs_pnl_bottom_1, .programs_pnl_bottom_2 {
flex-direction: row;
}
} }

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']; $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> <a href="/blog/1/Project_Euler_with_Befunge">Project Euler with Befunge-93</a>
</div> </div>
<div class="euler_pnl_content"> <div class="index_pnl_content">
<?php <?php

View File

@ -4,12 +4,12 @@
$allprograms = Programs::listAllNewestFirst(); $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> <a href="/programs">Newly added software</a>
</div> </div>
<div class="programs_pnl_content"> <div class="index_pnl_content programs_pnl_content">
<?php <?php

View File

@ -189,4 +189,6 @@ try {
//TODO optimize image sizes for display/download (? - auto?) //TODO optimize image sizes for display/download (? - auto?)
//TODO send cache header (?) //TODO send cache header (?)
//TODO programs add [license] //TODO programs add [license]
//TODO last 3 blog entries on /index/ (?) //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)