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

/about/ + extendedGitGraph

Browse Source
This commit is contained in:
Mike Schwörer
2018-01-21 15:29:01 +01:00
parent d77954ddae
commit 28ae8beb2d
26 changed files with 1346 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -89,6 +89,19 @@ body {
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 .bc_data {
padding: 8px; }
/* 400px */
#headerdiv {
z-index: 999;
@@ -265,21 +278,6 @@ html, body {
.ble_title {
font-size: 1.25em; } }
/* 400px */
.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; }
.base_markdown code {
font-family: Consolas, Monaco, "Courier New", Menlo, monospace;
direction: ltr;
@@ -348,6 +346,9 @@ html, body {
border: none !important;
background: transparent !important; }
.blogcontent_euler, .blogcontent_markdown, .blogcontent_plain {
width: 90%; }
/* 400px */
#PEB_tableProblems .PEB_tablerowProblems:hover {
background-color: #888; }
@@ -796,6 +797,97 @@ html, body {
#prgv_header h1 {
font-size: 28pt; } }
/* 400px */
.aboutcontent {
display: block;
width: 100%; }
.aboutcontent .boxedcontent {
margin-bottom: 20px; }
.about_egh_container {
display: flex;
flex-direction: column;
align-items: center; }
.git_list {
display: inline-block;
width: 715px;
height: 115px;
overflow: visible; }
@media (max-width: 991px) {
.git_list {
width: 100%;
height: auto; }
.extGitGraphContainer {
width: 95%;
width: calc(100% - 16px); } }
.git_list text.caption {
font-size: 10px;
fill: #666; }
.git_list text.caption_month {
font-size: 8px;
fill: #BBB; }
.git_list text.caption_day {
font-size: 8px;
fill: #BBB; }
.svg-tip:after {
box-sizing: border-box;
position: absolute;
left: 50%;
height: 5px;
width: 5px;
bottom: -10px;
margin: 0 0 0px -5px;
content: " ";
border: 5px solid transparent;
border-top-color: rgba(0, 0, 0, 0.8);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none; }
.svg-tip {
padding: 5px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
color: #BBB;
font-size: 12px;
position: absolute;
z-index: 99999;
text-align: center;
border-radius: 3px;
box-sizing: border-box;
opacity: 0; }
.extGitGraphContainer {
background-color: #FCFCFC;
margin: 10px;
display: inline-block;
border: 1px solid #222;
border-radius: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset; }
.egg_footer {
margin-top: 5px;
text-align: right;
margin-right: 5px;
margin-bottom: 5px;
color: #888; }
.egg_footer > a {
text-decoration: none;
color: inherit; }
.egg_footer > a:hover {
text-decoration: none;
color: #22F; }
/* 400px */
.euler_pnl_base {
display: inline-flex;
flex-direction: column;

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

@@ -18,6 +18,9 @@ body{background-color:#EEE;color:#CCC;font-family:serif}
.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 .bc_data{padding:8px}
#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}
@@ -58,9 +61,6 @@ html,body{margin:0;padding:0;height:100%}
.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}
.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}
@@ -77,6 +77,7 @@ html,body{margin:0;padding:0;height:100%}
.mdtable_container{overflow-x:auto}
.notable{width:unset !important;border:none !important}
.notable th,.notable td,.notable tr{border:none !important;background:transparent !important}
.blogcontent_euler,.blogcontent_markdown,.blogcontent_plain{width:90%}
#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}
@@ -203,6 +204,23 @@ html,body{margin:0;padding:0;height:100%}
.prgv_right_lang{justify-content:space-evenly}
#prgv_header h1{font-size:28pt}
}
.aboutcontent{display:block;width:100%}
.aboutcontent .boxedcontent{margin-bottom:20px}
.about_egh_container{display:flex;flex-direction:column;align-items:center}
.git_list{display:inline-block;width:715px;height:115px;overflow:visible}
@media(max-width:991px){
.git_list{width:100%;height:auto}
.extGitGraphContainer{width:95%;width:calc(100% - 16px)}
}
.git_list text.caption{font-size:10px;fill:#666}
.git_list text.caption_month{font-size:8px;fill:#BBB}
.git_list text.caption_day{font-size:8px;fill:#BBB}
.svg-tip:after{box-sizing:border-box;position:absolute;left:50%;height:5px;width:5px;bottom:-10px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,0.8);-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none}
.svg-tip{padding:5px;background:none repeat scroll 0 0 rgba(0,0,0,0.8);color:#BBB;font-size:12px;position:absolute;z-index:99999;text-align:center;border-radius:3px;box-sizing:border-box;opacity:0}
.extGitGraphContainer{background-color:#fcfcfc;margin:10px;display:inline-block;border:1px solid #222;border-radius:0;box-shadow:0 0 1px rgba(0,0,0,0.25) inset}
.egg_footer{margin-top:5px;text-align:right;margin-right:5px;margin-bottom:5px;color:#888}
.egg_footer>a{text-decoration:none;color:inherit}
.egg_footer>a:hover{text-decoration:none;color:#22F}
.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}

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

@@ -9,6 +9,7 @@
@import 'styles_errorview';
@import 'styles_programslist';
@import 'styles_programsview';
@import 'styles_about';
@import 'styles_eulerpanel';
@import 'styles_programspanel';

104
www/data/css/styles_about.scss Normal file
View File

@@ -0,0 +1,104 @@
@import 'styles_config';
.aboutcontent {
display: block;
width: 100%;
}
.aboutcontent .boxedcontent{
margin-bottom: 20px;
}
.about_egh_container {
display: flex;
flex-direction: column;
align-items: center;
}
.git_list {
display: inline-block;
width: 715px;
height: 115px;
overflow: visible;
}
@include rdmedia_range(0,2) {
.git_list { width: 100%; height: auto; }
.extGitGraphContainer { width: 95%; width: calc(100% - 16px); }
}
.git_list text.caption {
font-size: 10px;
fill: #666;
}
.git_list text.caption_month {
font-size: 8px;
fill: #BBB;
}
.git_list text.caption_day {
font-size: 8px;
fill: #BBB;
}
.svg-tip:after {
box-sizing: border-box;
position: absolute;
left: 50%;
height: 5px;
width: 5px;
bottom: -10px;
margin: 0 0 0px -5px;
content: " ";
border: 5px solid transparent;
border-top-color: rgba(0, 0, 0, 0.8);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
}
.svg-tip {
padding: 5px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
color: #BBB;
font-size: 12px;
position: absolute;
z-index: 99999;
text-align: center;
border-radius: 3px;
box-sizing: border-box;
opacity: 0;
}
.extGitGraphContainer {
background-color: #FCFCFC;
margin: 10px;
display: inline-block;
border: 1px solid #222;
border-radius: 0;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
}
.egg_footer {
margin-top: 5px;
text-align: right;
margin-right: 5px;
margin-bottom: 5px;
color: #888;
}
.egg_footer > a {
text-decoration: none;
color: inherit;
}
.egg_footer > a:hover {
text-decoration: none;
color: #22F;
}

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

@@ -1,23 +1,5 @@
@import 'styles_config';
.blogcontent {
color: $COL_TEXT_DARK;
border: 1px solid black;
background-color: $COL_BACKGROUND_2;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.bc_header {
background-color: #BBB;
padding: 0 4px;
}
.bc_data {
padding: 8px;
}
.base_markdown {
code {
@@ -115,3 +97,5 @@
background: transparent !important;
}
}
.blogcontent_euler, .blogcontent_markdown, .blogcontent_plain { width: 90%;}

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

@@ -86,3 +86,21 @@ body {
width:0 !important;
height:0 !important;
}
.boxedcontent {
color: $COL_TEXT_DARK;
border: 1px solid black;
background-color: $COL_BACKGROUND_2;
width: 100%;
margin-left: auto;
margin-right: auto;
.bc_header {
background-color: #BBB;
padding: 0 4px;
}
.bc_data {
padding: 8px;
}
}