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

blogview_bfjoust

Browse Source
This commit is contained in:
Mike Schwörer
2017-12-31 02:05:50 +01:00
parent bb28fd3b6d
commit 3dcdd872c4
13 changed files with 1230 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -94,7 +94,7 @@ body {
#headerdiv .tabrow .tab_github {
background-color: #4078c0;
border-left: 1px solid #111;
border-right: 1px solid #111;
border-right: none;
color: black; }
#headerdiv .tabrow .tab_github:hover {
background-color: #c9510c;
@@ -220,7 +220,7 @@ html, body {
padding: 8px; }
.bc_markdown code {
font-family: Consolas, Monaco, 'Andale Mono', monospace;
font-family: Consolas, Monaco, "Courier New", Menlo, monospace;
direction: ltr;
text-align: left;
white-space: pre;
@@ -344,4 +344,81 @@ html, body {
.euler_pnl_cell_notexist {
background: #CCCCCC; }
.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; }
/*# sourceMappingURL=styles.css.map */

3
www/data/css/styles.scss
View File

@@ -6,4 +6,5 @@
@import 'styles_bloglist';
@import 'styles_blogview';
@import 'styles_eulerpanel';
@import 'styles_eulerpanel';
@import 'styles_bfjoustrunner';

84
www/data/css/styles_bfjoustrunner.scss Normal file
View File

@@ -0,0 +1,84 @@
@import 'styles_config';
.bfjoust_runner_owner {
border: 1px solid #888;
background: #F8F8F8;
padding: 6px;
.hsplit {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
}
.hsplit_1 { flex: 1; margin: 4px; }
.hsplit_2 { flex: 1; margin: 4px; }
textarea { font-family: $FONT_CODE; display:block; }
.source { height: 350px; }
.sink { height: 100px; }
.bottomelem { height: 200px; }
@media (max-width: 767px) {
.hsplit { display:block; }
.hsplit_1 { display:block; width: calc(100% - 8px); }
.hsplit_2 { display:block; width: calc(100% - 8px); }
textarea { margin-left: auto; margin-right: auto; }
}
#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;
a {
color: #FFF;
background-color: #000;
border-radius: 3px;
padding: 4px 8px;
text-decoration: none;
&:hover { text-decoration: none; background-color: #666; }
}
#a_run {
background-color: #080;
&:hover { text-decoration: none; background-color: #666; }
}
#a_stop {
background-color: #F00;
&:hover { text-decoration: none; background-color: #666; }
}
#a_arena {
background-color: #F80;
&:hover { text-decoration: none; background-color: #666; }
}
}
#run_size {
width: 40px;
}
#run_speed {
width: 70px;
}
#board {
background-color: #FFF;
border-radius: 6px;
border:1px solid #CCC;
}
}

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

@@ -19,7 +19,7 @@
}
.bc_markdown code {
font-family: Consolas, Monaco, 'Andale Mono', monospace;
font-family: $FONT_CODE;
direction: ltr;
text-align: left;
white-space: pre;
@@ -42,7 +42,7 @@
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
background-color: #F8F8F8;
background-color: $COL_BACKGROUND_3;
color: black;
border: 1px solid rgba(0,0,0,.15);
-webkit-border-radius: 2px;

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

@@ -1,7 +1,9 @@
$COL_BACKGROUND: #EEE;
$COL_BACKGROUND: #EEE;
$COL_BACKGROUND_2: #E0E0E0;
$COL_TEXT_NORMAL: #CCC;
$COL_TEXT_DARK: #333;
$COL_TRANSPARENT: #FFFFFF00;
$COL_BACKGROUND_3: #F8F8F8;
$COL_TEXT_NORMAL: #CCC;
$COL_TEXT_DARK: #333;
$COL_TRANSPARENT: #FFFFFF00;
$FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
$FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
$FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;

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

@@ -57,7 +57,7 @@
.tab_github {
background-color: #4078c0;
border-left: 1px solid #111;
border-right: 1px solid #111;
border-right: none;
color: black;
&:hover {