diff --git a/data/css_compress/compress.py b/data/css_compress/compress.py index cdcbaeb..6072e02 100644 --- a/data/css_compress/compress.py +++ b/data/css_compress/compress.py @@ -56,16 +56,16 @@ if os.path.isfile(finput): try: os.remove(finput); print(finput + ' deleted') - except e: - print(e) + except: + print(sys.exc_info()[0]) else: print(finput + ' does not exist') if os.path.isfile(foutput): try: os.remove(foutput); print(foutput + ' deleted') - except e: - print(e) + except: + print(sys.exc_info()[0]) else: print(foutput + ' does not exist') print(); @@ -124,8 +124,8 @@ try: print(ftemp1 + ' deleted') os.remove(ftemp2); print(ftemp2 + ' deleted') -except e: - print(e) +except: + print(sys.exc_info()[0]) print('') print('') diff --git a/www/data/css/styles.css b/www/data/css/styles.css index 03e43f8..f7df7e8 100644 --- a/www/data/css/styles.css +++ b/www/data/css/styles.css @@ -1,7 +1,7 @@ /* 400px */ body { - background-color: #EEE; - color: #CCC; + background-color: #EEEEEE; + color: #333333; font-family: "Times New Roman", serif; } @@ -59,7 +59,7 @@ body { .contentheader { width: 100%; - color: #333; + color: #333333; font-size: large; } @@ -82,8 +82,8 @@ body { color: white; height: 1px; background-color: #CCCCCCFF; - background: -moz-linear-gradient(left, #CCC, #FFFFFF00); - background: -webkit-linear-gradient(left, #CCC 0%, #FFFFFF00 100%); + background: -moz-linear-gradient(left, #CCCCCCFF, #FFFFFF00); + background: -webkit-linear-gradient(left, #CCCCCCFF 0%, #FFFFFF00 100%); } @media (max-width: 991px) { @@ -94,8 +94,8 @@ body { } .contentheader hr { - background: -moz-radial-gradient(circle, #CCC, #FFFFFF00); - background: -webkit-radial-gradient(circle, #CCC 0%, #FFFFFF00 100%); + background: -moz-radial-gradient(circle, #CCCCCCFF, #FFFFFF00); + background: -webkit-radial-gradient(circle, #CCCCCCFF 0%, #FFFFFF00 100%); } } .blockcontent { @@ -115,15 +115,16 @@ body { } .boxedcontent { - color: #333; - border: 1px solid black; - background-color: #E0E0E0; + color: #333333; + border: 1px solid #444444; + background: #E0E0E0; width: 100%; margin-left: auto; margin-right: auto; } .boxedcontent .bc_header { - background-color: #BBB; + background-color: #BBBBBB; + color: #222222; padding: 0 4px; } .boxedcontent .bc_data { @@ -131,9 +132,9 @@ body { } .button { - color: #DDD; + color: #DDDDDD; text-decoration: none; - background-color: #222; + background-color: #222222; font-size: 1rem; border: 1px solid black; height: 36px; @@ -142,28 +143,29 @@ body { } .button:hover { - background-color: #555; + background-color: #555555; } .iconbutton { display: flex; justify-content: center; align-items: center; - background: #222; - color: #CCC; + background: #222222; + color: #CCCCCC; text-decoration: none; border: 1px solid #000; margin: 5px 0; } .iconbutton:hover { cursor: pointer; - background-color: #555; + background-color: #555555; + color: #222222; } .iconbutton svg { width: 14pt; height: 14pt; margin: 0 4px; - fill: #CCC; + fill: #CCCCCC; } .iconbutton span { flex-grow: 1; @@ -175,22 +177,22 @@ body { display: flex; justify-content: center; align-items: center; - background: #888; - color: #222; + background: #888888; + color: #222222; text-decoration: none; border: 1px solid #000; margin: 5px 0; } .iconbutton_light:hover { cursor: pointer; - background-color: #555; - color: #CCC; + background-color: #555555; + color: #CCCCCC; } .iconbutton_light svg { width: 14pt; height: 14pt; margin: 0 4px; - fill: #000; + fill: #222222; } .iconbutton_light span { flex-grow: 1; @@ -206,7 +208,7 @@ body { border-collapse: collapse; text-align: left; width: 100%; - border: 1px solid #666; + border: 1px solid #666666; } .stripedtable td, .stripedtable th { padding: 3px 10px; @@ -215,18 +217,15 @@ body { background-color: #7D7D7D; color: #FFFFFF; font-weight: bold; - border-left: 1px solid #444; + border-left: 1px solid #444444; } .stripedtable thead th:first-child { border: none; } .stripedtable tbody td { - border-left: 1px solid #666; + border-left: 1px solid #666666; font-weight: normal; } -.stripedtable tbody .alt td { - background: #EBEBEB; -} .stripedtable tbody td:first-child { border-left: none; } @@ -234,7 +233,10 @@ body { border-bottom: none; } .stripedtable tbody tr:nth-child(odd) { - background-color: #ccc; + background-color: #CCCCCC; +} +.stripedtable tbody tr:nth-child(even) { + background-color: #E0E0E0; } .imgcarousel_parent { @@ -243,7 +245,6 @@ body { align-content: center; justify-content: center; padding: 5px; - background: #BBB; } .imgcarousel_content { @@ -285,27 +286,27 @@ body { width: 48px; height: 48px; border: 1px solid black; - background: #333; - fill: #DDD; + background: #333333; + fill: #DDDDDD; } .imgcarousel_next svg { width: 48px; height: 48px; border: 1px solid black; - background: #333; - fill: #DDD; + background: #333333; + fill: #DDDDDD; } .imgcarousel_prev:hover svg { - background: #000; - fill: #FFF; + background: #000000; + fill: #FFFFFF; cursor: pointer; } .imgcarousel_next:hover svg { - background: #000; - fill: #FFF; + background: #000000; + fill: #FFFFFF; cursor: pointer; } @@ -374,18 +375,18 @@ body { color: black; } #headerdiv .tabrow .tab_github:hover { - background-color: #c9510c; + background-color: #C9510C; color: black; } #headerdiv .tabrow .tab_logout { - background-color: #A00; + background-color: #AA0000; border-left: 1px solid #111; border-right: none; color: black; min-width: 38px; } #headerdiv .tabrow .tab_logout:hover { - background-color: #c9510c; + background-color: #C9510C; color: black; } @@ -438,6 +439,7 @@ html, body { height: 60px; /* Height of the footer */ text-align: center; + color: #CCCCCC; left: 0; right: 0; margin: 0 auto; @@ -474,8 +476,8 @@ html, body { border: none; color: white; height: 1px; - background-color: #CCCCCCFF; - background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CCC), to(#FFFFFF00)); + background: #CCCCCC; + background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CCCCCCFF), to(#FFFFFF00)); } @media (max-width: 850px) { @@ -488,7 +490,7 @@ html, body { .index_pnl_base { display: inline-flex; flex-direction: column; - border: 1px solid black; + border: 1px solid #444444; margin: 15px; width: 652px; } @@ -498,11 +500,11 @@ html, body { align-items: center; justify-content: center; padding: 4px; - background: #AAA; + background: #BBBBBB; } .index_pnl_header a { - color: #222; + color: #222222; text-decoration: none; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; @@ -521,7 +523,7 @@ html, body { .index_pnl_content { display: flex; flex-direction: column; - background: #DDD; + background: #E0E0E0; padding: 6px; } @@ -696,21 +698,31 @@ html, body { .consistency_result_ok, .consistency_result_warn, .consistency_result_err { min-width: 400px; + color: #222222; border: 1px solid #888; padding: 0 5px; margin: 1px 0; } .consistency_result_ok { - background: #0F0; + background: #00FF00; } .consistency_result_warn { - background: #FF0; + background: #FFFF00; } .consistency_result_err { - background: #F00; + background: #FF0000; +} + +.admincontent .boxedcontent hr { + width: 95%; + height: 1px; + border: none; + color: #FFFFFF00; + background: -moz-radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); + background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); } /* 400px */ @@ -727,6 +739,9 @@ html, body { .loginerror { display: flex; background: #FF4444; + color: #222222; + border: 1px solid #AA4444; + border-radius: 2px; font-weight: bold; padding: 0 5px; margin: 5px 0 20px 0; @@ -741,62 +756,65 @@ html, body { .bloglistelem { width: 100%; - border: solid 1px #444; + border: 1px solid #444444; margin: 10px 5px; - color: #333; + color: #333333; text-decoration: none; } .ble_blog { - background-color: #BBB; + background-color: #BBBBBB; } .ble_log { - background-color: #DDD; + background-color: #E0E0E0; } .ble_blog .ble_date { - background-color: #AAA; - color: #333; + background-color: #999999; + color: #222222; } .ble_log .ble_date { - background-color: #CCC; - color: #333; + background-color: #BBBBBB; + color: #222222; +} + +.ble_blog { + color: #333333; } .ble_log { - color: #555; + color: #555555; } .bloglistelem:hover { - border: solid 1px black; + border: solid 1px #000000; } .ble_blog:hover { - background-color: white; - color: black; + background-color: #FFFFFF; + color: #000000; } .ble_log:hover { - background-color: white; - color: black; + background-color: #FFFFFF; + color: #000000; } .ble_blog:hover .ble_date { - background-color: white; - color: black; - border-bottom: 1px solid black; + background-color: #FFFFFF; + color: #000000; + border-bottom: 1px solid #000000; } .ble_log:hover .ble_date { - background-color: white; - color: black; - border-bottom: 1px solid black; + background-color: #FFFFFF; + color: #000000; + border-bottom: 1px solid #000000; } .ble_date { - background-color: #AAA; border-bottom: 1px solid transparent; padding: 2px; font-size: 0.8em; @@ -840,52 +858,18 @@ html, body { word-wrap: break-word; white-space: pre-wrap; background-color: #F8F8F8; - color: black; + color: #000000; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; } .base_markdown blockquote { padding: 0 0 0 15px; margin: 0 0 20px; - border-left: 5px solid #CCC; + border-left: 5px solid #CCCCCC; } .base_markdown img { max-width: 100%; } -.base_markdown table { - border-collapse: collapse; - text-align: left; - width: 100%; - border: 1px solid #666; -} -.base_markdown table td, .base_markdown table th { - padding: 3px 10px; -} -.base_markdown table thead th { - background-color: #7D7D7D; - color: #FFFFFF; - font-weight: bold; - border-left: 1px solid #444; -} -.base_markdown table thead th:first-child { - border: none; -} -.base_markdown table tbody td { - border-left: 1px solid #666; - font-weight: normal; -} -.base_markdown table tbody .alt td { - background: #EBEBEB; -} -.base_markdown table tbody td:first-child { - border-left: none; -} -.base_markdown table tbody tr:last-child td { - border-bottom: none; -} -.base_markdown table tbody tr:nth-child(odd) { - background-color: #ccc; -} .mdtable_container { overflow-x: auto; @@ -906,7 +890,7 @@ html, body { /* 400px */ #PEB_tableProblems .PEB_tablerowProblems:hover { - background-color: #999; + background-color: #999999; } #PEB_tableProblems .PEB_TC_Value { font-family: Consolas, Monaco, "Courier New", Menlo, monospace; @@ -920,7 +904,7 @@ html, body { transition: .5s; } #PEB_tableProblems .PEB_TC_Value:hover { - color: #333; + color: #222222; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; @@ -934,23 +918,26 @@ html, body { min-width: 60px; } #PEB_tableProblems .PEB_TC_Timelevel_0 { - background-color: #0A0 !important; + background-color: #00AA00 !important; } #PEB_tableProblems .PEB_TC_Timelevel_1 { background-color: #84FF0A !important; } #PEB_tableProblems .PEB_TC_Timelevel_2 { - background-color: #FF0 !important; + background-color: #FFFF00 !important; } #PEB_tableProblems .PEB_TC_Timelevel_3 { - background-color: #F60 !important; + background-color: #FF6600 !important; } #PEB_tableProblems .PEB_TC_Timelevel_4 { - background-color: #F11 !important; + background-color: #FF1111 !important; } #PEB_tableProblems .PEB_TC_Size { font-family: Consolas, Monaco, "Courier New", Menlo, monospace; } +#PEB_tableProblems .PEB_TC_Size_93, #PEB_tableProblems .PEB_TC_Size_98 { + min-width: 7ch; +} #PEB_tableProblems .PEB_TC_Size_93 { float: right; font-family: "Times New Roman", serif; @@ -968,7 +955,7 @@ html, body { padding: 1px 6px; } #PEB_tableProblems a { - color: #333; + color: #222222; display: block; text-decoration: none; } @@ -995,7 +982,8 @@ html, body { } } .bce_description, .bce_explanation { - background: #EEE; + background: #EEEEEE; + color: #333333; border: 1px solid rgba(0, 0, 0, 0.15); padding: 0 5px; } @@ -1016,14 +1004,14 @@ html, body { } .bce_pagination .bce_pagbtn { display: block; - color: #000; + color: #000000; text-decoration: none; min-width: 1.8em; padding: 0 5px; margin: 0 4px; border-radius: 2px; - border: 1px solid #777; - background: #AAA; + border: 1px solid #777777; + background: #AAAAAA; text-align: center; } .bce_pagination .bce_pagbtn_disabled { @@ -1031,8 +1019,8 @@ html, body { background: #BBB; } .bce_pagination .bce_pagbtn_active { - color: #000; - background: #666; + color: #000000; + background: #666666; border: 1px solid #000; } @@ -1266,23 +1254,24 @@ html, body { display: flex; flex-direction: row; text-decoration: none; - background: #BBB; - border: solid 1px #444; + background: #BBBBBB; + border: 1px solid #444444; + color: #333333; margin: 5px 0; } .prgl_elem:hover { - background: white; - color: black; - border: solid 1px black; + background: #FFFFFF; + color: #000000; + border: solid 1px #000000; } .prgl_elem:hover .prgl_elem_sdesc { - color: black; + color: #000000; } .prgl_elem:hover .prgl_elem_subinfo_caption { - color: black; + color: #000000; } .prgl_elem:hover .prgl_elem_subinfo_data { - color: black; + color: #000000; } .prgl_elem:hover .prgl_elem_left img { filter: grayscale(100%); @@ -1306,7 +1295,7 @@ html, body { } .prgl_elem_title { - color: #222; + color: #333333; font-size: 40pt; font-weight: bolder; flex-grow: 1; @@ -1316,7 +1305,7 @@ html, body { } .prgl_elem_sdesc { - color: #555; + color: #555555; font-size: 14pt; flex-grow: 1; margin-bottom: 20px; @@ -1339,13 +1328,13 @@ html, body { } .prgl_elem_subinfo_caption { - color: #111; + color: #333333; font-weight: bold; margin: 0 5px 0 10px; } .prgl_elem_subinfo_data { - color: #555; + color: #555555; display: flex; flex-direction: row; align-items: center; @@ -1419,8 +1408,8 @@ html, body { .prgv_content { display: flex; flex-direction: column; - color: #333; - border: 1px solid black; + color: #333333; + border: 1px solid #444444; background-color: #E0E0E0; width: 100%; margin-left: auto; @@ -1434,8 +1423,8 @@ html, body { } #prgv_header hr { - background: -moz-radial-gradient(circle, #CCC, #FFFFFF00); - background: -webkit-radial-gradient(circle, #CCC 0%, #FFFFFF00 100%); + background: -moz-radial-gradient(circle, #CCCCCCFF, #FFFFFF00); + background: -webkit-radial-gradient(circle, #CCCCCCFF 0%, #FFFFFF00 100%); } .prgv_top { @@ -1447,6 +1436,7 @@ html, body { .prgv_left { display: inline-flex; justify-content: center; + border: 1px solid #333333; flex-grow: 1; margin-left: 10px; margin-top: auto; @@ -1460,8 +1450,9 @@ html, body { } .prgv_right { - background: #BBB; - border: 1px solid #666; + background: #AAAAAA; + border: 1px solid #333333; + color: #222222; margin: 0 10px; padding: 8px 5px 2px 5px; min-height: 250px; @@ -1478,12 +1469,12 @@ html, body { } .prgv_right_value a { - color: #333; + color: #222222; text-decoration: none; } .prgv_right_value a:hover { - color: #339; + color: #333399; text-decoration: none; } @@ -1514,7 +1505,8 @@ html, body { .prgv_center { margin: 0 8px 8px 8px; padding: 16px; - background: #EEE; + background: #EEEEEE; + color: #333333; border: 1px solid rgba(0, 0, 0, 0.15); } @@ -1524,9 +1516,9 @@ html, body { border: none; color: white; height: 1px; - background-color: #666666FF; - background: -moz-radial-gradient(circle, #666, #FFFFFF00); - background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%); + background-color: #CCCCCCFF; + background: -moz-radial-gradient(circle, #CCCCCCFF, #FFFFFF00); + background: -webkit-radial-gradient(circle, #CCCCCCFF 0%, #FFFFFF00 100%); } @media (max-width: 991px) { @@ -1559,7 +1551,8 @@ html, body { } .progv_extra { height: 500px; - border: 1px solid #333; + border: 1px solid #333333; + background: #AAAAAA; margin: 10px; } @@ -1568,28 +1561,29 @@ html, body { display: flex; flex-direction: row; text-decoration: none; - background: #BBB; - border: solid 1px #444; + background: #BBBBBB; + border: 1px solid #444444; + color: #333333; margin: 5px 0; } .booklst_entry:hover { - background: white; - color: black; - border: solid 1px black; + background: #FFFFFF; + color: #000000; + border: solid 1px #000000; } .booklst_entry:hover .booklst_date { - color: black; + color: #000000; } .booklst_entry:hover .booklst_title { - color: black; + color: #000000; } .booklst_entry:hover .booklst_left img { filter: grayscale(100%); } .booklst_entry:hover .booklst_date span { - background: white; - border-left: 1px solid black; - border-bottom: 1px solid black; + background: #FFFFFF; + border-left: 1px solid #000000; + border-bottom: 1px solid #000000; } .booklst_left { @@ -1610,7 +1604,7 @@ html, body { } .booklst_title { - color: #222; + color: #333333; font-size: 40pt; font-weight: bolder; flex-grow: 1; @@ -1623,7 +1617,7 @@ html, body { .booklst_date { display: flex; flex-direction: row-reverse; - color: #222; + color: #333333; } .booklst_date span { @@ -1633,10 +1627,6 @@ html, body { border-bottom: 1px solid transparent; } -.booklst_content p { - color: #333; -} - @media (max-width: 767px) { .booklst_left { flex-direction: column; @@ -1660,8 +1650,8 @@ html, body { .bookv_content { display: flex; flex-direction: column; - color: #333; - border: 1px solid black; + color: #333333; + border: 1px solid #444444; background-color: #E0E0E0; width: 100%; margin-left: auto; @@ -1675,8 +1665,8 @@ html, body { } #bookv_header hr { - background: -moz-radial-gradient(circle, #CCC, #FFFFFF00); - background: -webkit-radial-gradient(circle, #CCC 0%, #FFFFFF00 100%); + background: -moz-radial-gradient(circle, #CCCCCCFF, #FFFFFF00); + background: -webkit-radial-gradient(circle, #CCCCCCFF 0%, #FFFFFF00 100%); } .bookv_top { @@ -1702,8 +1692,8 @@ html, body { } .bookv_right { - background: #BBB; - border: 1px solid #666; + background: #AAAAAA; + border: 1px solid #333333; margin: 0 10px; padding: 8px 5px 2px 5px; min-height: 250px; @@ -1720,12 +1710,12 @@ html, body { } .bookv_right_value a { - color: #333; + color: #222222; text-decoration: none; } .bookv_right_value a:hover { - color: #339; + color: #333399; text-decoration: none; } @@ -1753,22 +1743,11 @@ html, body { margin: 1px 2px 0 2px; } -.bookv_center { - margin: 0 8px 8px 8px; - padding: 16px; - background: #EEE; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.bookv_sep { - margin: 40px 0 40px 0; - display: block; - border: none; - color: white; - height: 1px; - background-color: #666666FF; - background: -moz-radial-gradient(circle, #666, #FFFFFF00); - background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%); +.bookv_extra { + height: 500px; + border: 1px solid #333333; + background: #AAAAAA; + margin: 10px; } @media (max-width: 991px) { @@ -1808,12 +1787,6 @@ html, body { font-size: 18pt; } } -.bookv_extra { - height: 500px; - border: 1px solid #333; - margin: 10px; -} - /* 400px */ .webapplistelem_container { display: flex; @@ -1823,38 +1796,37 @@ html, body { .webapplistelem { width: 100%; - border: solid 1px #444; + border: 1px solid #444444; margin: 10px 5px; - color: #333; + color: #333333; text-decoration: none; } .webapplistelem { - background-color: #BBB; + background-color: #BBBBBB; } .webapplistelem .wle_date { - background-color: #AAA; - color: #333; + background-color: #999999; + color: #222222; } .webapplistelem:hover { - border: solid 1px black; + border: solid 1px #000000; } .webapplistelem:hover { - background-color: white; - color: black; + background-color: #FFFFFF; + color: #000000; } .webapplistelem:hover .wle_date { - background-color: white; - color: black; - border-bottom: 1px solid black; + background-color: #FFFFFF; + color: #000000; + border-bottom: 1px solid #000000; } .wle_date { - background-color: #AAA; border-bottom: 1px solid transparent; padding: 2px; font-size: 0.8em; @@ -1883,14 +1855,14 @@ html, body { } } .ev_master .ev_code { - color: #000; + color: #333333; text-align: center; font-size: 150pt; font-weight: 500; font-family: Consolas, Monaco, "Courier New", Menlo, monospace; } .ev_master .ev_msg { - color: #888; + color: #888888; text-align: center; font-size: 25pt; } @@ -1932,9 +1904,9 @@ html, body { } .euler_pnl_cell:hover { - background-color: white; - color: black; - border: 1px solid black; + background-color: #FFFFFF; + color: #000000; + border: 1px solid #000000; } .euler_pnl_cell a { @@ -1993,23 +1965,23 @@ html, body { display: flex; flex-direction: column; width: 190px; - border: 1px solid #333; - background: #AAA; - color: #000; + border: 1px solid #333333; + background: #AAAAAA; + color: #222222; text-decoration: none; margin: 4px; } .programs_pnl_entry:hover { - background: white; - color: black; - border: 1px solid black; + background: #FFFFFF; + color: #000000; + border: 1px solid #000000; } .programs_pnl_entry:hover .programs_pnl_center { - color: black; + color: #000000; } .programs_pnl_entry:hover .programs_pnl_bottom { - background: white; - border-top: 1px solid black; + background: #FFFFFF; + border-top: 1px solid #000000; } .programs_pnl_entry:hover .programs_pnl_img img { filter: grayscale(100%); @@ -2032,7 +2004,7 @@ html, body { justify-content: center; align-items: flex-end; text-align: center; - color: black; + color: #222222; font-weight: bolder; font-size: 15pt; flex-grow: 1; @@ -2040,7 +2012,7 @@ html, body { } .programs_pnl_bottom { - background: #888; + background: #888888; border-top: 1px solid transparent; display: flex; flex-direction: row; @@ -2054,11 +2026,11 @@ html, body { } .programs_pnl_bottom_sub_top { - color: #444; + color: #444444; } .programs_pnl_bottom_sub_bot { - color: #111; + color: #222222; font-weight: bolder; } @@ -2085,32 +2057,31 @@ html, body { .blogpnl_base { width: 100%; - border: solid 1px #444; + border: 1px solid #333333; margin: 10px 5px; - color: #333; + color: #222222; text-decoration: none; - background-color: #BBB; + background-color: #AAAAAA; } .blogpnl_date { - background-color: #AAA; - color: #333; + background-color: #888888; + color: #000000; } .blogpnl_base:hover { - border: solid 1px black; - background-color: white; - color: black; + border: solid 1px #000000; + background-color: #FFFFFF; + color: #000000; } .blogpnl_base:hover .blogpnl_date { - background-color: white; - color: black; - border-bottom: 1px solid black; + background-color: #FFFFFF; + color: #000000; + border-bottom: 1px solid #000000; } .blogpnl_date { - background-color: #AAA; border-bottom: 1px solid transparent; padding: 2px; font-size: 0.8em; @@ -2142,7 +2113,8 @@ html, body { flex-direction: column; margin: 4px; border: 1px solid #333; - background: #AAA; + background: #AAAAAA; + color: #222222; text-decoration: none; } @@ -2160,7 +2132,6 @@ html, body { border-top: 1px solid transparent; text-align: center; font-weight: bold; - color: #222; text-decoration: none; } @@ -2171,12 +2142,12 @@ html, body { } } .books_pnl_entry:hover { - border: 1px solid black; - background: white; + border: 1px solid #000000; + background: #FFFFFF; } .books_pnl_entry:hover div { - color: black; + color: #000000; } .books_pnl_entry:hover img { diff --git a/www/data/css/styles.min.css b/www/data/css/styles.min.css index a965235..74144f3 100644 --- a/www/data/css/styles.min.css +++ b/www/data/css/styles.min.css @@ -1,4 +1,4 @@ -body{background-color:#EEE;color:#CCC;font-family:"Times New Roman",serif} +body{background-color:#eee;color:#333;font-family:"Times New Roman",serif} #content{padding-top:64px;display:flex;justify-content:center;line-height:1.4;flex-direction:column;align-items:center} .content-responsive{margin-left:auto;margin-right:auto} @media(max-width:767px){.content-responsive{width:95%;width:calc(100% - 20px);margin-left:auto;margin-right:auto}} @@ -10,26 +10,26 @@ body{background-color:#EEE;color:#CCC;font-family:"Times New Roman",serif} .contentheader{width:100%;color:#333;font-size:large} .contentheader h1{font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:32px;font-weight:900;margin-bottom:0} @media(max-width:767px){.contentheader h1{font-size:32px}} -.contentheader hr{margin:0 0 25px 0;display:block;border:0;color:white;height:1px;background-color:#CCCCCCFF;background:-moz-linear-gradient(left,#CCC,#FFFFFF00);background:-webkit-linear-gradient(left,#CCC 0,#FFFFFF00 100%)} +.contentheader hr{margin:0 0 25px 0;display:block;border:0;color:white;height:1px;background-color:#CCCCCCFF;background:-moz-linear-gradient(left,#CCCCCCFF,#FFFFFF00);background:-webkit-linear-gradient(left,#CCCCCCFF 0,#FFFFFF00 100%)} @media(max-width:991px){ .contentheader h1{text-align:center;margin-left:10px;margin-right:10px} - .contentheader hr{background:-moz-radial-gradient(circle,#CCC,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCC 0,#FFFFFF00 100%)} + .contentheader hr{background:-moz-radial-gradient(circle,#CCCCCCFF,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCCCCCFF 0,#FFFFFF00 100%)} } .blockcontent{display:block;width:100%} .generic_hidden{visibility:hidden !important} .generic_collapsed{visibility:collapse !important;display:none !important;width:0 !important;height:0 !important} -.boxedcontent{color:#333;border:1px solid black;background-color:#e0e0e0;width:100%;margin-left:auto;margin-right:auto} -.boxedcontent .bc_header{background-color:#BBB;padding:0 4px} +.boxedcontent{color:#333;border:1px solid #444;background:#e0e0e0;width:100%;margin-left:auto;margin-right:auto} +.boxedcontent .bc_header{background-color:#bbb;color:#222;padding:0 4px} .boxedcontent .bc_data{padding:8px} -.button{color:#DDD;text-decoration:none;background-color:#222;font-size:1rem;border:1px solid black;height:36px;line-height:36px;padding:2px 2rem} +.button{color:#ddd;text-decoration:none;background-color:#222;font-size:1rem;border:1px solid black;height:36px;line-height:36px;padding:2px 2rem} .button:hover{background-color:#555} -.iconbutton{display:flex;justify-content:center;align-items:center;background:#222;color:#CCC;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{display:flex;justify-content:center;align-items:center;background:#222;color:#ccc;text-decoration:none;border:1px solid #000;margin:5px 0} +.iconbutton:hover{cursor:pointer;background-color:#555;color:#222} +.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;color:#CCC} -.iconbutton_light svg{width:14pt;height:14pt;margin:0 4px;fill:#000} +.iconbutton_light:hover{cursor:pointer;background-color:#555;color:#ccc} +.iconbutton_light svg{width:14pt;height:14pt;margin:0 4px;fill:#222} .iconbutton_light span{flex-grow:1;text-align:center;font-size:14pt} .stripedtable_container{overflow-x:auto} .stripedtable{border-collapse:collapse;text-align:left;width:100%;border:1px solid #666} @@ -37,21 +37,21 @@ body{background-color:#EEE;color:#CCC;font-family:"Times New Roman",serif} .stripedtable thead th{background-color:#7d7d7d;color:#fff;font-weight:bold;border-left:1px solid #444} .stripedtable thead th:first-child{border:0} .stripedtable tbody td{border-left:1px solid #666;font-weight:normal} -.stripedtable tbody .alt td{background:#ebebeb} .stripedtable tbody td:first-child{border-left:0} .stripedtable tbody tr:last-child td{border-bottom:0} .stripedtable tbody tr:nth-child(odd){background-color:#ccc} -.imgcarousel_parent{display:flex;flex-direction:row;align-content:center;justify-content:center;padding:5px;background:#BBB} +.stripedtable tbody tr:nth-child(even){background-color:#e0e0e0} +.imgcarousel_parent{display:flex;flex-direction:row;align-content:center;justify-content:center;padding:5px} .imgcarousel_content{background-size:contain;background-position:center;background-repeat:no-repeat;height:100%;width:100%;display:flex} .imgcarousel_content video{object-fit:contain;width:100%;height:auto;max-height:100%;align-self:center} .imgcarousel_prev,.imgcarousel_next{display:flex;flex-direction:column;justify-content:center} .imgcarousel_prev{margin-right:5px} .imgcarousel_next{margin-left:5px} .imgcarousel_next,.imgcarousel_prev{outline:0} -.imgcarousel_prev svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#DDD} -.imgcarousel_next svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#DDD} -.imgcarousel_prev:hover svg{background:#000;fill:#FFF;cursor:pointer} -.imgcarousel_next:hover svg{background:#000;fill:#FFF;cursor:pointer} +.imgcarousel_prev svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#ddd} +.imgcarousel_next svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#ddd} +.imgcarousel_prev:hover svg{background:#000;fill:#fff;cursor:pointer} +.imgcarousel_next:hover svg{background:#000;fill:#fff;cursor:pointer} #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 a{cursor:default} @@ -64,7 +64,7 @@ body{background-color:#EEE;color:#CCC;font-family:"Times New Roman",serif} #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} -#headerdiv .tabrow .tab_logout{background-color:#A00;border-left:1px solid #111;border-right:0;color:black;min-width:38px} +#headerdiv .tabrow .tab_logout{background-color:#a00;border-left:1px solid #111;border-right:0;color:black;min-width:38px} #headerdiv .tabrow .tab_logout:hover{background-color:#c9510c;color:black} @media(max-width:850px){ #headerdiv{position:static;flex-direction:column} @@ -76,20 +76,20 @@ body{background-color:#EEE;color:#CCC;font-family:"Times New Roman",serif} html,body{margin:0;padding:0;height:100%} #mastercontainer{display:flex;flex-direction:column;min-height:100%;position:relative} #content{padding-bottom:60px} -#footerdiv{position:absolute;bottom:0;width:100%;height:60px;text-align:center;left:0;right:0;margin:0 auto} +#footerdiv{position:absolute;bottom:0;width:100%;height:60px;text-align:center;color:#ccc;left:0;right:0;margin:0 auto} @media(max-width:767px){#footerdiv{width:auto}} @media(min-width:768px) and (max-width:850px){#footerdiv{width:auto}} @media(min-width:851px) and (max-width:991px){#footerdiv{width:auto}} @media(min-width:992px) and (max-width:1199px){#footerdiv{width:724px}} @media(min-width:1200px){#footerdiv{width:1170px}} -#footerdiv hr{margin-bottom:5px;display:block;border:0;color:white;height:1px;background-color:#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:#ccc;background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(#CCCCCCFF),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_base{display:inline-flex;flex-direction:column;border:1px solid #444;margin:15px;width:652px} +.index_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#bbb} .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} +.index_pnl_content{display:flex;flex-direction:column;background:#e0e0e0;padding:6px} @media(max-width:850px){.index_pnl_base{width:330px}} .aboutcontent{display:block;width:100%} .aboutcontent .boxedcontent{margin-bottom:20px} @@ -121,41 +121,34 @@ html,body{margin:0;padding:0;height:100%} .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} +.consistency_result_ok,.consistency_result_warn,.consistency_result_err{min-width:400px;color:#222;border:1px solid #888;padding:0 5px;margin:1px 0} +.consistency_result_ok{background:#0f0} +.consistency_result_warn{background:#ff0} +.consistency_result_err{background:red} +.admincontent .boxedcontent hr{width:95%;height:1px;border:0;color:#FFFFFF00;background:-moz-radial-gradient(circle,rgba(0,0,0,0.1),rgba(0,0,0,0));background:-webkit-radial-gradient(circle,rgba(0,0,0,0.1) 0,rgba(0,0,0,0) 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} +.loginerror{display:flex;background:#f44;color:#222;border:1px solid #a44;border-radius:2px;font-weight:bold;padding:0 5px;margin:5px 0 20px 0} .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} -.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} +.bloglistelem{width:100%;border:1px solid #444;margin:10px 5px;color:#333;text-decoration:none} +.ble_blog{background-color:#bbb} +.ble_log{background-color:#e0e0e0} +.ble_blog .ble_date{background-color:#999;color:#222} +.ble_log .ble_date{background-color:#bbb;color:#222} +.ble_blog{color:#333} .ble_log{color:#555} -.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} +.bloglistelem:hover{border:solid 1px #000} +.ble_blog:hover{background-color:#fff;color:#000} +.ble_log:hover{background-color:#fff;color:#000} +.ble_blog:hover .ble_date{background-color:#fff;color:#000;border-bottom:1px solid #000} +.ble_log:hover .ble_date{background-color:#fff;color:#000;border-bottom:1px solid #000} +.ble_date{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} -.base_markdown pre{font-size:14px;display:block;padding:9.5px;margin:0 0 10px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background-color:#f8f8f8;color:black;border:1px solid rgba(0,0,0,0.15);border-radius:2px} -.base_markdown blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #CCC} +.base_markdown pre{font-size:14px;display:block;padding:9.5px;margin:0 0 10px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background-color:#f8f8f8;color:#000;border:1px solid rgba(0,0,0,0.15);border-radius:2px} +.base_markdown blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #ccc} .base_markdown img{max-width:100%} -.base_markdown table{border-collapse:collapse;text-align:left;width:100%;border:1px solid #666} -.base_markdown table td,.base_markdown table th{padding:3px 10px} -.base_markdown table thead th{background-color:#7d7d7d;color:#fff;font-weight:bold;border-left:1px solid #444} -.base_markdown table thead th:first-child{border:0} -.base_markdown table tbody td{border-left:1px solid #666;font-weight:normal} -.base_markdown table tbody .alt td{background:#ebebeb} -.base_markdown table tbody td:first-child{border-left:0} -.base_markdown table tbody tr:last-child td{border-bottom:0} -.base_markdown table tbody tr:nth-child(odd){background-color:#ccc} .mdtable_container{overflow-x:auto} .notable{width:unset !important;border:none !important} .notable th,.notable td,.notable tr{border:none !important;background:transparent !important} @@ -163,17 +156,18 @@ html,body{margin:0;padding:0;height:100%} #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} +#PEB_tableProblems .PEB_TC_Value:hover{color:#222;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s} #PEB_tableProblems .PEB_TC_Time{border-radius:1px;display:inline-block;padding:1px 6px;min-width:60px} -#PEB_tableProblems .PEB_TC_Timelevel_0{background-color:#0A0 !important} +#PEB_tableProblems .PEB_TC_Timelevel_0{background-color:#0a0 !important} #PEB_tableProblems .PEB_TC_Timelevel_1{background-color:#84ff0a !important} -#PEB_tableProblems .PEB_TC_Timelevel_2{background-color:#FF0 !important} -#PEB_tableProblems .PEB_TC_Timelevel_3{background-color:#F60 !important} -#PEB_tableProblems .PEB_TC_Timelevel_4{background-color:#F11 !important} +#PEB_tableProblems .PEB_TC_Timelevel_2{background-color:#ff0 !important} +#PEB_tableProblems .PEB_TC_Timelevel_3{background-color:#f60 !important} +#PEB_tableProblems .PEB_TC_Timelevel_4{background-color:#f11 !important} #PEB_tableProblems .PEB_TC_Size{font-family:Consolas,Monaco,"Courier New",Menlo,monospace} +#PEB_tableProblems .PEB_TC_Size_93,#PEB_tableProblems .PEB_TC_Size_98{min-width:7ch} #PEB_tableProblems .PEB_TC_Size_93{float:right;font-family:"Times New Roman",serif;border-radius:1px;background-color:#0A0;display:inline-block;padding:1px 6px} #PEB_tableProblems .PEB_TC_Size_98{float:right;font-family:"Times New Roman",serif;border-radius:1px;background-color:#FF0;display:inline-block;padding:1px 6px} -#PEB_tableProblems a{color:#333;display:block;text-decoration:none} +#PEB_tableProblems a{color:#222;display:block;text-decoration:none} #PEB_tableProblems .PEB_TC_Title a{text-decoration:underline} @media(max-width:1199px){#PEB_tableProblems tr td:nth-child(1),#PEB_tableProblems tr th:nth-child(1){display:none}} @media(max-width:767px){ @@ -181,12 +175,12 @@ html,body{margin:0;padding:0;height:100%} #PEB_tableProblems tr td:nth-child(3),#PEB_tableProblems tr th:nth-child(3){display:none} #PEB_tableProblems tr td:nth-child(4),#PEB_tableProblems tr th:nth-child(4){display:none} } -.bce_description,.bce_explanation{background:#EEE;border:1px solid rgba(0,0,0,0.15);padding:0 5px} +.bce_description,.bce_explanation{background:#eee;color:#333;border:1px solid rgba(0,0,0,0.15);padding:0 5px} .bce_pagination{display:flex} .bce_pagination .bce_pag20{display:flex;align-self:center} .bce_pagination .bce_pag10{display:flex} .bce_pagination .bce_pag05{display:flex;margin:4px 0} -.bce_pagination .bce_pagbtn{display:block;color:#000;text-decoration:none;min-width:1.8em;padding:0 5px;margin:0 4px;border-radius:2px;border:1px solid #777;background:#AAA;text-align:center} +.bce_pagination .bce_pagbtn{display:block;color:#000;text-decoration:none;min-width:1.8em;padding:0 5px;margin:0 4px;border-radius:2px;border:1px solid #777;background:#aaa;text-align:center} .bce_pagination .bce_pagbtn_disabled{color:#888;background:#BBB} .bce_pagination .bce_pagbtn_active{color:#000;background:#666;border:1px solid #000} @media(max-width:767px){ @@ -240,20 +234,20 @@ html,body{margin:0;padding:0;height:100%} .bc_aoc_solution_value{background:#AAA} .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: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{display:flex;flex-direction:row;text-decoration:none;background:#bbb;border:1px solid #444;color:#333;margin:5px 0} +.prgl_elem:hover{background:#fff;color:#000;border:solid 1px #000} +.prgl_elem:hover .prgl_elem_sdesc{color:#000} +.prgl_elem:hover .prgl_elem_subinfo_caption{color:#000} +.prgl_elem:hover .prgl_elem_subinfo_data{color:#000} .prgl_elem:hover .prgl_elem_left img{filter:grayscale(100%)} .prgl_elem_left{padding:4px;display:flex} .prgl_elem_left img{width:250px;height:auto;min-height:100px} .prgl_elem_right{display:flex;flex-direction:column;flex-grow:1} -.prgl_elem_title{color:#222;font-size:40pt;font-weight:bolder;flex-grow:1;display:flex;justify-content:center;align-items:center} +.prgl_elem_title{color:#333;font-size:40pt;font-weight:bolder;flex-grow:1;display:flex;justify-content:center;align-items:center} .prgl_elem_sdesc{color:#555;font-size:14pt;flex-grow:1;margin-bottom:20px;margin-left:10px;margin-right:10px;display:flex;justify-content:center;align-items:center} .prgl_elem_info{display:flex;flex-direction:row} .prgl_elem_subinfo{flex:1;display:flex;flex-direction:row} -.prgl_elem_subinfo_caption{color:#111;font-weight:bold;margin:0 5px 0 10px} +.prgl_elem_subinfo_caption{color:#333;font-weight:bold;margin:0 5px 0 10px} .prgl_elem_subinfo_data{color:#555;display:flex;flex-direction:row;align-items:center;height:100%} .prgl_elem_subinfo_data img{display:inline;height:13pt;margin:1px 2px 0 2px} @media(max-width:1199px){ @@ -272,23 +266,23 @@ html,body{margin:0;padding:0;height:100%} .prgl_elem_subinfo{flex-direction:row} .prgl_elem_sdesc{display:none;visibility:hidden} } -.prgv_content{display:flex;flex-direction:column;color:#333;border:1px solid black;background-color:#e0e0e0;width:100%;margin-left:auto;margin-right:auto} +.prgv_content{display:flex;flex-direction:column;color:#333;border:1px solid #444;background-color:#e0e0e0;width:100%;margin-left:auto;margin-right:auto} #prgv_header h1{font-size:48pt;text-align:center;margin-top:5px} -#prgv_header hr{background:-moz-radial-gradient(circle,#CCC,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCC 0,#FFFFFF00 100%)} +#prgv_header hr{background:-moz-radial-gradient(circle,#CCCCCCFF,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCCCCCFF 0,#FFFFFF00 100%)} .prgv_top{display:flex;flex-direction:row;margin-top:15px} -.prgv_left{display:inline-flex;justify-content:center;flex-grow:1;margin-left:10px;margin-top:auto;margin-bottom:auto} +.prgv_left{display:inline-flex;justify-content:center;border:1px solid #333;flex-grow:1;margin-left:10px;margin-top:auto;margin-bottom:auto} .prgv_left img{height:100%;width:100%;object-fit:contain} -.prgv_right{background:#BBB;border:1px solid #666;margin:0 10px;padding:8px 5px 2px 5px;min-height:250px;min-width:235px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto auto auto 1fr auto;grid-column-gap:15px;grid-row-gap:2px} +.prgv_right{background:#aaa;border:1px solid #333;color:#222;margin:0 10px;padding:8px 5px 2px 5px;min-height:250px;min-width:235px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto auto auto 1fr auto;grid-column-gap:15px;grid-row-gap:2px} .prgv_right_key{font-weight:bold} -.prgv_right_value a{color:#333;text-decoration:none} +.prgv_right_value a{color:#222;text-decoration:none} .prgv_right_value a:hover{color:#339;text-decoration:none} .prgv_right_comb{grid-column:1 / span 2} .prgv_right_lang{display:flex;justify-content:flex-end} .prgv_dl_download{background:#422} .prgv_dl_github{background:#4078c0} .prgv_right_lang img{display:inline;height:16pt;max-width:32px;margin:1px 2px 0 2px} -.prgv_center{margin:0 8px 8px 8px;padding:16px;background:#EEE;border:1px solid rgba(0,0,0,0.15)} -.prgv_sep{margin:40px 0 40px 0;display:block;border:0;color:white;height:1px;background-color:#666666FF;background:-moz-radial-gradient(circle,#666,#FFFFFF00);background:-webkit-radial-gradient(circle,#666 0,#FFFFFF00 100%)} +.prgv_center{margin:0 8px 8px 8px;padding:16px;background:#eee;color:#333;border:1px solid rgba(0,0,0,0.15)} +.prgv_sep{margin:40px 0 40px 0;display:block;border:0;color:white;height:1px;background-color:#CCCCCCFF;background:-moz-radial-gradient(circle,#CCCCCCFF,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCCCCCFF 0,#FFFFFF00 100%)} @media(max-width:991px){.prgv_content{border:0}} @media(max-width:767px){ .prgv_top{flex-direction:column;margin-top:0} @@ -297,43 +291,41 @@ html,body{margin:0;padding:0;height:100%} .prgv_right_lang{justify-content:space-evenly} #prgv_header h1{font-size:28pt} } -.progv_extra{height:500px;border:1px solid #333;margin:10px} -.booklst_entry{display:flex;flex-direction:row;text-decoration:none;background:#BBB;border:solid 1px #444;margin:5px 0} -.booklst_entry:hover{background:white;color:black;border:solid 1px black} -.booklst_entry:hover .booklst_date{color:black} -.booklst_entry:hover .booklst_title{color:black} +.progv_extra{height:500px;border:1px solid #333;background:#aaa;margin:10px} +.booklst_entry{display:flex;flex-direction:row;text-decoration:none;background:#bbb;border:1px solid #444;color:#333;margin:5px 0} +.booklst_entry:hover{background:#fff;color:#000;border:solid 1px #000} +.booklst_entry:hover .booklst_date{color:#000} +.booklst_entry:hover .booklst_title{color:#000} .booklst_entry:hover .booklst_left img{filter:grayscale(100%)} -.booklst_entry:hover .booklst_date span{background:white;border-left:1px solid black;border-bottom:1px solid black} +.booklst_entry:hover .booklst_date span{background:#fff;border-left:1px solid #000;border-bottom:1px solid #000} .booklst_left{padding:4px;display:flex} .booklst_left img{width:150px;height:200px;object-fit:contain} .booklst_right{display:flex;flex-direction:column;flex-grow:1} -.booklst_title{color:#222;font-size:40pt;font-weight:bolder;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center} -.booklst_date{display:flex;flex-direction:row-reverse;color:#222} +.booklst_title{color:#333;font-size:40pt;font-weight:bolder;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center} +.booklst_date{display:flex;flex-direction:row-reverse;color:#333} .booklst_date span{background:#AAA;padding:0 3px;border-left:1px solid transparent;border-bottom:1px solid transparent} -.booklst_content p{color:#333} @media(max-width:767px){ .booklst_left{flex-direction:column;align-items:center} .booklst_entry{flex-direction:column} .booklst_date{display:none;visibility:hidden} .booklst_title{font-size:32pt} } -.bookv_content{display:flex;flex-direction:column;color:#333;border:1px solid black;background-color:#e0e0e0;width:100%;margin-left:auto;margin-right:auto} +.bookv_content{display:flex;flex-direction:column;color:#333;border:1px solid #444;background-color:#e0e0e0;width:100%;margin-left:auto;margin-right:auto} #bookv_header h1{font-size:48pt;text-align:center;margin-top:5px} -#bookv_header hr{background:-moz-radial-gradient(circle,#CCC,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCC 0,#FFFFFF00 100%)} +#bookv_header hr{background:-moz-radial-gradient(circle,#CCCCCCFF,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCCCCCFF 0,#FFFFFF00 100%)} .bookv_top{display:flex;flex-direction:row;margin-top:15px;padding-bottom:10px} .bookv_left{display:inline-flex;justify-content:center;flex-grow:1;margin-left:10px;margin-top:auto;margin-bottom:auto} .bookv_left img{height:100%;width:100%;object-fit:contain} -.bookv_right{background:#BBB;border:1px solid #666;margin:0 10px;padding:8px 5px 2px 5px;min-height:250px;min-width:200px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto auto auto 1fr auto;grid-column-gap:15px;grid-row-gap:2px} +.bookv_right{background:#aaa;border:1px solid #333;margin:0 10px;padding:8px 5px 2px 5px;min-height:250px;min-width:200px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto auto auto 1fr auto;grid-column-gap:15px;grid-row-gap:2px} .bookv_right_key{font-weight:bold} -.bookv_right_value a{color:#333;text-decoration:none} +.bookv_right_value a{color:#222;text-decoration:none} .bookv_right_value a:hover{color:#339;text-decoration:none} .bookv_right_comb{grid-column:1 / span 2} .bookv_right_lang{display:flex;justify-content:flex-end} .bookv_dl_download{background:#422} .bookv_dl_github{background:#4078c0} .bookv_right_lang img{display:inline;height:16pt;max-width:32px;margin:1px 2px 0 2px} -.bookv_center{margin:0 8px 8px 8px;padding:16px;background:#EEE;border:1px solid rgba(0,0,0,0.15)} -.bookv_sep{margin:40px 0 40px 0;display:block;border:0;color:white;height:1px;background-color:#666666FF;background:-moz-radial-gradient(circle,#666,#FFFFFF00);background:-webkit-radial-gradient(circle,#666 0,#FFFFFF00 100%)} +.bookv_extra{height:500px;border:1px solid #333;background:#aaa;margin:10px} @media(max-width:991px){ .bookv_content{border:0} #bookv_header h1{font-size:28pt} @@ -346,20 +338,19 @@ html,body{margin:0;padding:0;height:100%} .bookv_right_lang{justify-content:space-evenly} #bookv_header h1{font-size:18pt} } -.bookv_extra{height:500px;border:1px solid #333;margin:10px} .webapplistelem_container{display:flex;align-items:center;flex-direction:column} -.webapplistelem{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none} -.webapplistelem{background-color:#BBB} -.webapplistelem .wle_date{background-color:#AAA;color:#333} -.webapplistelem:hover{border:solid 1px black} -.webapplistelem:hover{background-color:white;color:black} -.webapplistelem:hover .wle_date{background-color:white;color:black;border-bottom:1px solid black} -.wle_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} +.webapplistelem{width:100%;border:1px solid #444;margin:10px 5px;color:#333;text-decoration:none} +.webapplistelem{background-color:#bbb} +.webapplistelem .wle_date{background-color:#999;color:#222} +.webapplistelem:hover{border:solid 1px #000} +.webapplistelem:hover{background-color:#fff;color:#000} +.webapplistelem:hover .wle_date{background-color:#fff;color:#000;border-bottom:1px solid #000} +.wle_date{border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} .wle_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px} @media(max-width:767px){.wle_title{font-size:1.25em}} .ev_master{align-self:center} @media(min-width:851px){.ev_master{padding-bottom:80px}} -.ev_master .ev_code{color:#000;text-align:center;font-size:150pt;font-weight:500;font-family:Consolas,Monaco,"Courier New",Menlo,monospace} +.ev_master .ev_code{color:#333;text-align:center;font-size:150pt;font-weight:500;font-family:Consolas,Monaco,"Courier New",Menlo,monospace} .ev_master .ev_msg{color:#888;text-align:center;font-size:25pt} @media(max-width:767px){ .ev_master .ev_code{font-size:75pt} @@ -369,7 +360,7 @@ html,body{margin:0;padding:0;height:100%} @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{background-color:white;color:black;border:1px solid black} +.euler_pnl_cell:hover{background-color:#fff;color:#000;border:1px solid #000} .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} @@ -380,38 +371,38 @@ html,body{margin:0;padding:0;height:100%} .euler_pnl_celltime_fail{background:#d89d9d} .euler_pnl_cell_notexist{background:#ccc} .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_entry{display:flex;flex-direction:column;width:190px;border:1px solid #333;background:#aaa;color:#222;text-decoration:none;margin:4px} +.programs_pnl_entry:hover{background:#fff;color:#000;border:1px solid #000} +.programs_pnl_entry:hover .programs_pnl_center{color:#000} +.programs_pnl_entry:hover .programs_pnl_bottom{background:#fff;border-top:1px solid #000} .programs_pnl_entry:hover .programs_pnl_img img{filter:grayscale(100%)} .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_center{display:flex;justify-content:center;align-items:flex-end;text-align:center;color:#222;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} +.programs_pnl_bottom_sub_bot{color:#222;font-weight:bolder} @media(max-width:850px){ .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} } .blog_pnl_content{display:flex;align-items:center;flex-direction:column} -.blogpnl_base{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none;background-color:#BBB} -.blogpnl_date{background-color:#AAA;color:#333} -.blogpnl_base:hover{border:solid 1px black;background-color:white;color:black} -.blogpnl_base:hover .blogpnl_date{background-color:white;color:black;border-bottom:1px solid black} -.blogpnl_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} +.blogpnl_base{width:100%;border:1px solid #333;margin:10px 5px;color:#222;text-decoration:none;background-color:#aaa} +.blogpnl_date{background-color:#888;color:#000} +.blogpnl_base:hover{border:solid 1px #000;background-color:#fff;color:#000} +.blogpnl_base:hover .blogpnl_date{background-color:#fff;color:#000;border-bottom:1px solid #000} +.blogpnl_date{border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} .blogpnl_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px} @media(max-width:850px){.blogpnl_title{text-align:center}} .books_pnl_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly} -.books_pnl_entry{display:flex;flex-direction:column;margin:4px;border:1px solid #333;background:#AAA;text-decoration:none} +.books_pnl_entry{display:flex;flex-direction:column;margin:4px;border:1px solid #333;background:#aaa;color:#222;text-decoration:none} .books_pnl_entry img{margin:4px;width:150px;height:auto} -.books_pnl_entry div{display:flex;justify-content:center;align-items:flex-end;flex-grow:1;border-top:1px solid transparent;text-align:center;font-weight:bold;color:#222;text-decoration:none} +.books_pnl_entry div{display:flex;justify-content:center;align-items:flex-end;flex-grow:1;border-top:1px solid transparent;text-align:center;font-weight:bold;text-decoration:none} @media(max-width:850px){.books_pnl_extra{display:none;visibility:collapse}} -.books_pnl_entry:hover{border:1px solid black;background:white} -.books_pnl_entry:hover div{color:black} +.books_pnl_entry:hover{border:1px solid #000;background:#fff} +.books_pnl_entry:hover div{color:#000} .books_pnl_entry:hover img{filter:grayscale(100%)} .bfjoust_runner_owner{border:1px solid #888;background:#f8f8f8;padding:6px} .bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap} diff --git a/www/data/css/styles_admin.scss b/www/data/css/styles_admin.scss index 64feb4f..2cc00ef 100644 --- a/www/data/css/styles_admin.scss +++ b/www/data/css/styles_admin.scss @@ -33,11 +33,6 @@ font-weight: bold; min-width: 500px; } - - span:last-child { - - } - } } @@ -47,10 +42,22 @@ .consistency_result_ok, .consistency_result_warn, .consistency_result_err { min-width: 400px; - border: 1px solid #888; + color: $COL_ADMIN_STATUS_FG; + border: $COL_ADMIN_STATUS_BORDER; padding: 0 5px; margin: 1px 0; } -.consistency_result_ok { background: #0F0; } -.consistency_result_warn { background: #FF0; } -.consistency_result_err { background: #F00; } \ No newline at end of file + +.consistency_result_ok { background: $COL_ADMIN_OK; } +.consistency_result_warn { background: $COL_ADMIN_WARN; } +.consistency_result_err { background: $COL_ADMIN_ERROR; } + + +.admincontent .boxedcontent hr { + width: 95%; + height: 1px; + border: none; + color: $COL_TRANSPARENT; + background: -moz-radial-gradient( circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0)); + background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%,rgba(0, 0, 0, 0.0) 100%); +} \ No newline at end of file diff --git a/www/data/css/styles_bloglist.scss b/www/data/css/styles_bloglist.scss index d2d46ca..43587f9 100644 --- a/www/data/css/styles_bloglist.scss +++ b/www/data/css/styles_bloglist.scss @@ -10,19 +10,20 @@ .bloglistelem { width: 100%; - border: solid 1px #444; + border: $LAYER1_BORDER; margin: 10px 5px; - color: $COL_TEXT_DARK; + color: $LAYER1_FG; text-decoration: none; } -.ble_blog { background-color: #BBB; } -.ble_log { background-color: #DDD; } +.ble_blog { background-color: $LAYER1_BG_DARKER; } +.ble_log { background-color: $LAYER1_BG; } -.ble_blog .ble_date { background-color: #AAA; color: $COL_TEXT_DARK; } -.ble_log .ble_date { background-color: #CCC; color: $COL_TEXT_DARK; } +.ble_blog .ble_date { background-color: $LAYER1_HEADER_BG_DARKER; color: $LAYER1_HEADER_FG; } +.ble_log .ble_date { background-color: $LAYER1_HEADER_BG; color: $LAYER1_HEADER_FG; } -.ble_log { color: $COL_TEXT_DARK_LIGHTER; } +.ble_blog { color: $LAYER1_FG; } +.ble_log { color: $LAYER1_FG_LIGHT; } .bloglistelem:hover { border: solid 1px $COL_COMPLEXHOVER_BRD; } .ble_blog:hover { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; } @@ -31,7 +32,6 @@ .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; diff --git a/www/data/css/styles_blogpanel.scss b/www/data/css/styles_blogpanel.scss index 3803656..69268ab 100644 --- a/www/data/css/styles_blogpanel.scss +++ b/www/data/css/styles_blogpanel.scss @@ -10,21 +10,20 @@ .blogpnl_base { width: 100%; - border: solid 1px #444; + border: $LAYER2_BORDER; margin: 10px 5px; - color: $COL_TEXT_DARK; + color: $LAYER2_FG; text-decoration: none; - background-color: #BBB; + background-color: $LAYER2_BG; } -.blogpnl_date { background-color: #AAA; color: $COL_TEXT_DARK; } +.blogpnl_date { background-color: $LAYER2_HEADER_BG; color: $LAYER2_HEADER_FG; } .blogpnl_base:hover { border: solid 1px $COL_COMPLEXHOVER_BRD; background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; } .blogpnl_base:hover .blogpnl_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; } .blogpnl_date { - background-color: #AAA; border-bottom: 1px solid transparent; padding: 2px; font-size: 0.8em; diff --git a/www/data/css/styles_blogview.scss b/www/data/css/styles_blogview.scss index 822c0b3..61569fa 100644 --- a/www/data/css/styles_blogview.scss +++ b/www/data/css/styles_blogview.scss @@ -26,64 +26,22 @@ word-break: break-all; word-wrap: break-word; white-space: pre-wrap; - background-color: $COL_BACKGROUND_3; - color: black; - border: 1px solid rgba(0,0,0,.15); + background-color: $LAYER2_CODE_BG; + color: $LAYER2_CODE_FG; + border: $LAYER2_CODE_BORDER; border-radius: 2px; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; - border-left: 5px solid #CCC; + border-left: $LAYER2_QUOTE_BORDERLEFT; } img { max-width: 100%; } - table { - border-collapse: collapse; - text-align: left; - width: 100%; - border: 1px solid #666; - - td, th { - padding: 3px 10px; - } - - thead th { - background-color: #7D7D7D; - color: #FFFFFF; - font-weight: bold; - border-left: 1px solid #444; - } - - thead th:first-child { - border: none; - } - - tbody td { - border-left: 1px solid #666; - font-weight: normal; - } - - tbody .alt td { - background: #EBEBEB; - } - - tbody td:first-child { - border-left: none; - } - - tbody tr:last-child td { - border-bottom: none; - } - - tbody tr:nth-child(odd) { - background-color: #ccc; - } - } } .mdtable_container {overflow-x: auto;} diff --git a/www/data/css/styles_blogview_euler.scss b/www/data/css/styles_blogview_euler.scss index c385bcd..c0210dd 100644 --- a/www/data/css/styles_blogview_euler.scss +++ b/www/data/css/styles_blogview_euler.scss @@ -3,7 +3,7 @@ #PEB_tableProblems { .PEB_tablerowProblems { } - .PEB_tablerowProblems:hover { background-color: #999; } + .PEB_tablerowProblems:hover { background-color: $LAYER2_TABLE_ROW_HOVER; } .PEB_tablecellProblems { } @@ -20,7 +20,7 @@ } .PEB_TC_Value:hover { - color: $COL_TEXT_DARK; + color: $LAYER2_FG; -o-transition:.5s; -ms-transition:.5s; @@ -38,14 +38,16 @@ min-width: 60px; } - .PEB_TC_Timelevel_0 { background-color: #0A0 !important; } - .PEB_TC_Timelevel_1 { background-color: #84FF0A !important; } - .PEB_TC_Timelevel_2 { background-color: #FF0 !important; } - .PEB_TC_Timelevel_3 { background-color: #F60 !important; } - .PEB_TC_Timelevel_4 { background-color: #F11 !important; } + .PEB_TC_Timelevel_0 { background-color: $COL_EULER_TIME_0_SAT !important; } + .PEB_TC_Timelevel_1 { background-color: $COL_EULER_TIME_1_SAT !important; } + .PEB_TC_Timelevel_2 { background-color: $COL_EULER_TIME_2_SAT !important; } + .PEB_TC_Timelevel_3 { background-color: $COL_EULER_TIME_3_SAT !important; } + .PEB_TC_Timelevel_4 { background-color: $COL_EULER_TIME_4_SAT !important; } .PEB_TC_Size { font-family: $FONT_CODE; } + .PEB_TC_Size_93, .PEB_TC_Size_98 { min-width: 7ch; } + .PEB_TC_Size_93 { float: right; font-family: $FONT_DEFAULT; @@ -69,7 +71,7 @@ } a { - color: $COL_TEXT_DARK; + color: $LAYER2_FG; display: block; text-decoration: none; } @@ -89,8 +91,9 @@ } .bce_description, .bce_explanation { - background: #EEE; - border: 1px solid rgba(0, 0, 0, 0.15); + background: $LAYER2_TXTBLOCK_BG; + color: $LAYER2_TXTBLOCK_FG; + border: $LAYER2_TXTBLOCK_BORDER; padding: 0 5px; } @@ -110,14 +113,14 @@ } .bce_pagbtn { display: block; - color: #000; + color: $BUTTON_PAGINATION_FG; text-decoration: none; min-width: 1.8em; padding: 0 5px; margin: 0 4px; border-radius: 2px; - border: 1px solid #777; - background: #AAA; + border: $BUTTON_PAGINATION_BORDER; + background: $BUTTON_PAGINATION_BG; text-align: center; } .bce_pagbtn_disabled { @@ -125,9 +128,9 @@ background: #BBB; } .bce_pagbtn_active { - color: #000; - background: #666; - border: 1px solid #000; + color: $BUTTON_PAGINATION_DISABLED_FG; + background: $BUTTON_PAGINATION_DISABLED_BG; + border: $BUTTON_PAGINATION_DISABLED_BORDER; } } diff --git a/www/data/css/styles_bookslist.scss b/www/data/css/styles_bookslist.scss index a0e0fa8..3601aae 100644 --- a/www/data/css/styles_bookslist.scss +++ b/www/data/css/styles_bookslist.scss @@ -9,8 +9,10 @@ flex-direction: row; text-decoration: none; - background: #BBB; - border: solid 1px #444; + background: $LAYER1_BG_DARKER; + border: $LAYER1_BORDER; + color: $LAYER1_FG; + margin: 5px 0; &:hover { @@ -42,7 +44,7 @@ } .booklst_title { - color: $COL_TEXT_DARK_DARKER; + color: $LAYER1_FG; font-size: 40pt; font-weight: bolder; flex-grow: 1; @@ -57,7 +59,7 @@ display: flex; flex-direction: row-reverse; - color: $COL_TEXT_DARK_DARKER; + color: $LAYER1_FG; } .booklst_date span { @@ -67,11 +69,6 @@ border-bottom: 1px solid transparent; } -.booklst_content p { - color: $COL_TEXT_DARK; -} - - @include rdmedia(0) { .booklst_left { flex-direction: column; align-items: center;} .booklst_entry { flex-direction: column;} diff --git a/www/data/css/styles_bookspanel.scss b/www/data/css/styles_bookspanel.scss index 4236154..e720341 100644 --- a/www/data/css/styles_bookspanel.scss +++ b/www/data/css/styles_bookspanel.scss @@ -13,7 +13,8 @@ margin: 4px; border: 1px solid #333; - background: #AAA; + background: $LAYER2_BG; + color: $LAYER2_FG; text-decoration: none; } @@ -34,9 +35,7 @@ border-top: 1px solid transparent; text-align: center; font-weight: bold; - color: $COL_TEXT_DARK_DARKER; text-decoration: none; - } @include rdmedia_range(0,1) { diff --git a/www/data/css/styles_booksview.scss b/www/data/css/styles_booksview.scss index 52bf66a..ca659fb 100644 --- a/www/data/css/styles_booksview.scss +++ b/www/data/css/styles_booksview.scss @@ -4,9 +4,9 @@ display: flex; flex-direction: column; - color: $COL_TEXT_DARK; - border: 1px solid black; - background-color: #E0E0E0; + color: $LAYER1_FG; + border: $LAYER1_BORDER; + background-color: $LAYER1_BG; width: 100%; margin-left: auto; margin-right: auto; @@ -19,8 +19,8 @@ } #bookv_header hr { - background: -moz-radial-gradient( circle, $COL_TEXT_NORMAL, $COL_TRANSPARENT); - background: -webkit-radial-gradient(circle, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); + background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END); + background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%); } .bookv_top { @@ -48,8 +48,8 @@ } .bookv_right { - background: #BBB; - border: 1px solid #666; + background: $LAYER2_BG; + border: $LAYER2_BORDER; margin: 0 10px; padding: 8px 5px 2px 5px; @@ -68,12 +68,12 @@ } .bookv_right_value a { - color: $COL_TEXT_DARK; + color: $LAYER2_FG; text-decoration: none; } .bookv_right_value a:hover { - color: #339; + color: $LAYER2_FG_LINKHOVER; text-decoration: none; } @@ -86,8 +86,8 @@ justify-content: flex-end; } -.bookv_dl_download { background: #442222; } -.bookv_dl_github { background: $COL_GITHUB; } +.bookv_dl_download { background: $COL_BUTTON_DOWNLOAD_PRIMARY; } +.bookv_dl_github { background: $COL_BUTTON_DOWNLOAD_GITHUB; } .bookv_right_lang img { display: inline; @@ -96,22 +96,15 @@ margin: 1px 2px 0 2px; } -.bookv_center { - margin: 0 8px 8px 8px; - padding: 16px; - background: #EEE; - border: 1px solid rgba(0, 0, 0, 0.15); +.bookv_extra { + height: 500px; + border: $LAYER2_BORDER; + background: $LAYER2_BG; + margin: 10px; } -.bookv_sep { - margin: 40px 0 40px 0; - display: block; - border: none; - color: white; - height: 1px; - background-color: #666666FF; - background: -moz-radial-gradient( circle, #666, #FFFFFF00); - background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%); +.bookv_extra img { + } @include rdmedia_range(0,2) { @@ -146,14 +139,4 @@ #bookv_header h1 { font-size: 18pt; } -} - -.bookv_extra { - height: 500px; - border: 1px solid #333; - margin: 10px; -} - -.bookv_extra img { - } \ No newline at end of file diff --git a/www/data/css/styles_config.scss b/www/data/css/styles_config.scss index 21c1885..3fb447b 100644 --- a/www/data/css/styles_config.scss +++ b/www/data/css/styles_config.scss @@ -1,24 +1,143 @@ -$COL_BACKGROUND: #EEE; -$COL_BACKGROUND_2: #E0E0E0; -$COL_BACKGROUND_3: #F8F8F8; -$COL_TEXT_NORMAL: #CCC; -$COL_TEXT_DARK_DARKER: #222; -$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; -$COL_HIGHLIGHT_BLUE: #222244; - $FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; $FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace; $FONT_DEFAULT: 'Times New Roman', serif; +// ------------------------------------ + +$COL_TRANSPARENT: #FFFFFF00; + +// ------------------------------------ + +$LAYER0_BG: #EEEEEE; +$LAYER0_FG: #333333; +$LAYER0_FG_LIGHTER: #888888; + +$LAYER1_BG: #E0E0E0; +$LAYER1_BG_DARKER: #BBBBBB; +$LAYER1_FG: #333333; +$LAYER1_FG_LIGHT: #555555; +$LAYER1_HEADER_BG: #BBBBBB; +$LAYER1_HEADER_BG_DARKER: #999999; +$LAYER1_HEADER_FG: #222222; +$LAYER1_BORDER: 1px solid #444444; + +$LAYER2_CODE_BG: #F8F8F8; +$LAYER2_CODE_FG: #000000; +$LAYER2_CODE_BORDER: 1px solid rgba(0, 0, 0, 0.15); + +$LAYER2_QUOTE_BORDERLEFT: 5px solid #CCCCCC; + +$LAYER2_TXTBLOCK_BG: #EEEEEE; +$LAYER2_TXTBLOCK_FG: #333333; +$LAYER2_TXTBLOCK_BORDER: 1px solid rgba(0, 0, 0, 0.15); + +$LAYER2_BG: #AAAAAA; +$LAYER2_FG: #222222; +$LAYER2_FG_LINKHOVER: #333399; +$LAYER2_FG_LIGHT: #444444; +$LAYER2_HEADER_BG: #888888; +$LAYER2_HEADER_FG: #000000; +$LAYER2_BORDER: 1px solid #333333; + +$LAYER2_TABLE_BORDER_OUTER: 1px solid #666666; +$LAYER2_TABLE_TH_BG: #7D7D7D; +$LAYER2_TABLE_TH_FG: #FFFFFF; +$LAYER2_TABLE_BORDER_INNER_TH: #444444; +$LAYER2_TABLE_BORDER_INNER_TD: #666666; +$LAYER2_TABLE_BACKGROUND_ODD: #CCCCCC; +$LAYER2_TABLE_BACKGROUND_EVEN: #E0E0E0; +$LAYER2_TABLE_ROW_HOVER: #999999; + +// ------------------------------------ + +$COL_RADIAL_UNDERLINE_START: #CCCCCCFF; +$COL_RADIAL_UNDERLINE_END: #FFFFFF00; + +// ------------------------------------ + +$COL_COMPLEXHOVER_BG: #FFFFFF; +$COL_COMPLEXHOVER_FG: #000000; +$COL_COMPLEXHOVER_BRD: #000000; + +// ------------------------------------ + +$COL_BUTTON_DOWNLOAD_PRIMARY: #442222; +$COL_BUTTON_DOWNLOAD_GITHUB: #4078C0; +$COL_BUTTON_DOWNLOAD_DARK_BG: #222222; +$COL_BUTTON_DOWNLOAD_DARK_FG: #CCCCCC; +$COL_BUTTON_DOWNLOAD_DARK_HOVER_BG: #555555; +$COL_BUTTON_DOWNLOAD_DARK_HOVER_FG: #222222; +$COL_BUTTON_DOWNLOAD_LIGHT_BG: #888888; +$COL_BUTTON_DOWNLOAD_LIGHT_FG: #222222; +$COL_BUTTON_DOWNLOAD_LIGHT_HOVER_BG: #555555; +$COL_BUTTON_DOWNLOAD_LIGHT_HOVER_FG: #CCCCCC; + +$COL_BUTTON_GENERIC_FG: #DDDDDD; +$COL_BUTTON_GENERIC_BG: #222222; +$COL_BUTTON_GENERIC_HOVER: #555555; + +$COL_BUTTON_CAROUSEL_FG: #DDDDDD; +$COL_BUTTON_CAROUSEL_BG: #333333; +$COL_BUTTON_CAROUSEL_FG_HOVER: #FFFFFF; +$COL_BUTTON_CAROUSEL_BG_HOVER: #000000; + +$BUTTON_PAGINATION_FG: #000000; +$BUTTON_PAGINATION_BG: #AAAAAA; +$BUTTON_PAGINATION_BORDER: 1px solid #777777; +$BUTTON_PAGINATION_DISABLED_FG: #000000; +$BUTTON_PAGINATION_DISABLED_BG: #666666; +$BUTTON_PAGINATION_DISABLED_BORDER: 1px solid #000; + +// ------------------------------------ + +$COL_HEADER_BG: #333; +$COL_HEADER_BTN_BG: #222; +$COL_HEADER_HOVER: #555; +$COL_HEADER_FG: #CCC; +$COL_HEADER_HOVER: #555; +$COL_HEADER_HIGHLIGHT: #442222; +$COL_HEADER_GITHUB: #4078C0; +$COL_HEADER_GITHUB_HOVER: #C9510C; +$COL_HEADER_LOGOUT: #AA0000; +$COL_HEADER_LOGOUT_HOVER: #C9510C; +$COL_HEADER_ADMIN: #222244; + +$COL_FOOTER_FG: #CCCCCC; + +// ------------------------------------ + +$COL_TOAST_ERROR_FG: #222222; +$COL_TOAST_ERROR_BG: #FF4444; +$COL_TOAST_ERROR_BORDER: 1px solid #AA4444; + +// ------------------------------------ + +$COL_EULER_TIME_0_SAT: #00AA00; +$COL_EULER_TIME_1_SAT: #84FF0A; +$COL_EULER_TIME_2_SAT: #FFFF00; +$COL_EULER_TIME_3_SAT: #FF6600; +$COL_EULER_TIME_4_SAT: #FF1111; + +$COL_EULER_TIME_0_LIT: #98C398; +$COL_EULER_TIME_1_LIT: #B9D89B; +$COL_EULER_TIME_2_LIT: #D8D898; +$COL_EULER_TIME_3_LIT: #D8B298; +$COL_EULER_TIME_4_LIT: #D89D9D; + +$COL_EULER_TIME_NONE_LIT: #CCCCCC; + +// ------------------------------------ + +$COL_ADMIN_OK: #00FF00; +$COL_ADMIN_WARN: #FFFF00; +$COL_ADMIN_ERROR: #FF0000; + +$COL_ADMIN_STATUS_FG: #222222; +$COL_ADMIN_STATUS_BORDER: 1px solid #888; + + +// ------------------------------------ ------------------------------------ + // [0] ResponsiveDesign Minimal Mobile // content_width = auto @@ -50,6 +169,10 @@ $RD_3_MEDDESKTOP_MAX: 1199px; $RD_4_LARGEDESKTOP_MIN: 1200px; $RD_4_LARGEDESKTOP_MAX: 99999px; + +// ------------------------------------ ------------------------------------ + + @function rdmedia_expr($min, $max) { $w1: ""; diff --git a/www/data/css/styles_errorview.scss b/www/data/css/styles_errorview.scss index 19aa757..cf45298 100644 --- a/www/data/css/styles_errorview.scss +++ b/www/data/css/styles_errorview.scss @@ -7,7 +7,7 @@ @include rdmedia_range(2,4) {padding-bottom: 80px;} .ev_code { - color: #000; + color: $LAYER0_FG; text-align: center; font-size: 150pt; font-weight: 500; @@ -15,7 +15,7 @@ } .ev_msg { - color: #888; + color: $LAYER0_FG_LIGHTER; text-align: center; font-size: 25pt; } diff --git a/www/data/css/styles_eulerpanel.scss b/www/data/css/styles_eulerpanel.scss index fa80f81..2efc141 100644 --- a/www/data/css/styles_eulerpanel.scss +++ b/www/data/css/styles_eulerpanel.scss @@ -53,9 +53,9 @@ text-decoration: none; } -.euler_pnl_celltime_perfect { background: #98C398; } -.euler_pnl_celltime_good { background: #B9D89B; } -.euler_pnl_celltime_ok { background: #D8D898; } -.euler_pnl_celltime_bad { background: #D8B298; } -.euler_pnl_celltime_fail { background: #D89D9D; } -.euler_pnl_cell_notexist { background: #CCCCCC; } +.euler_pnl_celltime_perfect { background: $COL_EULER_TIME_0_LIT; } +.euler_pnl_celltime_good { background: $COL_EULER_TIME_1_LIT; } +.euler_pnl_celltime_ok { background: $COL_EULER_TIME_2_LIT; } +.euler_pnl_celltime_bad { background: $COL_EULER_TIME_3_LIT; } +.euler_pnl_celltime_fail { background: $COL_EULER_TIME_4_LIT; } +.euler_pnl_cell_notexist { background: $COL_EULER_TIME_NONE_LIT; } diff --git a/www/data/css/styles_footer.scss b/www/data/css/styles_footer.scss index 97be319..7bee965 100644 --- a/www/data/css/styles_footer.scss +++ b/www/data/css/styles_footer.scss @@ -28,6 +28,8 @@ html, body { height:60px; /* Height of the footer */ text-align: center; + color: $COL_FOOTER_FG; + left: 0; right: 0; margin: 0 auto; @@ -47,8 +49,8 @@ html, body { border:none; color:white; height:1px; - background-color: #CCCCCCFF; - background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from($COL_TEXT_NORMAL), to($COL_TRANSPARENT)); + background: $COL_FOOTER_FG; + background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from($COL_RADIAL_UNDERLINE_START), to($COL_RADIAL_UNDERLINE_END)); } @include rdmedia_range(0,1) { diff --git a/www/data/css/styles_global.scss b/www/data/css/styles_global.scss index 86a6171..37078db 100644 --- a/www/data/css/styles_global.scss +++ b/www/data/css/styles_global.scss @@ -1,8 +1,8 @@ @import 'styles_config'; body { - background-color: $COL_BACKGROUND; - color: $COL_TEXT_NORMAL; + background-color: $LAYER0_BG; + color: $LAYER0_FG; font-family: $FONT_DEFAULT; } @@ -32,17 +32,15 @@ body { .contentheader { width: 100%; - color: $COL_TEXT_DARK; + color: $LAYER0_FG; font-size: large; } .contentheader h1 { - font-family: $FONT_HEADER; font-size: 32px; font-weight: 900; margin-bottom: 0; - } @include rdmedia(0) { .contentheader h1 { font-size: 32px; } } @@ -50,13 +48,13 @@ body { .contentheader hr { margin: 0 0 25px 0; - display:block; - border:none; - color:white; - height:1px; - background-color: #CCCCCCFF; - background: -moz-linear-gradient( left, $COL_TEXT_NORMAL, $COL_TRANSPARENT); - background: -webkit-linear-gradient(left, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); + display: block; + border: none; + color: white; + height: 1px; + background-color: $COL_RADIAL_UNDERLINE_START; + background: -moz-linear-gradient( left, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END); + background: -webkit-linear-gradient(left, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%); } @include rdmedia_range(0,2) { @@ -66,8 +64,8 @@ body { margin-right: 10px; } .contentheader hr { - background: -moz-radial-gradient( circle, $COL_TEXT_NORMAL, $COL_TRANSPARENT); - background: -webkit-radial-gradient(circle, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); + background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END); + background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%); } } @@ -88,15 +86,16 @@ body { } .boxedcontent { - color: $COL_TEXT_DARK; - border: 1px solid black; - background-color: $COL_BACKGROUND_2; + color: $LAYER1_FG; + border: $LAYER1_BORDER; + background: $LAYER1_BG; width: 100%; margin-left: auto; margin-right: auto; .bc_header { - background-color: #BBB; + background-color: $LAYER1_HEADER_BG; + color: $LAYER1_HEADER_FG; padding: 0 4px; } @@ -107,9 +106,9 @@ body { .button { - color: #DDD; + color: $COL_BUTTON_GENERIC_FG; text-decoration: none; - background-color: #222; + background-color: $COL_BUTTON_GENERIC_BG; font-size: 1rem; border: 1px solid black; height: 36px; @@ -118,7 +117,7 @@ body { } .button:hover { - background-color: #555; + background-color: $COL_BUTTON_GENERIC_HOVER; } .iconbutton { @@ -126,8 +125,8 @@ body { justify-content: center; align-items: center; - background: #222; - color: $COL_TEXT_NORMAL; + background: $COL_BUTTON_DOWNLOAD_DARK_BG; + color: $COL_BUTTON_DOWNLOAD_DARK_FG; text-decoration: none; border: 1px solid #000; @@ -135,14 +134,15 @@ body { &:hover { cursor: pointer; - background-color: #555; + background-color: $COL_BUTTON_DOWNLOAD_DARK_HOVER_BG; + color: $COL_BUTTON_DOWNLOAD_DARK_HOVER_FG; } svg { width: 14pt; height: 14pt; margin: 0 4px; - fill: $COL_TEXT_NORMAL; + fill: $COL_BUTTON_DOWNLOAD_DARK_FG; } span { flex-grow: 1; @@ -158,8 +158,8 @@ body { justify-content: center; align-items: center; - background: #888; - color: $COL_TEXT_DARK_DARKER; + background: $COL_BUTTON_DOWNLOAD_LIGHT_BG; + color: $COL_BUTTON_DOWNLOAD_LIGHT_FG; text-decoration: none; border: 1px solid #000; @@ -167,15 +167,15 @@ body { &:hover { cursor: pointer; - background-color: #555; - color:#CCC; + background-color: $COL_BUTTON_DOWNLOAD_LIGHT_HOVER_BG; + color:$COL_BUTTON_DOWNLOAD_LIGHT_HOVER_FG; } svg { width: 14pt; height: 14pt; margin: 0 4px; - fill: #000; + fill: $COL_BUTTON_DOWNLOAD_LIGHT_FG; } span { flex-grow: 1; @@ -188,22 +188,23 @@ body { .stripedtable_container { overflow-x: auto; } + .stripedtable { border-collapse: collapse; text-align: left; width: 100%; - border: 1px solid #666; + border: $LAYER2_TABLE_BORDER_OUTER; td, th { padding: 3px 10px; } thead th { - background-color: #7D7D7D; - color: #FFFFFF; + background-color: $LAYER2_TABLE_TH_BG; + color: $LAYER2_TABLE_TH_FG; font-weight: bold; - border-left: 1px solid #444; + border-left: 1px solid $LAYER2_TABLE_BORDER_INNER_TH; } thead th:first-child { @@ -211,14 +212,10 @@ body { } tbody td { - border-left: 1px solid #666; + border-left: 1px solid $LAYER2_TABLE_BORDER_INNER_TD; font-weight: normal; } - tbody .alt td { - background: #EBEBEB; - } - tbody td:first-child { border-left: none; } @@ -227,9 +224,8 @@ body { border-bottom: none; } - tbody tr:nth-child(odd) { - background-color: #ccc; - } + tbody tr:nth-child(odd) { background-color: $LAYER2_TABLE_BACKGROUND_ODD; } + tbody tr:nth-child(even) { background-color: $LAYER2_TABLE_BACKGROUND_EVEN; } } .imgcarousel_parent { @@ -239,8 +235,6 @@ body { justify-content: center; padding: 5px; - - background: #BBB; } .imgcarousel_content { @@ -282,7 +276,7 @@ body { outline: none; } -.imgcarousel_prev svg { width: 48px; height: 48px; border: 1px solid black; background: #333; fill: #DDD; } -.imgcarousel_next svg { width: 48px; height: 48px; border: 1px solid black; background: #333; fill: #DDD; } -.imgcarousel_prev:hover svg { background: #000; fill: #FFF; cursor: pointer; } -.imgcarousel_next:hover svg { background: #000; fill: #FFF; cursor: pointer; } \ No newline at end of file +.imgcarousel_prev svg { width: 48px; height: 48px; border: 1px solid black; background: $COL_BUTTON_CAROUSEL_BG; fill: $COL_BUTTON_CAROUSEL_FG; } +.imgcarousel_next svg { width: 48px; height: 48px; border: 1px solid black; background: $COL_BUTTON_CAROUSEL_BG; fill: $COL_BUTTON_CAROUSEL_FG; } +.imgcarousel_prev:hover svg { background: $COL_BUTTON_CAROUSEL_BG_HOVER; fill: $COL_BUTTON_CAROUSEL_FG_HOVER; cursor: pointer; } +.imgcarousel_next:hover svg { background: $COL_BUTTON_CAROUSEL_BG_HOVER; fill: $COL_BUTTON_CAROUSEL_FG_HOVER; cursor: pointer; } \ No newline at end of file diff --git a/www/data/css/styles_header.scss b/www/data/css/styles_header.scss index bf6478b..541c91d 100644 --- a/www/data/css/styles_header.scss +++ b/www/data/css/styles_header.scss @@ -2,7 +2,7 @@ #headerdiv { z-index: 999; - background-color: #333; + background-color: $COL_HEADER_BG; display: flex; border-bottom: 1px solid #111; box-shadow: 0 0 8px #000000; @@ -34,8 +34,8 @@ justify-content: center; align-items: center; - background-color: #222; - color: $COL_TEXT_NORMAL; + background-color: $COL_HEADER_BTN_BG; + color: $COL_HEADER_FG; border-left: 1px solid #000; border-right: 1px solid #000; font-weight: bold; @@ -50,31 +50,31 @@ &:hover { cursor: pointer; - background-color: #555; + background-color: $COL_HEADER_HOVER; } } - .tab_active { background-color: $COL_HIGHLIGHT_RED; } - .tab_admin { background-color: $COL_HIGHLIGHT_BLUE; } + .tab_active { background-color: $COL_HEADER_HIGHLIGHT; } + .tab_admin { background-color: $COL_HEADER_ADMIN; } .tab_split { flex: auto; } .tab_github { - background-color: $COL_GITHUB; + background-color: $COL_HEADER_GITHUB; border-left: 1px solid #111; border-right: none; color: black; &:hover { - background-color: #c9510c; + background-color: $COL_HEADER_GITHUB_HOVER; color: black; } } .tab_logout { - background-color: #A00; + background-color: $COL_HEADER_LOGOUT; border-left: 1px solid #111; border-right: none; color: black; @@ -82,7 +82,7 @@ min-width: 38px; &:hover { - background-color: #c9510c; + background-color: $COL_HEADER_LOGOUT_HOVER; color: black; } } diff --git a/www/data/css/styles_login.scss b/www/data/css/styles_login.scss index af1440c..9036e57 100644 --- a/www/data/css/styles_login.scss +++ b/www/data/css/styles_login.scss @@ -12,7 +12,10 @@ .loginerror { display: flex; - background: #FF4444; + background: $COL_TOAST_ERROR_BG; + color: $COL_TOAST_ERROR_FG; + border: $COL_TOAST_ERROR_BORDER; + border-radius: 2px; font-weight: bold; padding: 0 5px; margin: 5px 0 20px 0; diff --git a/www/data/css/styles_main.scss b/www/data/css/styles_main.scss index 276e09e..3c21f0a 100644 --- a/www/data/css/styles_main.scss +++ b/www/data/css/styles_main.scss @@ -4,7 +4,7 @@ display: inline-flex; flex-direction: column; - border: 1px solid black; + border: $LAYER1_BORDER; margin: 15px; width: 652px; @@ -16,11 +16,11 @@ justify-content: center; padding: 4px; - background: #AAA; + background: $LAYER1_HEADER_BG; } .index_pnl_header a { - color: $COL_TEXT_DARK_DARKER; + color: $LAYER1_HEADER_FG; text-decoration: none; font-family: $FONT_HEADER; @@ -38,7 +38,7 @@ display: flex; flex-direction: column; - background: #DDD; + background: $LAYER1_BG; padding: 6px; } diff --git a/www/data/css/styles_programslist.scss b/www/data/css/styles_programslist.scss index 72d32f5..d302b49 100644 --- a/www/data/css/styles_programslist.scss +++ b/www/data/css/styles_programslist.scss @@ -13,8 +13,9 @@ flex-direction: row; text-decoration: none; - background: #BBB; - border: solid 1px #444; + background: $LAYER1_BG_DARKER; + border: $LAYER1_BORDER; + color: $LAYER1_FG; margin: 5px 0; &:hover { @@ -46,7 +47,7 @@ } .prgl_elem_title { - color: $COL_TEXT_DARK_DARKER; + color: $LAYER1_FG; font-size: 40pt; font-weight: bolder; flex-grow: 1; @@ -57,7 +58,7 @@ } .prgl_elem_sdesc { - color: $COL_TEXT_DARK_LIGHTER; + color: $LAYER1_FG_LIGHT; font-size: 14pt; flex-grow: 1; @@ -83,13 +84,13 @@ } .prgl_elem_subinfo_caption { - color: #111; + color: $LAYER1_FG; font-weight: bold; margin: 0 5px 0 10px; } .prgl_elem_subinfo_data { - color: #555; + color: $LAYER1_FG_LIGHT; display: flex; flex-direction: row; diff --git a/www/data/css/styles_programspanel.scss b/www/data/css/styles_programspanel.scss index 2c87010..02ebe48 100644 --- a/www/data/css/styles_programspanel.scss +++ b/www/data/css/styles_programspanel.scss @@ -13,9 +13,9 @@ width: 190px; - border: 1px solid #333; - background: #AAA; - color: #000; + border: $LAYER2_BORDER; + background: $LAYER2_BG; + color: $LAYER2_FG; text-decoration: none; margin: 4px; @@ -50,7 +50,7 @@ align-items: flex-end; text-align: center; - color: black; + color: $LAYER2_FG; font-weight: bolder; font-size: 15pt; @@ -60,7 +60,7 @@ } .programs_pnl_bottom { - background: #888; + background: $LAYER2_HEADER_BG; border-top: 1px solid transparent; display: flex; @@ -76,11 +76,11 @@ } .programs_pnl_bottom_sub_top { - color: #444; + color: $LAYER2_FG_LIGHT; } .programs_pnl_bottom_sub_bot { - color: #111; + color: $LAYER2_FG; font-weight: bolder; } diff --git a/www/data/css/styles_programsview.scss b/www/data/css/styles_programsview.scss index 2779a01..ce043c9 100644 --- a/www/data/css/styles_programsview.scss +++ b/www/data/css/styles_programsview.scss @@ -4,9 +4,9 @@ display: flex; flex-direction: column; - color: $COL_TEXT_DARK; - border: 1px solid black; - background-color: #E0E0E0; + color: $LAYER1_FG; + border: $LAYER1_BORDER; + background-color: $LAYER1_BG; width: 100%; margin-left: auto; margin-right: auto; @@ -19,8 +19,8 @@ } #prgv_header hr { - background: -moz-radial-gradient( circle, $COL_TEXT_NORMAL, $COL_TRANSPARENT); - background: -webkit-radial-gradient(circle, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); + background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END); + background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%); } .prgv_top { @@ -33,6 +33,8 @@ display: inline-flex; justify-content: center; + border: $LAYER2_BORDER; + flex-grow: 1; margin-left: 10px; @@ -47,8 +49,9 @@ } .prgv_right { - background: #BBB; - border: 1px solid #666; + background: $LAYER2_BG; + border: $LAYER2_BORDER; + color: $LAYER2_FG; margin: 0 10px; padding: 8px 5px 2px 5px; @@ -67,12 +70,12 @@ } .prgv_right_value a { - color: $COL_TEXT_DARK; + color: $LAYER2_FG; text-decoration: none; } .prgv_right_value a:hover { - color: #339; + color: $LAYER2_FG_LINKHOVER; text-decoration: none; } @@ -85,8 +88,8 @@ justify-content: flex-end; } -.prgv_dl_download { background: #442222; } -.prgv_dl_github { background: $COL_GITHUB; } +.prgv_dl_download { background: $COL_BUTTON_DOWNLOAD_PRIMARY; } +.prgv_dl_github { background: $COL_BUTTON_DOWNLOAD_GITHUB; } .prgv_right_lang img { display: inline; @@ -98,8 +101,9 @@ .prgv_center { margin: 0 8px 8px 8px; padding: 16px; - background: #EEE; - border: 1px solid rgba(0, 0, 0, 0.15); + background: $LAYER2_TXTBLOCK_BG; + color: $LAYER2_TXTBLOCK_FG; + border:$LAYER2_TXTBLOCK_BORDER; } .prgv_sep { @@ -108,9 +112,9 @@ border: none; color: white; height: 1px; - background-color: #666666FF; - background: -moz-radial-gradient( circle, #666, #FFFFFF00); - background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%); + background-color: $COL_RADIAL_UNDERLINE_START; + background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END); + background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%); } @include rdmedia_range(0,2) { @@ -144,6 +148,7 @@ .progv_extra { height: 500px; - border: 1px solid #333; + border: $LAYER2_BORDER; + background: $LAYER2_BG; margin: 10px; } \ No newline at end of file diff --git a/www/data/css/styles_webappslist.scss b/www/data/css/styles_webappslist.scss index 0afe9ee..6b65611 100644 --- a/www/data/css/styles_webappslist.scss +++ b/www/data/css/styles_webappslist.scss @@ -9,22 +9,21 @@ .webapplistelem { width: 100%; - border: solid 1px #444; + border: $LAYER1_BORDER; margin: 10px 5px; - color: $COL_TEXT_DARK; + color: $LAYER1_FG; text-decoration: none; } -.webapplistelem { background-color: #BBB; } +.webapplistelem { background-color: $LAYER1_BG_DARKER; } -.webapplistelem .wle_date { background-color: #AAA; color: $COL_TEXT_DARK; } +.webapplistelem .wle_date { background-color: $LAYER1_HEADER_BG_DARKER; color: $LAYER1_HEADER_FG; } .webapplistelem:hover { border: solid 1px $COL_COMPLEXHOVER_BRD; } .webapplistelem:hover { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; } .webapplistelem:hover .wle_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; } .wle_date { - background-color: #AAA; border-bottom: 1px solid transparent; padding: 2px; font-size: 0.8em; diff --git a/www/fragments/blogview_euler_list.php b/www/fragments/blogview_euler_list.php index 781783b..6b76e3e 100644 --- a/www/fragments/blogview_euler_list.php +++ b/www/fragments/blogview_euler_list.php @@ -70,7 +70,7 @@ $problems = Euler::listAll();

All solved problems

- +
@@ -107,7 +107,7 @@ $problems = Euler::listAll(); echo ''; echo $problem['width'] . 'x' . $problem['height']; echo '
'; - echo ($problem['is93'] ? 'Bef-93' : 'Bef-98'); + echo ($problem['is93'] ? 'Bef-93' : 'Bef-93+'); echo '
'; echo ''; echo '' . "\r\n"; diff --git a/www/internals/ParsedownCustom.php b/www/internals/ParsedownCustom.php index 52589b9..e6304d7 100644 --- a/www/internals/ParsedownCustom.php +++ b/www/internals/ParsedownCustom.php @@ -92,4 +92,18 @@ class ParsedownCustom extends ParsedownExtra ]; return require (__DIR__ . '/../fragments/widget_befunge93.php'); } + + protected function blockTable($Line, array $Block = null) + { + // https://stackoverflow.com/a/46346412/1761622 + + $Block = parent::blockTable($Line, $Block); + + if ($Block === null) return $Block; + if (!key_exists('element', $Block)) return $Block; + + $Block['element']['attributes']['class'] = 'stripedtable'; + + return $Block; + } } \ No newline at end of file
Number Title Time Size Solution (hover to reveal)