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

scss cleanup and color aggregation

Browse Source
This commit is contained in:
Mike Schwörer 2019-11-08 15:15:58 +01:00
parent 69a478056f
commit 829738fabb
Signed by: Mikescher
GPG Key ID: D3C7172E0A70F8CF
25 changed files with 664 additions and 615 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
data/css_compress/compress.py
View File

@ -56,16 +56,16 @@ if os.path.isfile(finput):
try: try:
os.remove(finput); os.remove(finput);
print(finput + ' deleted') print(finput + ' deleted')
except e: except:
print(e) print(sys.exc_info()[0])
else: else:
print(finput + ' does not exist') print(finput + ' does not exist')
if os.path.isfile(foutput): if os.path.isfile(foutput):
try: try:
os.remove(foutput); os.remove(foutput);
print(foutput + ' deleted') print(foutput + ' deleted')
except e: except:
print(e) print(sys.exc_info()[0])
else: else:
print(foutput + ' does not exist') print(foutput + ' does not exist')
print(); print();
@ -124,8 +124,8 @@ try:
print(ftemp1 + ' deleted') print(ftemp1 + ' deleted')
os.remove(ftemp2); os.remove(ftemp2);
print(ftemp2 + ' deleted') print(ftemp2 + ' deleted')
except e: except:
print(e) print(sys.exc_info()[0])
print('') print('')
print('') print('')

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

File diff suppressed because it is too large Load Diff

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

@ -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{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} .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}} @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{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} .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}} @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){ @media(max-width:991px){
.contentheader h1{text-align:center;margin-left:10px;margin-right:10px} .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%} .blockcontent{display:block;width:100%}
.generic_hidden{visibility:hidden !important} .generic_hidden{visibility:hidden !important}
.generic_collapsed{visibility:collapse !important;display:none !important;width:0 !important;height:0 !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{color:#333;border:1px solid #444;background:#e0e0e0;width:100%;margin-left:auto;margin-right:auto}
.boxedcontent .bc_header{background-color:#BBB;padding:0 4px} .boxedcontent .bc_header{background-color:#bbb;color:#222;padding:0 4px}
.boxedcontent .bc_data{padding:8px} .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} .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{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:hover{cursor:pointer;background-color:#555;color:#222}
.iconbutton svg{width:14pt;height:14pt;margin:0 4px;fill:#CCC} .iconbutton svg{width:14pt;height:14pt;margin:0 4px;fill:#ccc}
.iconbutton span{flex-grow:1;text-align:center;font-size:14pt} .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{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:hover{cursor:pointer;background-color:#555;color:#ccc}
.iconbutton_light svg{width:14pt;height:14pt;margin:0 4px;fill:#000} .iconbutton_light svg{width:14pt;height:14pt;margin:0 4px;fill:#222}
.iconbutton_light span{flex-grow:1;text-align:center;font-size:14pt} .iconbutton_light span{flex-grow:1;text-align:center;font-size:14pt}
.stripedtable_container{overflow-x:auto} .stripedtable_container{overflow-x:auto}
.stripedtable{border-collapse:collapse;text-align:left;width:100%;border:1px solid #666} .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{background-color:#7d7d7d;color:#fff;font-weight:bold;border-left:1px solid #444}
.stripedtable thead th:first-child{border:0} .stripedtable thead th:first-child{border:0}
.stripedtable tbody td{border-left:1px solid #666;font-weight:normal} .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 td:first-child{border-left:0}
.stripedtable tbody tr:last-child td{border-bottom:0} .stripedtable tbody tr:last-child td{border-bottom:0}
.stripedtable tbody tr:nth-child(odd){background-color:#ccc} .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{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_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,.imgcarousel_next{display:flex;flex-direction:column;justify-content:center}
.imgcarousel_prev{margin-right:5px} .imgcarousel_prev{margin-right:5px}
.imgcarousel_next{margin-left:5px} .imgcarousel_next{margin-left:5px}
.imgcarousel_next,.imgcarousel_prev{outline:0} .imgcarousel_next,.imgcarousel_prev{outline:0}
.imgcarousel_prev svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#DDD} .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_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_prev:hover svg{background:#000;fill:#fff;cursor:pointer}
.imgcarousel_next: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{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{flex:initial;margin:0;padding:0;height:42px}
#headerdiv .logowrapper a{cursor:default} #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_split{flex:auto}
#headerdiv .tabrow .tab_github{background-color:#4078c0;border-left:1px solid #111;border-right:0;color:black} #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_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} #headerdiv .tabrow .tab_logout:hover{background-color:#c9510c;color:black}
@media(max-width:850px){ @media(max-width:850px){
#headerdiv{position:static;flex-direction:column} #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%} html,body{margin:0;padding:0;height:100%}
#mastercontainer{display:flex;flex-direction:column;min-height:100%;position:relative} #mastercontainer{display:flex;flex-direction:column;min-height:100%;position:relative}
#content{padding-bottom:60px} #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(max-width:767px){#footerdiv{width:auto}}
@media(min-width:768px) and (max-width:850px){#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:851px) and (max-width:991px){#footerdiv{width:auto}}
@media(min-width:992px) and (max-width:1199px){#footerdiv{width:724px}} @media(min-width:992px) and (max-width:1199px){#footerdiv{width:724px}}
@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-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}} @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_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:#AAA} .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} .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}} @media(max-width:850px){.index_pnl_header a{font-size:16px}}
.index_pnl_header a:hover{text-decoration:underline} .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}} @media(max-width:850px){.index_pnl_base{width:330px}}
.aboutcontent{display:block;width:100%} .aboutcontent{display:block;width:100%}
.aboutcontent .boxedcontent{margin-bottom:20px} .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_100 div span:first-child{min-width:100px}
.kvl_200 div span:first-child{min-width:200px} .kvl_200 div span:first-child{min-width:200px}
.kvl_300 div span:first-child{min-width:300px} .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,.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_ok{background:#0f0}
.consistency_result_warn{background:#FF0} .consistency_result_warn{background:#ff0}
.consistency_result_err{background:#F00} .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{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;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_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:1px solid #444;margin:10px 5px;color:#333;text-decoration:none}
.ble_blog{background-color:#BBB} .ble_blog{background-color:#bbb}
.ble_log{background-color:#DDD} .ble_log{background-color:#e0e0e0}
.ble_blog .ble_date{background-color:#AAA;color:#333} .ble_blog .ble_date{background-color:#999;color:#222}
.ble_log .ble_date{background-color:#CCC;color:#333} .ble_log .ble_date{background-color:#bbb;color:#222}
.ble_blog{color:#333}
.ble_log{color:#555} .ble_log{color:#555}
.bloglistelem:hover{border:solid 1px black} .bloglistelem:hover{border:solid 1px #000}
.ble_blog:hover{background-color:white;color:black} .ble_blog:hover{background-color:#fff;color:#000}
.ble_log:hover{background-color:white;color:black} .ble_log:hover{background-color:#fff;color:#000}
.ble_blog:hover .ble_date{background-color:white;color:black;border-bottom:1px solid black} .ble_blog:hover .ble_date{background-color:#fff;color:#000;border-bottom:1px solid #000}
.ble_log:hover .ble_date{background-color:white;color:black;border-bottom:1px solid black} .ble_log:hover .ble_date{background-color:#fff;color:#000;border-bottom:1px solid #000}
.ble_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} .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} .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}
.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 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 blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #ccc}
.base_markdown img{max-width:100%} .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} .mdtable_container{overflow-x:auto}
.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}
@ -163,17 +156,18 @@ html,body{margin:0;padding:0;height:100%}
#PEB_tableProblems .PEB_tablerowProblems:hover{background-color:#999} #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:#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_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_1{background-color:#84ff0a !important}
#PEB_tableProblems .PEB_TC_Timelevel_2{background-color:#FF0 !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_3{background-color:#f60 !important}
#PEB_tableProblems .PEB_TC_Timelevel_4{background-color:#F11 !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{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_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 .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} #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:1199px){#PEB_tableProblems tr td:nth-child(1),#PEB_tableProblems tr th:nth-child(1){display:none}}
@media(max-width:767px){ @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(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} #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{display:flex}
.bce_pagination .bce_pag20{display:flex;align-self:center} .bce_pagination .bce_pag20{display:flex;align-self:center}
.bce_pagination .bce_pag10{display:flex} .bce_pagination .bce_pag10{display:flex}
.bce_pagination .bce_pag05{display:flex;margin:4px 0} .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_disabled{color:#888;background:#BBB}
.bce_pagination .bce_pagbtn_active{color:#000;background:#666;border:1px solid #000} .bce_pagination .bce_pagbtn_active{color:#000;background:#666;border:1px solid #000}
@media(max-width:767px){ @media(max-width:767px){
@ -240,20 +234,20 @@ html,body{margin:0;padding:0;height:100%}
.bc_aoc_solution_value{background:#AAA} .bc_aoc_solution_value{background:#AAA}
.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:1px solid #444;color:#333;margin:5px 0}
.prgl_elem:hover{background:white;color:black;border:solid 1px black} .prgl_elem:hover{background:#fff;color:#000;border:solid 1px #000}
.prgl_elem:hover .prgl_elem_sdesc{color:black} .prgl_elem:hover .prgl_elem_sdesc{color:#000}
.prgl_elem:hover .prgl_elem_subinfo_caption{color:black} .prgl_elem:hover .prgl_elem_subinfo_caption{color:#000}
.prgl_elem:hover .prgl_elem_subinfo_data{color:black} .prgl_elem:hover .prgl_elem_subinfo_data{color:#000}
.prgl_elem:hover .prgl_elem_left img{filter:grayscale(100%)} .prgl_elem:hover .prgl_elem_left img{filter:grayscale(100%)}
.prgl_elem_left{padding:4px;display:flex} .prgl_elem_left{padding:4px;display:flex}
.prgl_elem_left img{width:250px;height:auto;min-height:100px} .prgl_elem_left img{width:250px;height:auto;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}
.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_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_info{display:flex;flex-direction:row}
.prgl_elem_subinfo{flex:1;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{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} .prgl_elem_subinfo_data img{display:inline;height:13pt;margin:1px 2px 0 2px}
@media(max-width:1199px){ @media(max-width:1199px){
@ -272,23 +266,23 @@ html,body{margin:0;padding:0;height:100%}
.prgl_elem_subinfo{flex-direction:row} .prgl_elem_subinfo{flex-direction:row}
.prgl_elem_sdesc{display:none;visibility:hidden} .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 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_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_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_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_value a:hover{color:#339;text-decoration:none}
.prgv_right_comb{grid-column:1 / span 2} .prgv_right_comb{grid-column:1 / span 2}
.prgv_right_lang{display:flex;justify-content:flex-end} .prgv_right_lang{display:flex;justify-content:flex-end}
.prgv_dl_download{background:#422} .prgv_dl_download{background:#422}
.prgv_dl_github{background:#4078c0} .prgv_dl_github{background:#4078c0}
.prgv_right_lang img{display:inline;height:16pt;max-width:32px;margin:1px 2px 0 2px} .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_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:#666666FF;background:-moz-radial-gradient(circle,#666,#FFFFFF00);background:-webkit-radial-gradient(circle,#666 0,#FFFFFF00 100%)} .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:991px){.prgv_content{border:0}}
@media(max-width:767px){ @media(max-width:767px){
.prgv_top{flex-direction:column;margin-top:0} .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_right_lang{justify-content:space-evenly}
#prgv_header h1{font-size:28pt} #prgv_header h1{font-size:28pt}
} }
.progv_extra{height:500px;border:1px solid #333;margin:10px} .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:solid 1px #444;margin:5px 0} .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:white;color:black;border:solid 1px black} .booklst_entry:hover{background:#fff;color:#000;border:solid 1px #000}
.booklst_entry:hover .booklst_date{color:black} .booklst_entry:hover .booklst_date{color:#000}
.booklst_entry:hover .booklst_title{color:black} .booklst_entry:hover .booklst_title{color:#000}
.booklst_entry:hover .booklst_left img{filter:grayscale(100%)} .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{padding:4px;display:flex}
.booklst_left img{width:150px;height:200px;object-fit:contain} .booklst_left img{width:150px;height:200px;object-fit:contain}
.booklst_right{display:flex;flex-direction:column;flex-grow:1} .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_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:#222} .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_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){ @media(max-width:767px){
.booklst_left{flex-direction:column;align-items:center} .booklst_left{flex-direction:column;align-items:center}
.booklst_entry{flex-direction:column} .booklst_entry{flex-direction:column}
.booklst_date{display:none;visibility:hidden} .booklst_date{display:none;visibility:hidden}
.booklst_title{font-size:32pt} .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 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_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{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_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_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_value a:hover{color:#339;text-decoration:none}
.bookv_right_comb{grid-column:1 / span 2} .bookv_right_comb{grid-column:1 / span 2}
.bookv_right_lang{display:flex;justify-content:flex-end} .bookv_right_lang{display:flex;justify-content:flex-end}
.bookv_dl_download{background:#422} .bookv_dl_download{background:#422}
.bookv_dl_github{background:#4078c0} .bookv_dl_github{background:#4078c0}
.bookv_right_lang img{display:inline;height:16pt;max-width:32px;margin:1px 2px 0 2px} .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_extra{height:500px;border:1px solid #333;background:#aaa;margin:10px}
.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%)}
@media(max-width:991px){ @media(max-width:991px){
.bookv_content{border:0} .bookv_content{border:0}
#bookv_header h1{font-size:28pt} #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_right_lang{justify-content:space-evenly}
#bookv_header h1{font-size:18pt} #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_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{width:100%;border:1px solid #444;margin:10px 5px;color:#333;text-decoration:none}
.webapplistelem{background-color:#BBB} .webapplistelem{background-color:#bbb}
.webapplistelem .wle_date{background-color:#AAA;color:#333} .webapplistelem .wle_date{background-color:#999;color:#222}
.webapplistelem:hover{border:solid 1px black} .webapplistelem:hover{border:solid 1px #000}
.webapplistelem:hover{background-color:white;color:black} .webapplistelem:hover{background-color:#fff;color:#000}
.webapplistelem:hover .wle_date{background-color:white;color:black;border-bottom:1px solid black} .webapplistelem:hover .wle_date{background-color:#fff;color:#000;border-bottom:1px solid #000}
.wle_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} .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} .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}} @media(max-width:767px){.wle_title{font-size:1.25em}}
.ev_master{align-self:center} .ev_master{align-self:center}
@media(min-width:851px){.ev_master{padding-bottom:80px}} @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} .ev_master .ev_msg{color:#888;text-align:center;font-size:25pt}
@media(max-width:767px){ @media(max-width:767px){
.ev_master .ev_code{font-size:75pt} .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}} @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{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{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}
@ -380,38 +371,38 @@ html,body{margin:0;padding:0;height:100%}
.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_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center} .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{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:white;color:black;border:1px solid black} .programs_pnl_entry:hover{background:#fff;color:#000;border:1px solid #000}
.programs_pnl_entry:hover .programs_pnl_center{color:black} .programs_pnl_entry:hover .programs_pnl_center{color:#000}
.programs_pnl_entry:hover .programs_pnl_bottom{background:white;border-top:1px solid black} .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_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{display:flex;flex-direction:column;justify-content:flex-start;margin:4px}
.programs_pnl_img img{width:100%;height:auto} .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{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_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_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){ @media(max-width:850px){
.programs_pnl_entry{width:100%} .programs_pnl_entry{width:100%}
.programs_pnl_bottom_sub_top{margin-left:4px;margin-right:6px} .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_1,.programs_pnl_bottom_2{flex-direction:row}
} }
.blog_pnl_content{display:flex;align-items:center;flex-direction:column} .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_base{width:100%;border:1px solid #333;margin:10px 5px;color:#222;text-decoration:none;background-color:#aaa}
.blogpnl_date{background-color:#AAA;color:#333} .blogpnl_date{background-color:#888;color:#000}
.blogpnl_base:hover{border:solid 1px black;background-color:white;color:black} .blogpnl_base:hover{border:solid 1px #000;background-color:#fff;color:#000}
.blogpnl_base:hover .blogpnl_date{background-color:white;color:black;border-bottom:1px solid black} .blogpnl_base:hover .blogpnl_date{background-color:#fff;color:#000;border-bottom:1px solid #000}
.blogpnl_date{background-color:#AAA;border-bottom:1px solid transparent;padding:2px;font-size:.8em;font-style:italic} .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} .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}} @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_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 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}} @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{border:1px solid #000;background:#fff}
.books_pnl_entry:hover div{color:black} .books_pnl_entry:hover div{color:#000}
.books_pnl_entry:hover img{filter:grayscale(100%)} .books_pnl_entry:hover img{filter:grayscale(100%)}
.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}

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

@ -33,11 +33,6 @@
font-weight: bold; font-weight: bold;
min-width: 500px; min-width: 500px;
} }
span:last-child {
}
} }
} }
@ -47,10 +42,22 @@
.consistency_result_ok, .consistency_result_warn, .consistency_result_err { .consistency_result_ok, .consistency_result_warn, .consistency_result_err {
min-width: 400px; min-width: 400px;
border: 1px solid #888; color: $COL_ADMIN_STATUS_FG;
border: $COL_ADMIN_STATUS_BORDER;
padding: 0 5px; padding: 0 5px;
margin: 1px 0; margin: 1px 0;
} }
.consistency_result_ok { background: #0F0; }
.consistency_result_warn { background: #FF0; } .consistency_result_ok { background: $COL_ADMIN_OK; }
.consistency_result_err { background: #F00; } .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%);
}

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

@ -10,19 +10,20 @@
.bloglistelem { .bloglistelem {
width: 100%; width: 100%;
border: solid 1px #444; border: $LAYER1_BORDER;
margin: 10px 5px; margin: 10px 5px;
color: $COL_TEXT_DARK; color: $LAYER1_FG;
text-decoration: none; text-decoration: none;
} }
.ble_blog { background-color: #BBB; } .ble_blog { background-color: $LAYER1_BG_DARKER; }
.ble_log { background-color: #DDD; } .ble_log { background-color: $LAYER1_BG; }
.ble_blog .ble_date { background-color: #AAA; color: $COL_TEXT_DARK; } .ble_blog .ble_date { background-color: $LAYER1_HEADER_BG_DARKER; color: $LAYER1_HEADER_FG; }
.ble_log .ble_date { background-color: #CCC; color: $COL_TEXT_DARK; } .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; } .bloglistelem:hover { border: solid 1px $COL_COMPLEXHOVER_BRD; }
.ble_blog:hover { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; } .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_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;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
padding: 2px; padding: 2px;
font-size: 0.8em; font-size: 0.8em;

9
www/data/css/styles_blogpanel.scss
View File

@ -10,21 +10,20 @@
.blogpnl_base { .blogpnl_base {
width: 100%; width: 100%;
border: solid 1px #444; border: $LAYER2_BORDER;
margin: 10px 5px; margin: 10px 5px;
color: $COL_TEXT_DARK; color: $LAYER2_FG;
text-decoration: none; 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 { 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_base:hover .blogpnl_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; }
.blogpnl_date { .blogpnl_date {
background-color: #AAA;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
padding: 2px; padding: 2px;
font-size: 0.8em; font-size: 0.8em;

50
www/data/css/styles_blogview.scss
View File

@ -26,64 +26,22 @@
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
background-color: $COL_BACKGROUND_3; background-color: $LAYER2_CODE_BG;
color: black; color: $LAYER2_CODE_FG;
border: 1px solid rgba(0,0,0,.15); border: $LAYER2_CODE_BORDER;
border-radius: 2px; border-radius: 2px;
} }
blockquote { blockquote {
padding: 0 0 0 15px; padding: 0 0 0 15px;
margin: 0 0 20px; margin: 0 0 20px;
border-left: 5px solid #CCC; border-left: $LAYER2_QUOTE_BORDERLEFT;
} }
img { img {
max-width: 100%; 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;} .mdtable_container {overflow-x: auto;}

35
www/data/css/styles_blogview_euler.scss
View File

@ -3,7 +3,7 @@
#PEB_tableProblems { #PEB_tableProblems {
.PEB_tablerowProblems { } .PEB_tablerowProblems { }
.PEB_tablerowProblems:hover { background-color: #999; } .PEB_tablerowProblems:hover { background-color: $LAYER2_TABLE_ROW_HOVER; }
.PEB_tablecellProblems { } .PEB_tablecellProblems { }
@ -20,7 +20,7 @@
} }
.PEB_TC_Value:hover { .PEB_TC_Value:hover {
color: $COL_TEXT_DARK; color: $LAYER2_FG;
-o-transition:.5s; -o-transition:.5s;
-ms-transition:.5s; -ms-transition:.5s;
@ -38,14 +38,16 @@
min-width: 60px; min-width: 60px;
} }
.PEB_TC_Timelevel_0 { background-color: #0A0 !important; } .PEB_TC_Timelevel_0 { background-color: $COL_EULER_TIME_0_SAT !important; }
.PEB_TC_Timelevel_1 { background-color: #84FF0A !important; } .PEB_TC_Timelevel_1 { background-color: $COL_EULER_TIME_1_SAT !important; }
.PEB_TC_Timelevel_2 { background-color: #FF0 !important; } .PEB_TC_Timelevel_2 { background-color: $COL_EULER_TIME_2_SAT !important; }
.PEB_TC_Timelevel_3 { background-color: #F60 !important; } .PEB_TC_Timelevel_3 { background-color: $COL_EULER_TIME_3_SAT !important; }
.PEB_TC_Timelevel_4 { background-color: #F11 !important; } .PEB_TC_Timelevel_4 { background-color: $COL_EULER_TIME_4_SAT !important; }
.PEB_TC_Size { font-family: $FONT_CODE; } .PEB_TC_Size { font-family: $FONT_CODE; }
.PEB_TC_Size_93, .PEB_TC_Size_98 { min-width: 7ch; }
.PEB_TC_Size_93 { .PEB_TC_Size_93 {
float: right; float: right;
font-family: $FONT_DEFAULT; font-family: $FONT_DEFAULT;
@ -69,7 +71,7 @@
} }
a { a {
color: $COL_TEXT_DARK; color: $LAYER2_FG;
display: block; display: block;
text-decoration: none; text-decoration: none;
} }
@ -89,8 +91,9 @@
} }
.bce_description, .bce_explanation { .bce_description, .bce_explanation {
background: #EEE; background: $LAYER2_TXTBLOCK_BG;
border: 1px solid rgba(0, 0, 0, 0.15); color: $LAYER2_TXTBLOCK_FG;
border: $LAYER2_TXTBLOCK_BORDER;
padding: 0 5px; padding: 0 5px;
} }
@ -110,14 +113,14 @@
} }
.bce_pagbtn { .bce_pagbtn {
display: block; display: block;
color: #000; color: $BUTTON_PAGINATION_FG;
text-decoration: none; text-decoration: none;
min-width: 1.8em; min-width: 1.8em;
padding: 0 5px; padding: 0 5px;
margin: 0 4px; margin: 0 4px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #777; border: $BUTTON_PAGINATION_BORDER;
background: #AAA; background: $BUTTON_PAGINATION_BG;
text-align: center; text-align: center;
} }
.bce_pagbtn_disabled { .bce_pagbtn_disabled {
@ -125,9 +128,9 @@
background: #BBB; background: #BBB;
} }
.bce_pagbtn_active { .bce_pagbtn_active {
color: #000; color: $BUTTON_PAGINATION_DISABLED_FG;
background: #666; background: $BUTTON_PAGINATION_DISABLED_BG;
border: 1px solid #000; border: $BUTTON_PAGINATION_DISABLED_BORDER;
} }
} }

15
www/data/css/styles_bookslist.scss
View File

@ -9,8 +9,10 @@
flex-direction: row; flex-direction: row;
text-decoration: none; text-decoration: none;
background: #BBB; background: $LAYER1_BG_DARKER;
border: solid 1px #444; border: $LAYER1_BORDER;
color: $LAYER1_FG;
margin: 5px 0; margin: 5px 0;
&:hover { &:hover {
@ -42,7 +44,7 @@
} }
.booklst_title { .booklst_title {
color: $COL_TEXT_DARK_DARKER; color: $LAYER1_FG;
font-size: 40pt; font-size: 40pt;
font-weight: bolder; font-weight: bolder;
flex-grow: 1; flex-grow: 1;
@ -57,7 +59,7 @@
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
color: $COL_TEXT_DARK_DARKER; color: $LAYER1_FG;
} }
.booklst_date span { .booklst_date span {
@ -67,11 +69,6 @@
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
.booklst_content p {
color: $COL_TEXT_DARK;
}
@include rdmedia(0) { @include rdmedia(0) {
.booklst_left { flex-direction: column; align-items: center;} .booklst_left { flex-direction: column; align-items: center;}
.booklst_entry { flex-direction: column;} .booklst_entry { flex-direction: column;}

5
www/data/css/styles_bookspanel.scss
View File

@ -13,7 +13,8 @@
margin: 4px; margin: 4px;
border: 1px solid #333; border: 1px solid #333;
background: #AAA; background: $LAYER2_BG;
color: $LAYER2_FG;
text-decoration: none; text-decoration: none;
} }
@ -34,9 +35,7 @@
border-top: 1px solid transparent; border-top: 1px solid transparent;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
color: $COL_TEXT_DARK_DARKER;
text-decoration: none; text-decoration: none;
} }
@include rdmedia_range(0,1) { @include rdmedia_range(0,1) {

53
www/data/css/styles_booksview.scss
View File

@ -4,9 +4,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: $COL_TEXT_DARK; color: $LAYER1_FG;
border: 1px solid black; border: $LAYER1_BORDER;
background-color: #E0E0E0; background-color: $LAYER1_BG;
width: 100%; width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -19,8 +19,8 @@
} }
#bookv_header hr { #bookv_header hr {
background: -moz-radial-gradient( circle, $COL_TEXT_NORMAL, $COL_TRANSPARENT); background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END);
background: -webkit-radial-gradient(circle, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%);
} }
.bookv_top { .bookv_top {
@ -48,8 +48,8 @@
} }
.bookv_right { .bookv_right {
background: #BBB; background: $LAYER2_BG;
border: 1px solid #666; border: $LAYER2_BORDER;
margin: 0 10px; margin: 0 10px;
padding: 8px 5px 2px 5px; padding: 8px 5px 2px 5px;
@ -68,12 +68,12 @@
} }
.bookv_right_value a { .bookv_right_value a {
color: $COL_TEXT_DARK; color: $LAYER2_FG;
text-decoration: none; text-decoration: none;
} }
.bookv_right_value a:hover { .bookv_right_value a:hover {
color: #339; color: $LAYER2_FG_LINKHOVER;
text-decoration: none; text-decoration: none;
} }
@ -86,8 +86,8 @@
justify-content: flex-end; justify-content: flex-end;
} }
.bookv_dl_download { background: #442222; } .bookv_dl_download { background: $COL_BUTTON_DOWNLOAD_PRIMARY; }
.bookv_dl_github { background: $COL_GITHUB; } .bookv_dl_github { background: $COL_BUTTON_DOWNLOAD_GITHUB; }
.bookv_right_lang img { .bookv_right_lang img {
display: inline; display: inline;
@ -96,22 +96,15 @@
margin: 1px 2px 0 2px; margin: 1px 2px 0 2px;
} }
.bookv_center { .bookv_extra {
margin: 0 8px 8px 8px; height: 500px;
padding: 16px; border: $LAYER2_BORDER;
background: #EEE; background: $LAYER2_BG;
border: 1px solid rgba(0, 0, 0, 0.15); margin: 10px;
} }
.bookv_sep { .bookv_extra img {
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%);
} }
@include rdmedia_range(0,2) { @include rdmedia_range(0,2) {
@ -147,13 +140,3 @@
font-size: 18pt; font-size: 18pt;
} }
} }
.bookv_extra {
height: 500px;
border: 1px solid #333;
margin: 10px;
}
.bookv_extra img {
}

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

@ -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_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
$FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace; $FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;
$FONT_DEFAULT: 'Times New Roman', serif; $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 // [0] ResponsiveDesign Minimal Mobile
// content_width = auto // content_width = auto
@ -50,6 +169,10 @@ $RD_3_MEDDESKTOP_MAX: 1199px;
$RD_4_LARGEDESKTOP_MIN: 1200px; $RD_4_LARGEDESKTOP_MIN: 1200px;
$RD_4_LARGEDESKTOP_MAX: 99999px; $RD_4_LARGEDESKTOP_MAX: 99999px;
// ------------------------------------ ------------------------------------
@function rdmedia_expr($min, $max) { @function rdmedia_expr($min, $max) {
$w1: ""; $w1: "";

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

@ -7,7 +7,7 @@
@include rdmedia_range(2,4) {padding-bottom: 80px;} @include rdmedia_range(2,4) {padding-bottom: 80px;}
.ev_code { .ev_code {
color: #000; color: $LAYER0_FG;
text-align: center; text-align: center;
font-size: 150pt; font-size: 150pt;
font-weight: 500; font-weight: 500;
@ -15,7 +15,7 @@
} }
.ev_msg { .ev_msg {
color: #888; color: $LAYER0_FG_LIGHTER;
text-align: center; text-align: center;
font-size: 25pt; font-size: 25pt;
} }

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

@ -53,9 +53,9 @@
text-decoration: none; text-decoration: none;
} }
.euler_pnl_celltime_perfect { background: #98C398; } .euler_pnl_celltime_perfect { background: $COL_EULER_TIME_0_LIT; }
.euler_pnl_celltime_good { background: #B9D89B; } .euler_pnl_celltime_good { background: $COL_EULER_TIME_1_LIT; }
.euler_pnl_celltime_ok { background: #D8D898; } .euler_pnl_celltime_ok { background: $COL_EULER_TIME_2_LIT; }
.euler_pnl_celltime_bad { background: #D8B298; } .euler_pnl_celltime_bad { background: $COL_EULER_TIME_3_LIT; }
.euler_pnl_celltime_fail { background: #D89D9D; } .euler_pnl_celltime_fail { background: $COL_EULER_TIME_4_LIT; }
.euler_pnl_cell_notexist { background: #CCCCCC; } .euler_pnl_cell_notexist { background: $COL_EULER_TIME_NONE_LIT; }

6
www/data/css/styles_footer.scss
View File

@ -28,6 +28,8 @@ html, body {
height:60px; /* Height of the footer */ height:60px; /* Height of the footer */
text-align: center; text-align: center;
color: $COL_FOOTER_FG;
left: 0; left: 0;
right: 0; right: 0;
margin: 0 auto; margin: 0 auto;
@ -47,8 +49,8 @@ html, body {
border:none; border:none;
color:white; color:white;
height:1px; height:1px;
background-color: #CCCCCCFF; background: $COL_FOOTER_FG;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from($COL_TEXT_NORMAL), to($COL_TRANSPARENT)); 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) { @include rdmedia_range(0,1) {

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

@ -1,8 +1,8 @@
@import 'styles_config'; @import 'styles_config';
body { body {
background-color: $COL_BACKGROUND; background-color: $LAYER0_BG;
color: $COL_TEXT_NORMAL; color: $LAYER0_FG;
font-family: $FONT_DEFAULT; font-family: $FONT_DEFAULT;
} }
@ -32,17 +32,15 @@ body {
.contentheader { .contentheader {
width: 100%; width: 100%;
color: $COL_TEXT_DARK; color: $LAYER0_FG;
font-size: large; font-size: large;
} }
.contentheader h1 { .contentheader h1 {
font-family: $FONT_HEADER; font-family: $FONT_HEADER;
font-size: 32px; font-size: 32px;
font-weight: 900; font-weight: 900;
margin-bottom: 0; margin-bottom: 0;
} }
@include rdmedia(0) { .contentheader h1 { font-size: 32px; } } @include rdmedia(0) { .contentheader h1 { font-size: 32px; } }
@ -50,13 +48,13 @@ body {
.contentheader hr { .contentheader hr {
margin: 0 0 25px 0; margin: 0 0 25px 0;
display:block; display: block;
border:none; border: none;
color:white; color: white;
height:1px; height: 1px;
background-color: #CCCCCCFF; background-color: $COL_RADIAL_UNDERLINE_START;
background: -moz-linear-gradient( left, $COL_TEXT_NORMAL, $COL_TRANSPARENT); background: -moz-linear-gradient( left, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END);
background: -webkit-linear-gradient(left, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); background: -webkit-linear-gradient(left, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%);
} }
@include rdmedia_range(0,2) { @include rdmedia_range(0,2) {
@ -66,8 +64,8 @@ body {
margin-right: 10px; margin-right: 10px;
} }
.contentheader hr { .contentheader hr {
background: -moz-radial-gradient( circle, $COL_TEXT_NORMAL, $COL_TRANSPARENT); background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END);
background: -webkit-radial-gradient(circle, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%);
} }
} }
@ -88,15 +86,16 @@ body {
} }
.boxedcontent { .boxedcontent {
color: $COL_TEXT_DARK; color: $LAYER1_FG;
border: 1px solid black; border: $LAYER1_BORDER;
background-color: $COL_BACKGROUND_2; background: $LAYER1_BG;
width: 100%; width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
.bc_header { .bc_header {
background-color: #BBB; background-color: $LAYER1_HEADER_BG;
color: $LAYER1_HEADER_FG;
padding: 0 4px; padding: 0 4px;
} }
@ -107,9 +106,9 @@ body {
.button { .button {
color: #DDD; color: $COL_BUTTON_GENERIC_FG;
text-decoration: none; text-decoration: none;
background-color: #222; background-color: $COL_BUTTON_GENERIC_BG;
font-size: 1rem; font-size: 1rem;
border: 1px solid black; border: 1px solid black;
height: 36px; height: 36px;
@ -118,7 +117,7 @@ body {
} }
.button:hover { .button:hover {
background-color: #555; background-color: $COL_BUTTON_GENERIC_HOVER;
} }
.iconbutton { .iconbutton {
@ -126,8 +125,8 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #222; background: $COL_BUTTON_DOWNLOAD_DARK_BG;
color: $COL_TEXT_NORMAL; color: $COL_BUTTON_DOWNLOAD_DARK_FG;
text-decoration: none; text-decoration: none;
border: 1px solid #000; border: 1px solid #000;
@ -135,14 +134,15 @@ body {
&:hover { &:hover {
cursor: pointer; cursor: pointer;
background-color: #555; background-color: $COL_BUTTON_DOWNLOAD_DARK_HOVER_BG;
color: $COL_BUTTON_DOWNLOAD_DARK_HOVER_FG;
} }
svg { svg {
width: 14pt; width: 14pt;
height: 14pt; height: 14pt;
margin: 0 4px; margin: 0 4px;
fill: $COL_TEXT_NORMAL; fill: $COL_BUTTON_DOWNLOAD_DARK_FG;
} }
span { span {
flex-grow: 1; flex-grow: 1;
@ -158,8 +158,8 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: #888; background: $COL_BUTTON_DOWNLOAD_LIGHT_BG;
color: $COL_TEXT_DARK_DARKER; color: $COL_BUTTON_DOWNLOAD_LIGHT_FG;
text-decoration: none; text-decoration: none;
border: 1px solid #000; border: 1px solid #000;
@ -167,15 +167,15 @@ body {
&:hover { &:hover {
cursor: pointer; cursor: pointer;
background-color: #555; background-color: $COL_BUTTON_DOWNLOAD_LIGHT_HOVER_BG;
color:#CCC; color:$COL_BUTTON_DOWNLOAD_LIGHT_HOVER_FG;
} }
svg { svg {
width: 14pt; width: 14pt;
height: 14pt; height: 14pt;
margin: 0 4px; margin: 0 4px;
fill: #000; fill: $COL_BUTTON_DOWNLOAD_LIGHT_FG;
} }
span { span {
flex-grow: 1; flex-grow: 1;
@ -188,22 +188,23 @@ body {
.stripedtable_container { .stripedtable_container {
overflow-x: auto; overflow-x: auto;
} }
.stripedtable .stripedtable
{ {
border-collapse: collapse; border-collapse: collapse;
text-align: left; text-align: left;
width: 100%; width: 100%;
border: 1px solid #666; border: $LAYER2_TABLE_BORDER_OUTER;
td, th { td, th {
padding: 3px 10px; padding: 3px 10px;
} }
thead th { thead th {
background-color: #7D7D7D; background-color: $LAYER2_TABLE_TH_BG;
color: #FFFFFF; color: $LAYER2_TABLE_TH_FG;
font-weight: bold; font-weight: bold;
border-left: 1px solid #444; border-left: 1px solid $LAYER2_TABLE_BORDER_INNER_TH;
} }
thead th:first-child { thead th:first-child {
@ -211,14 +212,10 @@ body {
} }
tbody td { tbody td {
border-left: 1px solid #666; border-left: 1px solid $LAYER2_TABLE_BORDER_INNER_TD;
font-weight: normal; font-weight: normal;
} }
tbody .alt td {
background: #EBEBEB;
}
tbody td:first-child { tbody td:first-child {
border-left: none; border-left: none;
} }
@ -227,9 +224,8 @@ body {
border-bottom: none; border-bottom: none;
} }
tbody tr:nth-child(odd) { tbody tr:nth-child(odd) { background-color: $LAYER2_TABLE_BACKGROUND_ODD; }
background-color: #ccc; tbody tr:nth-child(even) { background-color: $LAYER2_TABLE_BACKGROUND_EVEN; }
}
} }
.imgcarousel_parent { .imgcarousel_parent {
@ -239,8 +235,6 @@ body {
justify-content: center; justify-content: center;
padding: 5px; padding: 5px;
background: #BBB;
} }
.imgcarousel_content { .imgcarousel_content {
@ -282,7 +276,7 @@ body {
outline: none; outline: none;
} }
.imgcarousel_prev svg { width: 48px; height: 48px; border: 1px solid black; background: #333; fill: #DDD; } .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: #333; fill: #DDD; } .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: #000; fill: #FFF; cursor: pointer; } .imgcarousel_prev:hover svg { background: $COL_BUTTON_CAROUSEL_BG_HOVER; fill: $COL_BUTTON_CAROUSEL_FG_HOVER; cursor: pointer; }
.imgcarousel_next:hover svg { background: #000; fill: #FFF; cursor: pointer; } .imgcarousel_next:hover svg { background: $COL_BUTTON_CAROUSEL_BG_HOVER; fill: $COL_BUTTON_CAROUSEL_FG_HOVER; cursor: pointer; }

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

@ -2,7 +2,7 @@
#headerdiv { #headerdiv {
z-index: 999; z-index: 999;
background-color: #333; background-color: $COL_HEADER_BG;
display: flex; display: flex;
border-bottom: 1px solid #111; border-bottom: 1px solid #111;
box-shadow: 0 0 8px #000000; box-shadow: 0 0 8px #000000;
@ -34,8 +34,8 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #222; background-color: $COL_HEADER_BTN_BG;
color: $COL_TEXT_NORMAL; color: $COL_HEADER_FG;
border-left: 1px solid #000; border-left: 1px solid #000;
border-right: 1px solid #000; border-right: 1px solid #000;
font-weight: bold; font-weight: bold;
@ -50,31 +50,31 @@
&:hover { &:hover {
cursor: pointer; cursor: pointer;
background-color: #555; background-color: $COL_HEADER_HOVER;
} }
} }
.tab_active { background-color: $COL_HIGHLIGHT_RED; } .tab_active { background-color: $COL_HEADER_HIGHLIGHT; }
.tab_admin { background-color: $COL_HIGHLIGHT_BLUE; } .tab_admin { background-color: $COL_HEADER_ADMIN; }
.tab_split { .tab_split {
flex: auto; flex: auto;
} }
.tab_github { .tab_github {
background-color: $COL_GITHUB; background-color: $COL_HEADER_GITHUB;
border-left: 1px solid #111; border-left: 1px solid #111;
border-right: none; border-right: none;
color: black; color: black;
&:hover { &:hover {
background-color: #c9510c; background-color: $COL_HEADER_GITHUB_HOVER;
color: black; color: black;
} }
} }
.tab_logout { .tab_logout {
background-color: #A00; background-color: $COL_HEADER_LOGOUT;
border-left: 1px solid #111; border-left: 1px solid #111;
border-right: none; border-right: none;
color: black; color: black;
@ -82,7 +82,7 @@
min-width: 38px; min-width: 38px;
&:hover { &:hover {
background-color: #c9510c; background-color: $COL_HEADER_LOGOUT_HOVER;
color: black; color: black;
} }
} }

5
www/data/css/styles_login.scss
View File

@ -12,7 +12,10 @@
.loginerror { .loginerror {
display: flex; 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; font-weight: bold;
padding: 0 5px; padding: 0 5px;
margin: 5px 0 20px 0; margin: 5px 0 20px 0;

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

@ -4,7 +4,7 @@
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
border: 1px solid black; border: $LAYER1_BORDER;
margin: 15px; margin: 15px;
width: 652px; width: 652px;
@ -16,11 +16,11 @@
justify-content: center; justify-content: center;
padding: 4px; padding: 4px;
background: #AAA; background: $LAYER1_HEADER_BG;
} }
.index_pnl_header a { .index_pnl_header a {
color: $COL_TEXT_DARK_DARKER; color: $LAYER1_HEADER_FG;
text-decoration: none; text-decoration: none;
font-family: $FONT_HEADER; font-family: $FONT_HEADER;
@ -38,7 +38,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #DDD; background: $LAYER1_BG;
padding: 6px; padding: 6px;
} }

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

@ -13,8 +13,9 @@
flex-direction: row; flex-direction: row;
text-decoration: none; text-decoration: none;
background: #BBB; background: $LAYER1_BG_DARKER;
border: solid 1px #444; border: $LAYER1_BORDER;
color: $LAYER1_FG;
margin: 5px 0; margin: 5px 0;
&:hover { &:hover {
@ -46,7 +47,7 @@
} }
.prgl_elem_title { .prgl_elem_title {
color: $COL_TEXT_DARK_DARKER; color: $LAYER1_FG;
font-size: 40pt; font-size: 40pt;
font-weight: bolder; font-weight: bolder;
flex-grow: 1; flex-grow: 1;
@ -57,7 +58,7 @@
} }
.prgl_elem_sdesc { .prgl_elem_sdesc {
color: $COL_TEXT_DARK_LIGHTER; color: $LAYER1_FG_LIGHT;
font-size: 14pt; font-size: 14pt;
flex-grow: 1; flex-grow: 1;
@ -83,13 +84,13 @@
} }
.prgl_elem_subinfo_caption { .prgl_elem_subinfo_caption {
color: #111; color: $LAYER1_FG;
font-weight: bold; font-weight: bold;
margin: 0 5px 0 10px; margin: 0 5px 0 10px;
} }
.prgl_elem_subinfo_data { .prgl_elem_subinfo_data {
color: #555; color: $LAYER1_FG_LIGHT;
display: flex; display: flex;
flex-direction: row; flex-direction: row;

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

@ -13,9 +13,9 @@
width: 190px; width: 190px;
border: 1px solid #333; border: $LAYER2_BORDER;
background: #AAA; background: $LAYER2_BG;
color: #000; color: $LAYER2_FG;
text-decoration: none; text-decoration: none;
margin: 4px; margin: 4px;
@ -50,7 +50,7 @@
align-items: flex-end; align-items: flex-end;
text-align: center; text-align: center;
color: black; color: $LAYER2_FG;
font-weight: bolder; font-weight: bolder;
font-size: 15pt; font-size: 15pt;
@ -60,7 +60,7 @@
} }
.programs_pnl_bottom { .programs_pnl_bottom {
background: #888; background: $LAYER2_HEADER_BG;
border-top: 1px solid transparent; border-top: 1px solid transparent;
display: flex; display: flex;
@ -76,11 +76,11 @@
} }
.programs_pnl_bottom_sub_top { .programs_pnl_bottom_sub_top {
color: #444; color: $LAYER2_FG_LIGHT;
} }
.programs_pnl_bottom_sub_bot { .programs_pnl_bottom_sub_bot {
color: #111; color: $LAYER2_FG;
font-weight: bolder; font-weight: bolder;
} }

39
www/data/css/styles_programsview.scss
View File

@ -4,9 +4,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: $COL_TEXT_DARK; color: $LAYER1_FG;
border: 1px solid black; border: $LAYER1_BORDER;
background-color: #E0E0E0; background-color: $LAYER1_BG;
width: 100%; width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -19,8 +19,8 @@
} }
#prgv_header hr { #prgv_header hr {
background: -moz-radial-gradient( circle, $COL_TEXT_NORMAL, $COL_TRANSPARENT); background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END);
background: -webkit-radial-gradient(circle, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%); background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%);
} }
.prgv_top { .prgv_top {
@ -33,6 +33,8 @@
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
border: $LAYER2_BORDER;
flex-grow: 1; flex-grow: 1;
margin-left: 10px; margin-left: 10px;
@ -47,8 +49,9 @@
} }
.prgv_right { .prgv_right {
background: #BBB; background: $LAYER2_BG;
border: 1px solid #666; border: $LAYER2_BORDER;
color: $LAYER2_FG;
margin: 0 10px; margin: 0 10px;
padding: 8px 5px 2px 5px; padding: 8px 5px 2px 5px;
@ -67,12 +70,12 @@
} }
.prgv_right_value a { .prgv_right_value a {
color: $COL_TEXT_DARK; color: $LAYER2_FG;
text-decoration: none; text-decoration: none;
} }
.prgv_right_value a:hover { .prgv_right_value a:hover {
color: #339; color: $LAYER2_FG_LINKHOVER;
text-decoration: none; text-decoration: none;
} }
@ -85,8 +88,8 @@
justify-content: flex-end; justify-content: flex-end;
} }
.prgv_dl_download { background: #442222; } .prgv_dl_download { background: $COL_BUTTON_DOWNLOAD_PRIMARY; }
.prgv_dl_github { background: $COL_GITHUB; } .prgv_dl_github { background: $COL_BUTTON_DOWNLOAD_GITHUB; }
.prgv_right_lang img { .prgv_right_lang img {
display: inline; display: inline;
@ -98,8 +101,9 @@
.prgv_center { .prgv_center {
margin: 0 8px 8px 8px; margin: 0 8px 8px 8px;
padding: 16px; padding: 16px;
background: #EEE; background: $LAYER2_TXTBLOCK_BG;
border: 1px solid rgba(0, 0, 0, 0.15); color: $LAYER2_TXTBLOCK_FG;
border:$LAYER2_TXTBLOCK_BORDER;
} }
.prgv_sep { .prgv_sep {
@ -108,9 +112,9 @@
border: none; border: none;
color: white; color: white;
height: 1px; height: 1px;
background-color: #666666FF; background-color: $COL_RADIAL_UNDERLINE_START;
background: -moz-radial-gradient( circle, #666, #FFFFFF00); background: -moz-radial-gradient( circle, $COL_RADIAL_UNDERLINE_START, $COL_RADIAL_UNDERLINE_END);
background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%); background: -webkit-radial-gradient(circle, $COL_RADIAL_UNDERLINE_START 0%,$COL_RADIAL_UNDERLINE_END 100%);
} }
@include rdmedia_range(0,2) { @include rdmedia_range(0,2) {
@ -144,6 +148,7 @@
.progv_extra { .progv_extra {
height: 500px; height: 500px;
border: 1px solid #333; border: $LAYER2_BORDER;
background: $LAYER2_BG;
margin: 10px; margin: 10px;
} }

9
www/data/css/styles_webappslist.scss
View File

@ -9,22 +9,21 @@
.webapplistelem { .webapplistelem {
width: 100%; width: 100%;
border: solid 1px #444; border: $LAYER1_BORDER;
margin: 10px 5px; margin: 10px 5px;
color: $COL_TEXT_DARK; color: $LAYER1_FG;
text-decoration: none; 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 { border: solid 1px $COL_COMPLEXHOVER_BRD; }
.webapplistelem:hover { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; } .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; } .webapplistelem:hover .wle_date { background-color: $COL_COMPLEXHOVER_BG; color: $COL_COMPLEXHOVER_FG; border-bottom: 1px solid $COL_COMPLEXHOVER_BRD; }
.wle_date { .wle_date {
background-color: #AAA;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
padding: 2px; padding: 2px;
font-size: 0.8em; font-size: 0.8em;

4
www/fragments/blogview_euler_list.php
View File

@ -70,7 +70,7 @@ $problems = Euler::listAll();
<h1>All solved problems</h1> <h1>All solved problems</h1>
<div class="mdtable_container"> <div class="mdtable_container">
<table id="PEB_tableProblems" class="mdtable"> <table id="PEB_tableProblems" class="stripedtable mdtable">
<thead> <thead>
<tr> <tr>
<th>Number</th> <th>Title</th> <th>Time</th> <th>Size</th> <th>Solution (hover to reveal)</th> <th>Number</th> <th>Title</th> <th>Time</th> <th>Size</th> <th>Solution (hover to reveal)</th>
@ -107,7 +107,7 @@ $problems = Euler::listAll();
echo '<a href="' . $problem['url'] . '">'; echo '<a href="' . $problem['url'] . '">';
echo $problem['width'] . 'x' . $problem['height']; echo $problem['width'] . 'x' . $problem['height'];
echo '<div class="PEB_TC_Size_' . ($problem['is93'] ? '93' : '98') . '">'; echo '<div class="PEB_TC_Size_' . ($problem['is93'] ? '93' : '98') . '">';
echo ($problem['is93'] ? 'Bef-93' : 'Bef-98'); echo ($problem['is93'] ? 'Bef-93' : 'Bef-93+');
echo '</div>'; echo '</div>';
echo '</a>'; echo '</a>';
echo '</td>' . "\r\n"; echo '</td>' . "\r\n";

14
www/internals/ParsedownCustom.php
View File

@ -92,4 +92,18 @@ class ParsedownCustom extends ParsedownExtra
]; ];
return require (__DIR__ . '/../fragments/widget_befunge93.php'); 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;
}
} }