renamed css-files

slides/styles/htmlbook.css

+
+/***** own created style sheet *********/
+
+/********
+
+Fonts
+
+********/
+
+/* Font import */
+@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,700,700i);
+@import url(https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css);
+
+/* font for text */
+body {
+  font-family: 'Fira Sans','Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
+  background-color: #FAFAFA;
+}
+
+/* metropolis orange color for bold */
+b, strong {
+  color: #EB811B;
+}
+
+/* customized link color */
+a {
+  color: #f3a287;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+/* customized link color */
+a {
+  color: #f3a287;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+/* Font sizes */
+.font10 {
+  font-size: 10%;
+}
+
+.font20 {
+  font-size: 20%;
+}
+
+.font30 {
+  font-size: 30%;
+}
+
+.font40 {
+  font-size: 40%;
+}
+
+.font50 {
+  font-size: 50%;
+}
+
+.font60 {
+  font-size: 60%;
+}
+
+.font70 {
+  font-size: 70%;
+}
+
+.font80 {
+  font-size: 80%;
+}
+
+.font90 {
+  font-size: 90%;
+}
+
+.font100 {
+  font-size: 100%;
+}
+
+.font110 {
+  font-size: 110%;
+}
+
+.font120 {
+  font-size: 120%;
+}
+
+.font130 {
+  font-size: 130%;
+}
+
+.font140 {
+  font-size: 140%;
+}
+
+.font150 {
+  font-size: 150%;
+}
+
+.font160 {
+  font-size: 160%;
+}
+.font170 {
+  font-size: 170%;
+}
+.font180 {
+  font-size: 180%;
+}
+.font190 {
+  font-size: 190%;
+}
+.font200 {
+  font-size: 200%;
+}
+
+/**********
+
+Code chunks 
+
+**********/
+
+code {
+  font-family: 'Fira Code', 'Lucida Console', Monaco, monospace;
+  font-size: 80%;
+  background: #e7e8e2;
+}
+
+
+/* Code sizes */
+.code10 .code {
+  font-size: 10%;
+}
+
+.code20 .code {
+  font-size: 20%;
+}
+
+.code30 .code {
+  font-size: 30%;
+}
+
+.code40 .code {
+  font-size: 40%;
+}
+
+.code50 .code {
+  font-size: 50%;
+}
+
+.code60 .code {
+  font-size: 60%;
+}
+
+.code70 .code {
+  font-size: 70%;
+}
+
+.code80 .code {
+  font-size: 80%;
+}
+
+.code90 .code {
+  font-size: 90%;
+}
+
+.code100 .code {
+  font-size: 100%;
+}
+
+	
+/*******
+
+Headers 
+
+*******/
+
+title {
+  font-size: 28px;
+  color:#1A292C;
+  text-align: center;
+  padding-top: 25px;
+  text-shadow: none;
+}
+
+h1 {
+  font-size: 26px;
+  color:#1A292C;
+  text-align: left;
+  margin-left: 00px;
+}
+
+h1.title {
+  font-size: 26px;
+  color:#1A292C;
+  text-align: center;
+  margin-left: 00px;
+}
+
+h1.subtitle {
+  font-size: 24px;
+  color:#1A292C;
+  text-align: center;
+}
+
+h2 {
+  font-size: 22px;
+  color:#1A292C;
+  text-align: left;
+  padding-top: 15px;
+  padding-bottom: 00px;
+  text-shadow: none;
+  margin-left: 00px;
+  margin-bottom: 10px;
+}
+
+h3 {
+  font-size: 20px;
+  color:#1A292C;
+  text-align: left;
+  padding-top: 15px;
+  padding-bottom: 00px;
+  text-shadow: none;
+  margin-left: 00px;
+  margin-bottom: 10px;
+}
+
+h4 {
+  font-size: 20px;
+  color:#1A292C;
+  text-align: left;
+  padding-top: 15px;
+  padding-bottom: 00px;
+  text-shadow: none;
+  margin-left: 00px;
+  margin-bottom: 10px;
+}
+
+h3.code{
+  font-size: 20px;
+  padding-top: -15px;
+  text-align: left;
+  padding-bottom: 00px;
+  text-shadow: none;
+  margin-left: 00px;
+  margin-bottom: 10px;
+}
+
+
+p.author p.date {
+	font-size: 18px;
+	color: #1A292C;
+}
+
+p.caption {
+  font-size: 16px;
+  font-style: normal;
+  color: #1A292C;
+  text-align: center;
+}
+
+/* trennlinie */
+
+hr {
+  color: #EB811B;
+  border: 1px solid #EB811B;
+}
+
+/*****
+
+Lists / tables
+
+*****/
+
+/* TOC */
+.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
+    z-index: 2;
+    color: #1A292C;
+    background-color: rgba(235, 129, 27, .2);
+    border-color: #1A292C;
+}
+
+/* unordered list */
+ul{
+  list-style-type: square;
+  display: block;
+}
+
+/* list item in unordered list */
+ul li{
+  margin-top: 0;
+  margin-bottom: 0;
+  margin-left: .1em;
+  margin-right: 0;
+}
+
+/* ordered list */
+ol {
+  list-style-type: upper-roman;
+  display: block;
+}
+
+/* list item in ordered list */
+ol li{
+  margin-top: 0;
+  margin-bottom: 0;
+  margin-left: .1em;
+  margin-right: 0;
+}
+
+/* table */
+table {
+  font-size: 80%;
+  text-align: center;
+  margin-bottom: 20px;
+  margin-top: 20px;
+}
+
+/* gt-tables */
+.gt_table {
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
+.pagedtable-footer {
+  padding-top: 4px;
+  padding-bottom: 5px;
+  font-size: 13px;
+}
+
+/* special containers for column-design */
+.flex-container{
+  justify-content:space-evenly; 
+  display: flex;
+  flex-flow: row wrap;
+}
+
+.flex-picture {
+  text-align: center; 
+  flex-grow:1; 
+  flex-basis: 30%;
+}
+
+.flex-text{
+  text-align: left; 
+  flex-grow: 1; 
+  flex-basis: 50%;
+}
+
+
+/***********
+
+own types
+
+***********/
+
+#infobox {
+  padding: 1em;
+  background: #FAFAFA;
+  color: #1A292C;
+  border: 16px #1A292C;
+  border-radius: 10px;
+  line-height: 120%;
+  font-size: 20px;
+  margin-bottom: 20px;
+  margin-top: 10px;
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+div.blue { 
+  background-color:#F5F5F5; 
+  border-radius: 5px; 
+  padding: 20px;
+}

slides/styles/slides.css

@@ -235,6 +235,7 @@ a {
 .remark-code, .remark-inline-code {
   font-family: 'Fira Code', 'Lucida Console', Monaco, monospace;
   font-size: 80%;
+  background: #e7e8e2;
 }
 
 /* Font sizes */
@@ -329,12 +330,12 @@ Code chunks
 }
 
 .remark-code-line-highlighted	{
-	  background-color: rgba(235, 129, 27, .2);
-	}
+	background-color: rgba(235, 129, 27, .2);
+}
 	
 /* Code chunk box */
 .remark-code {
-  background-color: rgba(235, 129, 27, .2);
+  background: #e7e8e2;
 }
 
 /* Code sizes */
@@ -386,6 +387,12 @@ other formats
 
 **********/
 
+/* gt-tables */
+.gt_table {
+  margin-bottom: 15px;
+  margin-top: 15px;
+}
+
 /* Column ratios */
 .pull-left {
   float: left;