scss cleanup and color aggregation
This commit is contained in:
parent
69a478056f
commit
829738fabb
GPG Key ID:
D3C7172E0A70F8CF
@ -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('')
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
215
www/data/css/styles.min.css
vendored
215
www/data/css/styles.min.css
vendored
@ -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}
|
||||
|
||||
@ -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; }
|
||||
|
||||
.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%);
|
||||
}
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -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;}
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -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) {
|
||||
@ -147,13 +140,3 @@
|
||||
font-size: 18pt;
|
||||
}
|
||||
}
|
||||
|
||||
.bookv_extra {
|
||||
height: 500px;
|
||||
border: 1px solid #333;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.bookv_extra img {
|
||||
|
||||
}
|
||||
@ -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: "";
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -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; } }
|
||||
@ -54,9 +52,9 @@ body {
|
||||
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%);
|
||||
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; }
|
||||
.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; }
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
|
||||
@ -70,7 +70,7 @@ $problems = Euler::listAll();
|
||||
|
||||
<h1>All solved problems</h1>
|
||||
<div class="mdtable_container">
|
||||
<table id="PEB_tableProblems" class="mdtable">
|
||||
<table id="PEB_tableProblems" class="stripedtable mdtable">
|
||||
<thead>
|
||||
<tr>
|
||||
<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 $problem['width'] . 'x' . $problem['height'];
|
||||
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 '</a>';
|
||||
echo '</td>' . "\r\n";
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user