/about/ + extendedGitGraph

www/data/css/styles.css

@@ -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;