blogview_euler_single.php (WIP)
This commit is contained in:
3
www/data/css/.gitignore
vendored
3
www/data/css/.gitignore
vendored
@@ -1,3 +1,4 @@
|
||||
*.css.map
|
||||
*.css
|
||||
!*styles.css
|
||||
!*styles.css
|
||||
!*styles.min.css
|
||||
@@ -353,6 +353,88 @@ html, body {
|
||||
|
||||
#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_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_disabled {
|
||||
color: #888;
|
||||
background: #BBB; }
|
||||
.bce_pagination .bce_pagbtn_active {
|
||||
color: #000;
|
||||
background: #666;
|
||||
border: 1px solid #000; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.bce_pagination {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag20 {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag10 {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag05 {
|
||||
flex-direction: row; } }
|
||||
@media (min-width: 768px) {
|
||||
.bce_pagination {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag20 {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag10 {
|
||||
flex-direction: row; }
|
||||
|
||||
.bce_pag05 {
|
||||
flex-direction: row; } }
|
||||
@media (min-width: 992px) {
|
||||
.bce_pagination {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag20 {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag10 {
|
||||
flex-direction: row; }
|
||||
|
||||
.bce_pag05 {
|
||||
flex-direction: row; } }
|
||||
@media (min-width: 1200px) {
|
||||
.bce_pagination {
|
||||
flex-direction: column; }
|
||||
|
||||
.bce_pag20 {
|
||||
flex-direction: row; }
|
||||
|
||||
.bce_pag10 {
|
||||
flex-direction: row; }
|
||||
|
||||
.bce_pag05 {
|
||||
flex-direction: row; } }
|
||||
.euler_pnl_base {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
@@ -520,4 +602,63 @@ html, body {
|
||||
border-radius: 6px;
|
||||
border: 1px solid #CCC; }
|
||||
|
||||
.bce_code {
|
||||
background: #F8F8F8;
|
||||
color: black;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15); }
|
||||
.bce_code .bce_code_data {
|
||||
overflow-x: auto;
|
||||
white-space: pre;
|
||||
font-family: Consolas, Monaco, "Courier New", Menlo, monospace;
|
||||
padding: 9.5px;
|
||||
font-size: 11pt; }
|
||||
.bce_code .bce_code_ctrl {
|
||||
background: #BBB;
|
||||
display: flex;
|
||||
flex-direction: row; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_left, .bce_code .bce_code_ctrl .ctrl_btn_right {
|
||||
display: flex;
|
||||
flex-direction: row; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_left {
|
||||
margin-right: auto; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_right {
|
||||
margin-left: auto; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn {
|
||||
display: block;
|
||||
border: 1px solid #000;
|
||||
background: #444;
|
||||
color: #BBB;
|
||||
margin: 4px;
|
||||
padding: 0 5px;
|
||||
min-width: 65px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-weight: bold; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn:hover {
|
||||
cursor: pointer;
|
||||
background: #333;
|
||||
color: #FFF;
|
||||
border: 1px solid black; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_disabled {
|
||||
background: #999;
|
||||
color: #BBB; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_disabled:hover {
|
||||
background: #999;
|
||||
color: #BBB;
|
||||
cursor: default; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.bce_code .bce_code_ctrl {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0; }
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_left, .bce_code .bce_code_ctrl .ctrl_btn_right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0; }
|
||||
.bce_code .ctrl_btn_left, .bce_code .ctrl_btn_right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0; } }
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
|
||||
176
www/data/css/styles.min.css
vendored
Normal file
176
www/data/css/styles.min.css
vendored
Normal file
@@ -0,0 +1,176 @@
|
||||
body{background-color:#EEE;color:#CCC;font-family:serif}
|
||||
#content{padding-top:64px;display:flex;justify-content:center;line-height:1.4}
|
||||
.content-responsive{margin-left:auto;margin-right:auto}
|
||||
@media(max-width:767px){.content-responsive{width:auto}}
|
||||
@media(min-width:768px){.content-responsive{width:auto}}
|
||||
@media(min-width:992px){.content-responsive{width:724px}}
|
||||
@media(min-width:1200px){.content-responsive{width:1170px}}
|
||||
.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:#CCCCCCFF;background:-moz-linear-gradient(left,#CCC,#FFFFFF00);background:-webkit-linear-gradient(left,#CCC 0,#FFFFFF00 100%)}
|
||||
.blockcontent{display:block;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 .logo{height:30px;margin:4px 0 8px 6px;flex:initial}
|
||||
#headerdiv .tabrow{display:flex;flex:auto}
|
||||
#headerdiv .tabrow .tab{display:flex;justify-content:center;align-items:center;background-color:#222;color:#CCC;border-left:1px solid #000;border-right:1px solid #000;font-weight:bold;text-decoration:none;margin:0 0 0 20px;padding:2px 5px;min-width:64px;text-align:center;flex:initial}
|
||||
#headerdiv .tabrow .tab:hover{cursor:pointer;background-color:#555}
|
||||
#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}
|
||||
@media(max-width:850px){
|
||||
#headerdiv{position:static;flex-direction:column}
|
||||
#headerdiv .logowrapper{display:flex;align-items:center;justify-content:center}
|
||||
#headerdiv .tabrow{flex-direction:column}
|
||||
#headerdiv .tabrow .tab{border:1px solid #000;font-weight:bold;margin:5px 10px}
|
||||
#content{padding-top:0}
|
||||
}
|
||||
html,body{margin:0;padding:0;height:100%}
|
||||
#mastercontainer{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}
|
||||
@media(max-width:767px){#footerdiv{width:auto}}
|
||||
@media(min-width:768px){#footerdiv{width:auto}}
|
||||
@media(min-width:992px){#footerdiv{width:724px}}
|
||||
@media(min-width:1200px){#footerdiv{width:1170px}}
|
||||
#footerdiv hr{margin-bottom:5px;display:block;border:0;color:white;height:1px;background:#CCCCCCFF;background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(#CCC),to(#FFFFFF00))}
|
||||
.bloglistelem_container{display:flex;align-items:center;flex-direction:column}
|
||||
.bloglistelem{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none}
|
||||
.bloglistelem:hover{box-shadow:0 0 4px #000}
|
||||
.ble_blog{background-color:#BBB}
|
||||
.ble_log{background-color:#DDD}
|
||||
.ble_blog .ble_date{background-color:#AAA}
|
||||
.ble_log .ble_date{background-color:#CCC}
|
||||
.ble_date{background-color:#AAA;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}}
|
||||
.blogcontent{color:#333;border:1px solid black;background-color:#e0e0e0;width:90%;margin-left:auto;margin-right:auto}
|
||||
.bc_header{background-color:#BBB;padding:0 4px}
|
||||
.bc_data{padding:8px}
|
||||
.bc_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}
|
||||
.bc_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);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
|
||||
.bc_markdown blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #CCC}
|
||||
.mdtable_container{overflow-x:auto}
|
||||
.mdtable{border-collapse:collapse;text-align:left;width:100%;border:1px solid #666}
|
||||
.mdtable td,.mdtable th{padding:3px 10px}
|
||||
.mdtable thead th{background-color:#7d7d7d;color:#fff;font-weight:bold;border-left:1px solid #444}
|
||||
.mdtable thead th:first-child{border:0}
|
||||
.mdtable tbody td{border-left:1px solid #666;font-weight:normal}
|
||||
.mdtable tbody .alt td{background:#ebebeb}
|
||||
.mdtable tbody td:first-child{border-left:0}
|
||||
.mdtable tbody tr:last-child td{border-bottom:0}
|
||||
.mdtable tbody tr:nth-child(odd){background-color:#ccc}
|
||||
#PEB_tableProblems .PEB_tablerowProblems:hover{background-color:#888}
|
||||
#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_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_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_Size{font-family:Consolas,Monaco,"Courier New",Menlo,monospace}
|
||||
#PEB_tableProblems .PEB_TC_Size_93{float:right;font-family:serif;border-radius:1px;background-color:#0A0;display:inline-block;padding:1px 6px}
|
||||
#PEB_tableProblems .PEB_TC_Size_98{float:right;font-family: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 .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){
|
||||
#PEB_tableProblems tr td:nth-child(1),#PEB_tableProblems tr th:nth-child(1){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}
|
||||
}
|
||||
.bce_description,.bce_explanation{background:#EEE;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_disabled{color:#888;background:#BBB}
|
||||
.bce_pagination .bce_pagbtn_active{color:#000;background:#666;border:1px solid #000}
|
||||
@media(max-width:767px){
|
||||
.bce_pagination{flex-direction:column}
|
||||
.bce_pag20{flex-direction:column}
|
||||
.bce_pag10{flex-direction:column}
|
||||
.bce_pag05{flex-direction:row}
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.bce_pagination{flex-direction:column}
|
||||
.bce_pag20{flex-direction:column}
|
||||
.bce_pag10{flex-direction:row}
|
||||
.bce_pag05{flex-direction:row}
|
||||
}
|
||||
@media(min-width:992px){
|
||||
.bce_pagination{flex-direction:column}
|
||||
.bce_pag20{flex-direction:column}
|
||||
.bce_pag10{flex-direction:row}
|
||||
.bce_pag05{flex-direction:row}
|
||||
}
|
||||
@media(min-width:1200px){
|
||||
.bce_pagination{flex-direction:column}
|
||||
.bce_pag20{flex-direction:row}
|
||||
.bce_pag10{flex-direction:row}
|
||||
.bce_pag05{flex-direction:row}
|
||||
}
|
||||
.euler_pnl_base{display:inline-flex;flex-direction:column;border:1px solid #AAA;border-radius:5px 5px 0 0;margin:15px}
|
||||
.euler_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#AAA}
|
||||
.euler_pnl_header a{color:#222;text-decoration:none;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:900}
|
||||
.euler_pnl_header a:hover{text-decoration:underline}
|
||||
.euler_pnl_content{display:flex;flex-direction:column;background:#DDD;padding:6px}
|
||||
.euler_pnl_row{display:flex;flex-direction:row;flex-wrap:wrap}
|
||||
@media(max-width:850px){.euler_pnl_row{flex-direction:column}}
|
||||
.euler_pnl_row2{display:flex;flex-direction:row}
|
||||
.euler_pnl_cell{width:24px;height:24px;font-size:11px;margin:3px;border:1px solid #333;display:flex;align-items:center;justify-content:center}
|
||||
.euler_pnl_cell:hover{box-shadow:0 0 4px #000}
|
||||
.euler_pnl_cell 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}
|
||||
.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:#ccc}
|
||||
.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_1{flex:1;margin:4px}
|
||||
.bfjoust_runner_owner .hsplit_2{flex:1;margin:4px}
|
||||
.bfjoust_runner_owner textarea{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;display:block}
|
||||
.bfjoust_runner_owner .source{height:350px}
|
||||
.bfjoust_runner_owner .sink{height:100px}
|
||||
.bfjoust_runner_owner .bottomelem{height:200px}
|
||||
@media(max-width:767px){
|
||||
.bfjoust_runner_owner .hsplit{display:block}
|
||||
.bfjoust_runner_owner .hsplit_1{display:block;width:calc(100% - 8px)}
|
||||
.bfjoust_runner_owner .hsplit_2{display:block;width:calc(100% - 8px)}
|
||||
.bfjoust_runner_owner textarea{margin-left:auto;margin-right:auto}
|
||||
}
|
||||
.bfjoust_runner_owner #commandpanel{text-align:center;background-color:lightgray;border-radius:3px;border:1px solid gray;display:table;width:calc(100% - 8px);margin:4px;padding:5px 0}
|
||||
.bfjoust_runner_owner #commandpanel a{color:#FFF;background-color:#000;border-radius:3px;padding:4px 8px;text-decoration:none}
|
||||
.bfjoust_runner_owner #commandpanel a:hover{text-decoration:none;background-color:#666}
|
||||
.bfjoust_runner_owner #commandpanel #a_run{background-color:#080}
|
||||
.bfjoust_runner_owner #commandpanel #a_run:hover{text-decoration:none;background-color:#666}
|
||||
.bfjoust_runner_owner #commandpanel #a_stop{background-color:#F00}
|
||||
.bfjoust_runner_owner #commandpanel #a_stop:hover{text-decoration:none;background-color:#666}
|
||||
.bfjoust_runner_owner #commandpanel #a_arena{background-color:#F80}
|
||||
.bfjoust_runner_owner #commandpanel #a_arena:hover{text-decoration:none;background-color:#666}
|
||||
.bfjoust_runner_owner #run_size{width:40px}
|
||||
.bfjoust_runner_owner #run_speed{width:70px}
|
||||
.bfjoust_runner_owner #board{background-color:#FFF;border-radius:6px;border:1px solid #CCC}
|
||||
.bce_code{background:#f8f8f8;color:black;border:1px solid rgba(0,0,0,0.15)}
|
||||
.bce_code .bce_code_data{overflow-x:auto;white-space:pre;font-family:Consolas,Monaco,"Courier New",Menlo,monospace;padding:9.5px;font-size:11pt}
|
||||
.bce_code .bce_code_ctrl{background:#BBB;display:flex;flex-direction:row}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_left,.bce_code .bce_code_ctrl .ctrl_btn_right{display:flex;flex-direction:row}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_left{margin-right:auto}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_right{margin-left:auto}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn{display:block;border:1px solid #000;background:#444;color:#BBB;margin:4px;padding:0 5px;min-width:65px;text-align:center;text-decoration:none;font-weight:bold}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn:hover{cursor:pointer;background:#333;color:#FFF;border:1px solid black}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_disabled{background:#999;color:#BBB}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_disabled:hover{background:#999;color:#BBB;cursor:default}
|
||||
@media(max-width:767px){
|
||||
.bce_code .bce_code_ctrl{display:flex;flex-direction:column;margin:0}
|
||||
.bce_code .bce_code_ctrl .ctrl_btn_left,.bce_code .bce_code_ctrl .ctrl_btn_right{display:flex;flex-direction:column;margin:0}
|
||||
.bce_code .ctrl_btn_left,.bce_code .ctrl_btn_right{display:flex;flex-direction:column;margin:0}
|
||||
}
|
||||
@@ -5,6 +5,8 @@
|
||||
@import 'styles_main';
|
||||
@import 'styles_bloglist';
|
||||
@import 'styles_blogview';
|
||||
@import 'styles_blogview_befunge';
|
||||
|
||||
@import 'styles_eulerpanel';
|
||||
@import 'styles_bfjoustrunner';
|
||||
@import 'styles_bfjoustrunner';
|
||||
@import 'styles_befungerunner';
|
||||
70
www/data/css/styles_befungerunner.scss
Normal file
70
www/data/css/styles_befungerunner.scss
Normal file
@@ -0,0 +1,70 @@
|
||||
@import 'styles_config';
|
||||
|
||||
.bce_code {
|
||||
background: #F8F8F8;
|
||||
color: black;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
|
||||
.bce_code_data {
|
||||
overflow-x: auto;
|
||||
white-space: pre;
|
||||
font-family: $FONT_CODE;
|
||||
padding: 9.5px;
|
||||
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
.bce_code_ctrl {
|
||||
background: #BBB;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
.ctrl_btn_left, .ctrl_btn_right {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.ctrl_btn_left {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.ctrl_btn_right {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.ctrl_btn {
|
||||
display: block;
|
||||
border: 1px solid #000;
|
||||
background: #444;
|
||||
color: #BBB;
|
||||
margin: 4px;
|
||||
padding: 0 5px;
|
||||
min-width: 65px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background: #333;
|
||||
color: #FFF;
|
||||
border: 1px solid black;
|
||||
}
|
||||
}
|
||||
|
||||
.ctrl_btn_disabled { background: #999; color: #BBB; }
|
||||
.ctrl_btn_disabled:hover { background: #999; color: #BBB; cursor: default; }
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.bce_code {
|
||||
.bce_code_ctrl{
|
||||
|
||||
display: flex; flex-direction: column; margin: 0;
|
||||
|
||||
.ctrl_btn_left, .ctrl_btn_right { display: flex; flex-direction: column; margin: 0; }
|
||||
|
||||
} .ctrl_btn_left, .ctrl_btn_right { display: flex; flex-direction: column; margin: 0; }
|
||||
}
|
||||
}
|
||||
@@ -102,89 +102,4 @@
|
||||
|
||||
}
|
||||
|
||||
#PEB_tableProblems {
|
||||
.PEB_tablerowProblems { }
|
||||
.PEB_tablerowProblems:hover { background-color: #888; }
|
||||
|
||||
.PEB_tablecellProblems { }
|
||||
|
||||
.PEB_TC_Value { font-family: $FONT_CODE; }
|
||||
|
||||
.PEB_TC_Value:not(:hover) {
|
||||
color: transparent;
|
||||
|
||||
-o-transition:.5s;
|
||||
-ms-transition:.5s;
|
||||
-moz-transition:.5s;
|
||||
-webkit-transition:.5s;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
.PEB_TC_Value:hover {
|
||||
color: $COL_TEXT_DARK;
|
||||
|
||||
-o-transition:.5s;
|
||||
-ms-transition:.5s;
|
||||
-moz-transition:.5s;
|
||||
-webkit-transition:.5s;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
.PEB_TC_Time {
|
||||
border-radius: 1px;
|
||||
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
|
||||
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_Size { font-family: $FONT_CODE; }
|
||||
|
||||
.PEB_TC_Size_93 {
|
||||
float: right;
|
||||
font-family: $FONT_DEFAULT;
|
||||
|
||||
border-radius: 1px;
|
||||
background-color: #0A0;
|
||||
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
|
||||
.PEB_TC_Size_98 {
|
||||
float: right;
|
||||
font-family: $FONT_DEFAULT;
|
||||
|
||||
border-radius: 1px;
|
||||
background-color: #FF0;
|
||||
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.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) {
|
||||
#PEB_tableProblems tr td:nth-child(1), #PEB_tableProblems tr th:nth-child(1) { 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; }
|
||||
}
|
||||
172
www/data/css/styles_blogview_befunge.scss
Normal file
172
www/data/css/styles_blogview_befunge.scss
Normal file
@@ -0,0 +1,172 @@
|
||||
@import 'styles_config';
|
||||
|
||||
|
||||
#PEB_tableProblems {
|
||||
.PEB_tablerowProblems { }
|
||||
.PEB_tablerowProblems:hover { background-color: #888; }
|
||||
|
||||
.PEB_tablecellProblems { }
|
||||
|
||||
.PEB_TC_Value { font-family: $FONT_CODE; }
|
||||
|
||||
.PEB_TC_Value:not(:hover) {
|
||||
color: transparent;
|
||||
|
||||
-o-transition:.5s;
|
||||
-ms-transition:.5s;
|
||||
-moz-transition:.5s;
|
||||
-webkit-transition:.5s;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
.PEB_TC_Value:hover {
|
||||
color: $COL_TEXT_DARK;
|
||||
|
||||
-o-transition:.5s;
|
||||
-ms-transition:.5s;
|
||||
-moz-transition:.5s;
|
||||
-webkit-transition:.5s;
|
||||
transition:.5s;
|
||||
}
|
||||
|
||||
.PEB_TC_Time {
|
||||
border-radius: 1px;
|
||||
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
|
||||
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_Size { font-family: $FONT_CODE; }
|
||||
|
||||
.PEB_TC_Size_93 {
|
||||
float: right;
|
||||
font-family: $FONT_DEFAULT;
|
||||
|
||||
border-radius: 1px;
|
||||
background-color: #0A0;
|
||||
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
|
||||
.PEB_TC_Size_98 {
|
||||
float: right;
|
||||
font-family: $FONT_DEFAULT;
|
||||
|
||||
border-radius: 1px;
|
||||
background-color: #FF0;
|
||||
|
||||
display: inline-block;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.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) {
|
||||
#PEB_tableProblems tr td:nth-child(1), #PEB_tableProblems tr th:nth-child(1) { 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; }
|
||||
}
|
||||
|
||||
.bce_description, .bce_explanation {
|
||||
background: #EEE;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bce_pagination {
|
||||
display:flex;
|
||||
|
||||
.bce_pag20 {
|
||||
display:flex;
|
||||
align-self: center;
|
||||
}
|
||||
.bce_pag10 {
|
||||
display:flex;
|
||||
}
|
||||
.bce_pag05 {
|
||||
display:flex;
|
||||
margin: 4px 0;
|
||||
}
|
||||
.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_pagbtn_disabled {
|
||||
color: #888;
|
||||
background: #BBB;
|
||||
}
|
||||
.bce_pagbtn_active {
|
||||
color: #000;
|
||||
background: #666;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media(max-width:767px)
|
||||
{
|
||||
.bce_pagination { flex-direction: column; }
|
||||
.bce_pag20 { flex-direction: column; }
|
||||
.bce_pag10 { flex-direction: column; }
|
||||
.bce_pag05 { flex-direction: row; }
|
||||
}
|
||||
|
||||
@media(min-width:768px)
|
||||
{
|
||||
.bce_pagination { flex-direction: column; }
|
||||
.bce_pag20 { flex-direction: column; }
|
||||
.bce_pag10 { flex-direction: row; }
|
||||
.bce_pag05 { flex-direction: row; }
|
||||
}
|
||||
|
||||
|
||||
@media(min-width:992px)
|
||||
{
|
||||
.bce_pagination { flex-direction: column; }
|
||||
.bce_pag20 { flex-direction: column; }
|
||||
.bce_pag10 { flex-direction: row; }
|
||||
.bce_pag05 { flex-direction: row; }
|
||||
}
|
||||
|
||||
|
||||
@media(min-width:1200px)
|
||||
{
|
||||
.bce_pagination { flex-direction: column; }
|
||||
.bce_pag20 { flex-direction: row; }
|
||||
.bce_pag10 { flex-direction: row; }
|
||||
.bce_pag05 { flex-direction: row; }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user